@ozdao/prometheus-framework 0.2.29 → 0.2.31

package/src/modules/spots/components/sections/Feed.vue

@@ -1,64 +0,0 @@
-<template>
-  <transition name="slide-fade">
-    <div>
-      <EmptyState
-        v-if="FirstLevelSpots.length < 1"
-        title="You don't have any spots yet."
-        description="Add spots to your hub."
-        action="Add spot"
-        :callback="() => $router.push(`/spots/${props.organization._id}/spots/create`)"
-      />
-
-      <div>
-        <CardSpot
-          v-for="(spot, index) in FirstLevelSpots"
-          :key="index"
-          :spot="spot"
-          :organization="organization"
-          class="radius-big bg-grey mn-b-thin"
-        />
-        <button
-          v-if="FirstLevelSpots.length > 0 && auth.state.user._id === organization.owner"
-          @click="$router.push(`/spots/${props.organization._id}/spots/create`)"
-          class="mn-b-thin button w-100"
-        >
-          Add spot
-        </button>
-      </div>
-    </div>
-  </transition>
-</template>
-
-<script setup>
-import { ref, computed } from 'vue';
-import Tab from '@pf/src/components/Tab/Tab.vue';
-import EmptyState from '@pf/src/modules/organizations/components/blocks/EmptyState.vue';
-import CardSpot from '@pf/src/modules/spots/components/blocks/CardSpot.vue';
-import { state as spotState, actions as spotActions } from '@pf/src/modules/spots/store/spots';
-import * as auth from '@pf/src/modules/auth/store/auth'
-
-const props = defineProps({
-  organization: Object,
-  units: Array,
-  memberships: Array
-});
-
-const tabStructure = ref('spots');
-
-await spotActions.read(props.organization._id);
-
-const FirstLevelSpots = computed(() => {
-  const spots = spotState.spots;
-
-  const subspotIds = spots.flatMap(spot =>
-    spot.subspots.map(subspot => subspot._id)
-  );
-
-  return spots.filter(spot =>
-    !subspotIds.includes(spot._id)
-  );
-});
-</script>
-
-<style scoped>
-</style>

package/src/styles/base/border-radius.scss

@@ -1,47 +0,0 @@
-body { 
-	// Margin Classes
-	.radius-100p 		{ 	border-radius: 100% 							}
-	.radius-extra 	{ 	border-radius: var(--extra) 			}
-	.radius-big 		{ 	border-radius: var(--big) 				}
-	.radius-semi 		{ 	border-radius: var(--semi) 				}	
-	.radius-medium 	{ 	border-radius: var(--medium) 			}
-	.radius-regular { 	border-radius: var(--regular) 		}
-	.radius-small 	{ 	border-radius: var(--small) 		 	}
-	.radius-thin 		{ 	border-radius: var(--thin) 		 		}
-	// Corner
-	/* Top-Left Radius */
-	.radius-tl-extra 		{ border-top-left-radius: var(--extra); }
-	.radius-tl-big 			{ border-top-left-radius: var(--big); }
-	.radius-tl-semi 		{ border-top-left-radius: var(--semi); }
-	.radius-tl-medium 	{ border-top-left-radius: var(--medium); }
-	.radius-tl-regular 	{ border-top-left-radius: var(--regular); }
-	.radius-tl-small 		{ border-top-left-radius: var(--small); }
-	.radius-tl-thin 		{ border-top-left-radius: var(--thin); }
-
-	/* Top-Right Radius */
-	.radius-tr-extra 		{ border-top-right-radius: var(--extra); }
-	.radius-tr-big 			{ border-top-right-radius: var(--big); }
-	.radius-tr-semi 		{ border-top-right-radius: var(--semi); }
-	.radius-tr-medium 	{ border-top-right-radius: var(--medium); }
-	.radius-tr-regular 	{ border-top-right-radius: var(--regular); }
-	.radius-tr-small 		{ border-top-right-radius: var(--small); }
-	.radius-tr-thin 		{ border-top-right-radius: var(--thin); }
-
-	/* Bottom-Right Radius */
-	.radius-br-extra 		{ border-bottom-right-radius: var(--extra); }
-	.radius-br-big 			{ border-bottom-right-radius: var(--big); }
-	.radius-br-semi 		{ border-bottom-right-radius: var(--semi); }
-	.radius-br-medium 	{ border-bottom-right-radius: var(--medium); }
-	.radius-br-regular 	{ border-bottom-right-radius: var(--regular); }
-	.radius-br-small 		{ border-bottom-right-radius: var(--small); }
-	.radius-br-thin 		{ border-bottom-right-radius: var(--thin); }
-
-	/* Bottom-Left Radius */
-	.radius-bl-extra 		{ border-bottom-left-radius: var(--extra); }
-	.radius-bl-big 			{ border-bottom-left-radius: var(--big); }
-	.radius-bl-semi 		{ border-bottom-left-radius: var(--semi); }
-	.radius-bl-medium 	{ border-bottom-left-radius: var(--medium); }
-	.radius-bl-regular 	{ border-bottom-left-radius: var(--regular); }
-	.radius-bl-small 		{ border-bottom-left-radius: var(--small); }
-	.radius-bl-thin 		{ border-bottom-left-radius: var(--thin); }
-}

package/src/styles/base/cursors.scss

@@ -1,23 +0,0 @@
-body { 
-	.cursor-pointer {cursor: pointer; }
-	.cursor-move {cursor: move; }
-	.cursor-text {cursor: text; }
-	.cursor-help {cursor: help; }
-	.cursor-wait {cursor: wait; }
-	.cursor-crosshair {cursor: crosshair; }
-	.cursor-not-allowed {cursor: not-allowed; }
-	.cursor-grab {cursor: grab; }
-	.cursor-grabbing {cursor: grabbing; }
-
-	.cursor-ns-resize {cursor: ns-resize; }
-	.cursor-ew-resize {cursor: ew-resize; }
-	.cursor-ne-resize {cursor: ne-resize; }
-	.cursor-nw-resize {cursor: nw-resize; }
-	.cursor-se-resize {cursor: se-resize; }
-	.cursor-sw-resize{cursor: sw-resize; }
-	
-	.cursor-n-resize {cursor: n-resize; }
-	.cursor-e-resize {cursor: e-resize; }
-	.cursor-s-resize {cursor: s-resize; }
-	.cursor-w-resize {cursor: w-resize; } 
-}

package/src/styles/base/height.scss

@@ -1,60 +0,0 @@
-body { 
-	// Min height
-	.min-h-100p { min-height: min(100%, 100%) !important; }
-	.min-h-90p 	{ min-height: min(100%, 90%) !important; }
-	.min-h-80p 	{ min-height: min(100%, 80%) !important; }
-	.min-h-70p 	{ min-height: min(100%, 70%) !important; }
-	.min-h-60p 	{ min-height: min(100%, 60%) !important; }
-	.min-h-50p 	{ min-height: min(100%, 50%) !important; }
-	.min-h-40p 	{ min-height: min(100%, 40%) !important; }
-	.min-h-30p 	{ min-height: min(100%, 30%) !important; }
-	.min-h-20p 	{ min-height: min(100%, 20%) !important; }
-	.min-h-10p 	{ min-height: min(100%, 10%) !important; }
-	// Min height in vh
-	.min-h-100vh{ min-height: min(100vh, 100%) !important; }
-	.min-h-90vh { min-height: min(100vh, 90%) !important; }
-	.min-h-80vh { min-height: min(100vh, 80%) !important; }
-	.min-h-70vh { min-height: min(100vh, 70%) !important; }
-	.min-h-60vh { min-height: min(100vh, 60%) !important; }
-	.min-h-50vh { min-height: min(100vh, 50%) !important; }
-	.min-h-40vh { min-height: min(100vh, 40%) !important; }
-	.min-h-30vh { min-height: min(100vh, 30%) !important; }
-	.min-h-20vh { min-height: min(100vh, 20%) !important; }
-	.min-h-10vh { min-height: min(100vh, 10%) !important; }
-	// Max height
-	// %
-	.h-m-100p{ height: min(100%, 100%) !important; }
-	.h-m-90p { height: min(100%, 90%) !important; }
-	.h-m-80p { height: min(100%, 80%) !important; }
-	.h-m-70p { height: min(100%, 70%) !important; }
-	.h-m-60p { height: min(100%, 60%) !important; }
-	.h-m-50p { height: min(100%, 50%) !important; }
-	.h-m-40p { height: min(100%, 40%) !important; }
-	.h-m-30p { height: min(100%, 30%) !important; }
-	.h-m-20p { height: min(100%, 20%) !important; }
-	.h-m-10p { height: min(100%, 10%) !important; }
-	// rem
-	.h-m-66r { height: min(100%, 66rem) !important; }
-	.h-m-60r { height: min(100%, 60rem) !important; }
-	.h-m-50r { height: min(100%, 50rem) !important; }
-	.h-m-40r { height: min(100%, 40rem)	!important; }
-	.h-m-33r { height: min(100%, 33rem)	!important; }
-	.h-m-25r { height: min(100%, 25rem)	!important; }
-	.h-m-20r { height: min(100%, 20rem)	!important; }
-	.h-m-15r { height: min(100%, 15rem)	!important; }
-	.h-m-10r { height: min(100%, 10rem)	!important; }
-	.h-m-5r  { height: min(100%, 5rem)	!important; }
-	.h-m-3r  { height: min(100%, 3rem)	!important; }
-	.h-m-2r  { height: min(100%, 2rem)	!important; }
-	// Max Height
-	.h-max-50r { max-height: 50rem; }
-	.h-max-30r { max-height: 30rem; }
-	.h-max-20r { max-height: 20rem; }
-	.h-max-10r { max-height: 10rem; }
-	.h-max-8r  { max-height: 8rem; }
-	.h-max-5r  { max-height: 5rem; }
-	.h-max-4r  { max-height: 4rem; }
-	.h-max-3r  { max-height: 3rem; }
-	.h-max-2r  { max-height: 2rem; }
-	.h-max-1r  { max-height: 1rem; }
-}

package/src/styles/base/hovers.scss

@@ -1,110 +0,0 @@
-body { 
-	.hover_bg-main {
-		&:hover {
-			 background: rgb(var(--main));;
-		}
-	} 
-
-	.hover_t-white {
-		&:hover {
-			background: rgba(var(--white), 1);;
-		}
-	} 
-
-	.hover-t-black {
-		&:hover {
-			background: 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) 
-		}
-	}
-
-
-	/* Принцип 1. Сжатие и растяжение */
-	/* Принцип 8. Дополнительное действие (выразительная деталь) */
-	.hover-scale-0 {&:hover {transform: scale(1.015); 	} } 
-	.hover-scale-1 {&:hover {transform: scale(1.05); 	} } 
-	.hover-scale-2 {&:hover {transform: scale(1.1); 	} }
-	.hover-scale-3 {&:hover {transform: scale(1.2); 	} }
-
-
-	/* Принцип 2. Подготовка, или упреждение */
-	.hover-translate-1 {
-	  &:hover {
-	    transform: translateY(-10px);
-	  }
-	}
-
-	/* Принцип 3. Сценичность */
-	.hover-rotate-1 {
-	  &:hover {
-	    transform: rotate(-10deg);
-	  }
-	}
-
-	/* Принцип 4. Использование компоновок и прямого фазованного движения */
-	.hover-translateX-1 {
-	  &:hover {
-	    transform: translateX(20px);
-	  }
-	}
-
-	/* Принцип 5. Сквозное движение (или доводка) и захлёст действия */
-	.hover-combined-1 {
-	  &:hover {
-	    transform: translateY(-10px) rotate(-10deg);
-	  }
-	}
-
-	/* Принцип 6. Смягчение начала и завершения движения (спэйсинг) */
-	.hover-easeInOut-1 {
-	  &:hover {
-	    transform: translateY(-10px) scale(1.1);
-	  }
-	}
-
-	/* Принцип 7. Дуги */
-	.hover-arc-1 {
-	  &:hover {
-	    transform: translateX(20px) translateY(-10px) rotate(-10deg);
-	  }
-	}
-
-	/* Принцип 9. Расчёт времени (хронометраж) */
-	.hover-timing-1 {
-	  &:hover {
-	    transition: transform 0.2s ease-in-out;
-	    transform: translateY(-10px);
-	  }
-	}
-
-	/* Принцип 10. Преувеличение, утрирование */
-	.hover-exaggeration-1 {
-	  &:hover {
-	    transform: scale(1.5);
-	  }
-	}
-
-	/* Принцип 11. «Цельный» (профессиональный) рисунок */
-	.hover-solid-drawing-1 {
-	  &:hover {
-	    transform: translateY(-10px) scale(1.1) rotate(-10deg);
-	  }
-	}
-
-	/* Принцип 12. Привлекательность */
-	.hover-appeal-1 {
-	  &:hover {
-	    transform: translateY(-10px) scale(1.1) rotate(-5deg);
-	  }
-	}
-}

package/src/styles/base/positions.scss

@@ -1,192 +0,0 @@
-body { 
-	// Positions
-	.pos-relative { position: relative; }
-	.pos-absolute { position: absolute; }
-	.pos-fixed    { position: fixed; }
-	.pos-sticky   { position: sticky; }
-	.pos-static   { position: static; }
-
-	.pos-t-auto { top: auto; }
-	.pos-r-auto { right: auto; }
-	.pos-b-auto { bottom: auto; }
-	.pos-l-auto { left: auto; }
-
-	// In REM
-	.pos-t-extra  { top: var(--extra); }
-	.pos-r-extra  { right: var(--extra); }
-	.pos-b-extra  { bottom: var(--extra); }
-	.pos-l-extra  { left: var(--extra); }
-	.pos-t-extra-negative  { top: calc(var(--extra) * -1); }
-	.pos-r-extra-negative  { right: calc(var(--extra) * -1); }
-	.pos-b-extra-negative  { bottom: calc(var(--extra) * -1); }
-	.pos-l-extra-negative  { left: calc(var(--extra) * -1); }
-
-	.pos-t-big    { top: var(--big); }
-	.pos-r-big    { right: var(--big); }
-	.pos-b-big    { bottom: var(--big); }
-	.pos-l-big    { left: var(--big); }
-	.pos-t-big-negative    { top: calc(var(--big) * -1); }
-	.pos-r-big-negative    { right: calc(var(--big) * -1); }
-	.pos-b-big-negative    { bottom: calc(var(--big) * -1); }
-	.pos-l-big-negative    { left: calc(var(--big) * -1); }
-
-	.pos-t-semi   { top: var(--semi); }
-	.pos-r-semi   { right: var(--semi); }
-	.pos-b-semi   { bottom: var(--semi); }
-	.pos-l-semi   { left: var(--semi); }
-	.pos-t-semi-negative   { top: calc(var(--semi) * -1); }
-	.pos-r-semi-negative   { right: calc(var(--semi) * -1); }
-	.pos-b-semi-negative   { bottom: calc(var(--semi) * -1); }
-	.pos-l-semi-negative   { left: calc(var(--semi) * -1); }
-
-	.pos-t-medium { top: var(--medium); }
-	.pos-r-medium { right: var(--medium); }
-	.pos-b-medium { bottom: var(--medium); }
-	.pos-l-medium { left: var(--medium); }
-	.pos-t-medium-negative { top: calc(var(--medium) * -1); }
-	.pos-r-medium-negative { right: calc(var(--medium) * -1); }
-	.pos-b-medium-negative { bottom: calc(var(--medium) * -1); }
-	.pos-l-medium-negative { left: calc(var(--medium) * -1); }
-
-	.pos-t-regular { top: var(--regular); }
-	.pos-r-regular { right: var(--regular); }
-	.pos-b-regular { bottom: var(--regular); }
-	.pos-l-regular { left: var(--regular); }
-	.pos-t-regular-negative { top: calc(var(--regular) * -1); }
-	.pos-r-regular-negative { right: calc(var(--regular) * -1); }
-	.pos-b-regular-negative { bottom: calc(var(--regular) * -1); }
-	.pos-l-regular-negative { left: calc(var(--regular) * -1); }
-
-	.pos-t-small  { top: var(--small); }
-	.pos-r-small  { right: var(--small); }
-	.pos-b-small  { bottom: var(--small); }
-	.pos-l-small  { left: var(--small); }
-	.pos-t-small-negative  { top: calc(var(--small) * -1); }
-	.pos-r-small-negative  { right: calc(var(--small) * -1); }
-	.pos-b-small-negative  { bottom: calc(var(--small) * -1); }
-	.pos-l-small-negative  { left: calc(var(--small) * -1); }
-
-	.pos-t-thin   { top: var(--thin); }
-	.pos-r-thin   { right: var(--thin); }
-	.pos-b-thin   { bottom: var(--thin); }
-	.pos-l-thin   { left: var(--thin); }
-	.pos-t-thin-negative   { top: calc(var(--thin) * -1); }
-	.pos-r-thin-negative   { right: calc(var(--thin) * -1); }
-	.pos-b-thin-negative   { bottom: calc(var(--thin) * -1); }
-	.pos-l-thin-negative   { left: calc(var(--thin) * -1); }
-
-	.pos-t-micro  { top: var(--micro); }
-	.pos-r-micro  { right: var(--micro); }
-	.pos-b-micro  { bottom: var(--micro); }
-	.pos-l-micro  { left: var(--micro); }
-	.pos-t-micro-negative  { top: calc(var(--micro) * -1); }
-	.pos-r-micro-negative  { right: calc(var(--micro) * -1); }
-	.pos-b-micro-negative  { bottom: calc(var(--micro) * -1); }
-	.pos-l-micro-negative  { left: calc(var(--micro) * -1); }
-
-	// in %
-	.pos-t-0 { top: 0; }
-	.pos-r-0 { right: 0; }
-	.pos-b-0 { bottom: 0; }
-	.pos-l-0 { left: 0; }
-
-	.pos-t-5 { top: 5%; }
-	.pos-r-5 { right: 5%; }
-	.pos-b-5 { bottom: 5%; }
-	.pos-l-5 { left: 5%; }
-	.pos-t-5-negative { top: -5%; }
-	.pos-r-5-negative { right: -5%; }
-	.pos-b-5-negative { bottom: -5%; }
-	.pos-l-5-negative { left: -5%; }
-
-	.pos-t-10 { top: 10%; }
-	.pos-r-10 { right: 10%; }
-	.pos-b-10 { bottom: 10%; }
-	.pos-l-10 { left: 10%; }
-	.pos-t-10-negative { top: -10%; }
-	.pos-r-10-negative { right: -10%; }
-	.pos-b-10-negative { bottom: -10%; }
-	.pos-l-10-negative { left: -10%; }
-
-	.pos-t-20 { top: 20%; }
-	.pos-r-20 { right: 20%; }
-	.pos-b-20 { bottom: 20%; }
-	.pos-l-20 { left: 20%; }
-	.pos-t-20-negative { top: -20%; }
-	.pos-r-20-negative { right: -20%; }
-	.pos-b-20-negative { bottom: -20%; }
-	.pos-l-20-negative { left: -20%; }
-
-	.pos-t-30 { top: 30%; }
-	.pos-r-30 { right: 30%; }
-	.pos-b-30 { bottom: 30%; }
-	.pos-l-30 { left: 30%; }
-	.pos-t-30-negative { top: -30%; }
-	.pos-r-30-negative { right: -30%; }
-	.pos-b-30-negative { bottom: -30%; }
-	.pos-l-30-negative { left: -30%; }
-
-
-	.pos-t-40 { top: 40%; }
-	.pos-r-40 { right: 40%; }
-	.pos-b-40 { bottom: 40%; }
-	.pos-l-40 { left: 40%; }
-	.pos-t-40-negative { top: -40%; }
-	.pos-r-40-negative { right: -40%; }
-	.pos-b-40-negative { bottom: -40%; }
-	.pos-l-40-negative { left: -40%; }
-
-	.pos-t-50 { top: 	50%; }
-	.pos-r-50 { right: 	50%; }
-	.pos-b-50 { bottom: 50%; }
-	.pos-l-50 { left: 	50%; }
-	.pos-t-50-negative { top: 		-50%; }
-	.pos-r-50-negative { right: 	-50%; }
-	.pos-b-50-negative { bottom: 	-50%; }
-	.pos-l-50-negative { left: 	-50%; }
-
-	.pos-t-60 { top: 60%; }
-	.pos-r-60 { right: 60%; }
-	.pos-b-60 { bottom: 60%; }
-	.pos-l-60 { left: 60%; }
-	.pos-t-60-negative { top: -60%; }
-	.pos-r-60-negative { right: -60%; }
-	.pos-b-60-negative { bottom: -60%; }
-	.pos-l-60-negative { left: -60%; }
-
-	.pos-t-70 { top: 70%; }
-	.pos-r-70 { right: 70%; }
-	.pos-b-70 { bottom: 70%; }
-	.pos-l-70 { left: 70%; }
-	.pos-t-70-negative { top: -70%; }
-	.pos-r-70-negative { right: -70%; }
-	.pos-b-70-negative { bottom: -70%; }
-	.pos-l-70-negative { left: -70%; }
-
-	.pos-t-80 { top: 80%; }
-	.pos-r-80 { right: 80%; }
-	.pos-b-80 { bottom: 80%; }
-	.pos-l-80 { left: 80%; }
-	.pos-t-80-negative { top: -80%; }
-	.pos-r-80-negative { right: -80%; }
-	.pos-b-80-negative { bottom: -80%; }
-	.pos-l-80-negative { left: -80%; }
-
-	.pos-t-90 { top: 90%; }
-	.pos-r-90 { right: 90%; }
-	.pos-b-90 { bottom: 90%; }
-	.pos-l-90 { left: 90%; }
-	.pos-t-90-negative { top: -90%; }
-	.pos-r-90-negative { right: -90%; }
-	.pos-b-90-negative { bottom: -90%; }
-	.pos-l-90-negative { left: -90%; }
-
-	.pos-t-100 { top: 100%; }
-	.pos-r-100 { right: 100%; }
-	.pos-b-100 { bottom: 100%; }
-	.pos-l-100 { left: 100%; }
-	.pos-t-100-negative { top: -100%; }
-	.pos-r-100-negative { right: -100%; }
-	.pos-b-100-negative { bottom: -100%; }
-	.pos-l-100-negative { left: -100%; }
-}

package/src/styles/base/transitions.scss

@@ -1,137 +0,0 @@
-body { 
-	.transition-linear {
-		transition: all 0.33s linear;
-	}
-
-	/* .transition-ease-in */
-	.transition-ease-in {
-		transition: all 0.33s cubic-bezier(0.42, 0, 1, 1);
-	}
-
-	/* .transition-ease-out */
-	.transition-ease-out {
-		transition: all 0.33s cubic-bezier(0, 0, 0.58, 1);
-	}
-
-	/* .transition-ease-in-out */
-	.transition-ease-in-out {
-		transition: all 0.33s cubic-bezier(0.42, 0, 0.58, 1);
-	}
-
-	/* .transition-staggered */
-	.transition-staggered {
-		transition: all 0.33s cubic-bezier(0.25, 0.46, 0.45, 0.94);
-	}
-
-	/* .transition-bounce */
-	.transition-bounce {
-		transition: all 0.33s cubic-bezier(0.71, -0.46, 0.88, 0.6);
-	}
-
-	/* .transition-elastic */
-	.transition-elastic {
-		transition: all 0.33s cubic-bezier(0.17, 0.67, 0.33, 0.94);
-	}
-
-	/* .transition-spring */
-	.transition-spring {
-		transition: all 0.33s cubic-bezier(0.23, 1, 0.32, 1.01);
-	}
-
-	/* .transition-boomerang */
-	.transition-boomerang {
-		transition: all 0.66s cubic-bezier(0.42, 0, 0.58, 1);
-	}
-
-	/* .transition-slow-motion */
-	.transition-slow-motion {
-		transition: all 1.33s cubic-bezier(0.25, 0.46, 0.45, 0.94);
-	}
-
-	/* .transition-zoom */
-	.transition-zoom {
-		transition: all 0.33s cubic-bezier(0.71, -0.46, 0.88, 0.6);
-	}
-
-	/* .transition-fly-away */
-	.transition-fly-away {
-		transition: all 0.33s cubic-bezier(0.17, 0.67, 0.33, 0.94);
-	}
-
-		/* Принцип 1. Сжатие и растяжение */
-	.transition-squeeze {
-		transition: all 0.3s cubic-bezier(0.390, 0.575, 0.565, 1.000);
-		transform-origin: center;
-	}
-
-	/* Принцип 2. Подготовка, или упреждение */
-	.transition-anticipate {
-		transition: all 0.5s cubic-bezier(0.175, 0.885, 0.320, 1.275);
-		transform-origin: center;
-	}
-
-	/* Принцип 3. Сценичность */
-	.transition-staging {
-		transition: all 0.5s cubic-bezier(0.470, 0.000, 0.745, 0.715);
-		transform-origin: center;
-	}
-
-	/* Принцип 4. Использование компоновок и прямого фазованного движения */
-	.transition-overlapping {
-		transition: all 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940);
-		transform-origin: center;
-	}
-
-	/* Принцип 5. Сквозное движение и захлёст действия */
-	.transition-through {
-		transition: all 0.5s cubic-bezier(0.755, 0.050, 0.855, 0.060);
-		transform-origin: center;
-	}
-
-	// Principle 6: Slow In and Slow Out
-	.transition-slow-in {
-		transition-timing-function: cubic-bezier(0.55, 0.085, 0.68, 0.53);
-	}
-	.transition-slow-out {
-		transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
-	}
-
-	// Principle 7: Arcs
-	.transition-arc {
-		transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
-	}
-
-	// Principle 8: Secondary Action
-	.transition-secondary {
-		transition-timing-function: cubic-bezier(0.6, -0.28, 0.735, 0.045);
-	}
-
-	// Principle 9: Timing
-	.transition-timing-1 {
-		transition-duration: 0.15s;
-	}
-	.transition-timing-2 {
-		transition-duration: 0.25s;
-	}
-	.transition-timing-3 {
-		transition-duration: 0.35s;
-	}
-	.transition-timing-4 {
-		transition-duration: 0.45s;
-	}
-
-	// Principle 10: Exaggeration
-	.transition-exaggerated {
-		transition-timing-function: cubic-bezier(0.25, 0.1, 0.25, 1.0);
-	}
-
-	// Principle 11: Solid Drawing
-	.transition-solid-drawing {
-		transition-timing-function: cubic-bezier(0.4, 0.0, 1, 1);
-	}
-
-	// Principle 12: Appeal
-	.transition-appeal {
-		transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275);
-	}
-}

package/src/styles/base/width.scss

@@ -1,2 +0,0 @@
-body { 
-}

package/src/styles/components/block.scss

@@ -1,18 +0,0 @@
-// //////////////////////////////////////// 
-// BLOCKS
-// //////////////////////////////////////// 
-.display-block {
-	display: block;
-}
-
-.block {
-	display: flex;
-	position: relative;
-
-	padding: var(--medium);
-
-	background: rgb(var(--grey));
-	border-radius: var(--big);
-
-	transition: 0.2s;
-}