aril 0.0.40 → 0.0.41

package/theme/styles/layout/_typography.scss

@@ -1,68 +1,68 @@
-h1,
-h2,
-h3,
-h4,
-h5,
-h6 {
-	margin: 1.5rem 0 0.1rem 0;
-	font-family: inherit;
-	font-weight: 600;
-	line-height: 1.2;
-	color: var(--surface-900);
-
-	&:first-child {
-		margin-top: 0;
-	}
-}
-
-h1 {
-	font-size: 2rem;
-}
-
-h2 {
-	font-size: 1.75rem;
-}
-
-h3 {
-	font-size: 1.5rem;
-}
-
-h4 {
-	font-size: 1.2rem;
-}
-
-h5 {
-	font-size: 1rem;
-}
-
-h6 {
-	font-size: 0.75rem;
-}
-
-mark {
-	background: #fff8e1;
-	padding: 0.25rem 0.4rem;
-	border-radius: var(--border-radius);
-	font-family: monospace;
-}
-
-blockquote {
-	margin: 1rem 0;
-	padding: 0 2rem;
-	border-left: 4px solid #90a4ae;
-}
-
-hr {
-	border-top: solid var(--surface-border);
-	border-width: 1px 0 0 0;
-	margin: 1rem 0;
-}
-
-p {
-	margin: 0 0 1rem 0;
-	line-height: 1.5;
-
-	&:last-child {
-		margin-bottom: 0;
-	}
-}
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+	margin: 1.5rem 0 0.1rem 0;
+	font-family: inherit;
+	font-weight: 600;
+	line-height: 1.2;
+	color: var(--surface-900);
+
+	&:first-child {
+		margin-top: 0;
+	}
+}
+
+h1 {
+	font-size: 2rem;
+}
+
+h2 {
+	font-size: 1.75rem;
+}
+
+h3 {
+	font-size: 1.5rem;
+}
+
+h4 {
+	font-size: 1.2rem;
+}
+
+h5 {
+	font-size: 1rem;
+}
+
+h6 {
+	font-size: 0.75rem;
+}
+
+mark {
+	background: #fff8e1;
+	padding: 0.25rem 0.4rem;
+	border-radius: var(--border-radius);
+	font-family: monospace;
+}
+
+blockquote {
+	margin: 1rem 0;
+	padding: 0 2rem;
+	border-left: 4px solid #90a4ae;
+}
+
+hr {
+	border-top: solid var(--surface-border);
+	border-width: 1px 0 0 0;
+	margin: 1rem 0;
+}
+
+p {
+	margin: 0 0 1rem 0;
+	line-height: 1.5;
+
+	&:last-child {
+		margin-bottom: 0;
+	}
+}

package/theme/styles/layout/_utils.scss

@@ -1,24 +1,24 @@
-.card {
-	background: var(--surface-card);
-	border: 1px solid var(--surface-border);
-	padding: 2rem;
-	margin-bottom: 2rem;
-	box-shadow: var(--card-shadow);
-	border-radius: 12px;
-
-	&:last-child {
-		margin-bottom: 0;
-	}
-}
-
-.p-toast {
-	&.p-toast-top-right,
-	&.p-toast-top-left,
-	&.p-toast-top-center {
-		top: 70px;
-	}
-}
-
-.ng-hidden {
-	display: none !important;
-}
+.card {
+	background: var(--surface-card);
+	border: 1px solid var(--surface-border);
+	padding: 2rem;
+	margin-bottom: 2rem;
+	box-shadow: var(--card-shadow);
+	border-radius: 12px;
+
+	&:last-child {
+		margin-bottom: 0;
+	}
+}
+
+.p-toast {
+	&.p-toast-top-right,
+	&.p-toast-top-left,
+	&.p-toast-top-center {
+		top: 70px;
+	}
+}
+
+.ng-hidden {
+	display: none !important;
+}

package/theme/styles/layout/layout.scss

@@ -1,24 +1,24 @@
-$breakpoint: 992px !default;
-$scale: 14px !default;
-
-@import './_fonts';
-@import './_animation';
-@import './_layout_light';
-@import './_layout_dim';
-@import './_layout_dark';
-@import './_main';
-@import './_sidebar_vertical';
-@import './_sidebar_slim';
-@import './_sidebar_slim_plus';
-@import './_sidebar_horizontal';
-@import './_sidebar_reveal';
-@import './_sidebar_drawer';
-@import './menutheme/_menutheme';
-@import './_responsive';
-@import './_topbar';
-@import './_breadcrumb';
-@import './_profile';
-@import './_config';
-@import './_content';
-@import './_typography';
-@import './_utils';
+$breakpoint: 992px !default;
+$scale: 14px !default;
+
+@import './_fonts';
+@import './_animation';
+@import './_layout_light';
+@import './_layout_dim';
+@import './_layout_dark';
+@import './_main';
+@import './_sidebar_vertical';
+@import './_sidebar_slim';
+@import './_sidebar_slim_plus';
+@import './_sidebar_horizontal';
+@import './_sidebar_reveal';
+@import './_sidebar_drawer';
+@import './menutheme/_menutheme';
+@import './_responsive';
+@import './_topbar';
+@import './_breadcrumb';
+@import './_profile';
+@import './_config';
+@import './_content';
+@import './_typography';
+@import './_utils';

package/theme/styles/layout/menutheme/_colorscheme.scss

@@ -1,11 +1,11 @@
-.layout-colorscheme-menu {
-	--logo-color: var(--primary-color);
-	--menu-bg: var(--surface-overlay);
-	--root-menuitem-text-color: var(--primary-color);
-	--menuitem-text-color: var(--text-color);
-	--menuitem-icon-color: var(--primary-color);
-	--menuitem-hover-bg-color: var(--surface-hover);
-	--popup-submenu-item-text-color: var(--text-color);
-	--popup-submenu-item-icon-color: var(--primary-color);
-	--popup-submenu-item-hover-bg-color: var(--surface-hover);
-}
+.layout-colorscheme-menu {
+	--logo-color: var(--primary-color);
+	--menu-bg: var(--surface-overlay);
+	--root-menuitem-text-color: var(--primary-color);
+	--menuitem-text-color: var(--text-color);
+	--menuitem-icon-color: var(--primary-color);
+	--menuitem-hover-bg-color: var(--surface-hover);
+	--popup-submenu-item-text-color: var(--text-color);
+	--popup-submenu-item-icon-color: var(--primary-color);
+	--popup-submenu-item-hover-bg-color: var(--surface-hover);
+}

package/theme/styles/layout/menutheme/_menutheme.scss

@@ -1,3 +1,3 @@
-@import './_colorscheme';
-@import './_primarycolor';
-@import './_transparent';
+@import './_colorscheme';
+@import './_primarycolor';
+@import './_transparent';

package/theme/styles/layout/menutheme/_primarycolor.scss

@@ -1,16 +1,16 @@
-.layout-primarycolor-menu {
-	--logo-color: var(--primary-color-text);
-	--menu-bg: linear-gradient(to left top, var(--primary-400), var(--primary-500), var(--primary-600));
-	--root-menuitem-text-color: var(--primary-color-text);
-	--menuitem-text-color: var(--primary-color-text);
-	--menuitem-icon-color: var(--primary-color-text);
-	--menuitem-hover-bg-color: rgba(255, 255, 255, 0.1);
-	--popup-submenu-item-text-color: var(--text-color);
-	--popup-submenu-item-icon-color: var(--primary-color);
-	--popup-submenu-item-hover-bg-color: var(--surface-hover);
-}
-
-.layout-dark.layout-primarycolor-menu,
-.layout-dim.layout-primarycolor-menu {
-	--menu-bg: linear-gradient(to left top, var(--primary-300), var(--primary-400), var(--primary-500));
-}
+.layout-primarycolor-menu {
+	--logo-color: var(--primary-color-text);
+	--menu-bg: linear-gradient(to left top, var(--primary-400), var(--primary-500), var(--primary-600));
+	--root-menuitem-text-color: var(--primary-color-text);
+	--menuitem-text-color: var(--primary-color-text);
+	--menuitem-icon-color: var(--primary-color-text);
+	--menuitem-hover-bg-color: rgba(255, 255, 255, 0.1);
+	--popup-submenu-item-text-color: var(--text-color);
+	--popup-submenu-item-icon-color: var(--primary-color);
+	--popup-submenu-item-hover-bg-color: var(--surface-hover);
+}
+
+.layout-dark.layout-primarycolor-menu,
+.layout-dim.layout-primarycolor-menu {
+	--menu-bg: linear-gradient(to left top, var(--primary-300), var(--primary-400), var(--primary-500));
+}

package/theme/styles/layout/menutheme/_transparent.scss

@@ -1,26 +1,26 @@
-.layout-transparent-menu {
-	--logo-color: var(--primary-color);
-	--menu-bg: var(--surface-overlay);
-	--root-menuitem-text-color: var(--primary-color);
-	--menuitem-text-color: var(--text-color);
-	--menuitem-icon-color: var(--primary-color);
-	--menuitem-hover-bg-color: var(--surface-hover);
-	--popup-submenu-item-text-color: var(--text-color);
-	--popup-submenu-item-icon-color: var(--primary-color);
-	--popup-submenu-item-hover-bg-color: var(--surface-hover);
-}
-
-@media screen and (min-width: $breakpoint) {
-	.layout-container.layout-transparent-menu {
-		&.layout-static,
-		&.layout-slim,
-		&.layout-slim-plus,
-		&.layout-horizontal {
-			.layout-sidebar {
-				background-color: transparent;
-				border-right: 1px solid transparent;
-				box-shadow: none;
-			}
-		}
-	}
-}
+.layout-transparent-menu {
+	--logo-color: var(--primary-color);
+	--menu-bg: var(--surface-overlay);
+	--root-menuitem-text-color: var(--primary-color);
+	--menuitem-text-color: var(--text-color);
+	--menuitem-icon-color: var(--primary-color);
+	--menuitem-hover-bg-color: var(--surface-hover);
+	--popup-submenu-item-text-color: var(--text-color);
+	--popup-submenu-item-icon-color: var(--primary-color);
+	--popup-submenu-item-hover-bg-color: var(--surface-hover);
+}
+
+@media screen and (min-width: $breakpoint) {
+	.layout-container.layout-transparent-menu {
+		&.layout-static,
+		&.layout-slim,
+		&.layout-slim-plus,
+		&.layout-horizontal {
+			.layout-sidebar {
+				background-color: transparent;
+				border-right: 1px solid transparent;
+				box-shadow: none;
+			}
+		}
+	}
+}

package/theme/styles/layout/preloading.scss

@@ -1,84 +1,84 @@
-.layout-preloader-container {
-	display: flex;
-	align-items: center;
-	justify-content: center;
-	height: 100vh;
-	width: 100vw;
-	background-color: #111417;
-
-	.layout-preloader {
-		position: relative;
-		width: 75px;
-		height: 75px;
-		background: transparent;
-		border: 3px solid #161a1f;
-		border-radius: 50%;
-		text-align: center;
-		line-height: 150px;
-		font-family: sans-serif;
-		font-size: 20px;
-		color: #6366f1;
-		letter-spacing: 4px;
-		text-transform: uppercase;
-		text-shadow: 0 0 10px #6366f1;
-		box-shadow: 0 0 20px rgba(0, 0, 0, 0.5);
-
-		&:before {
-			content: '';
-			position: absolute;
-			top: -3px;
-			left: -3px;
-			width: 100%;
-			height: 100%;
-			border: 3px solid transparent;
-			border-top: 3px solid #6366f1;
-			border-right: 3px solid #6366f1;
-			border-radius: 50%;
-			animation: preloader-rotate-c 1s linear infinite;
-		}
-
-		span {
-			display: block;
-			position: absolute;
-			top: calc(50% - 2px);
-			left: 50%;
-			width: 50%;
-			height: 4px;
-			background: transparent;
-			transform-origin: left;
-			animation: preloader-rotate 1s linear infinite;
-		}
-
-		span:before {
-			content: '';
-			position: absolute;
-			width: 16px;
-			height: 16px;
-			border-radius: 50%;
-			background: #6366f1;
-			top: -6px;
-			right: -8px;
-			box-shadow: 0 0 20px #6366f1;
-		}
-	}
-}
-
-@keyframes preloader-rotate-c {
-	0% {
-		transform: rotate(0deg);
-	}
-
-	100% {
-		transform: rotate(360deg);
-	}
-}
-
-@keyframes preloader-rotate {
-	0% {
-		transform: rotate(45deg);
-	}
-
-	100% {
-		transform: rotate(405deg);
-	}
-}
+.layout-preloader-container {
+	display: flex;
+	align-items: center;
+	justify-content: center;
+	height: 100vh;
+	width: 100vw;
+	background-color: #111417;
+
+	.layout-preloader {
+		position: relative;
+		width: 75px;
+		height: 75px;
+		background: transparent;
+		border: 3px solid #161a1f;
+		border-radius: 50%;
+		text-align: center;
+		line-height: 150px;
+		font-family: sans-serif;
+		font-size: 20px;
+		color: #6366f1;
+		letter-spacing: 4px;
+		text-transform: uppercase;
+		text-shadow: 0 0 10px #6366f1;
+		box-shadow: 0 0 20px rgba(0, 0, 0, 0.5);
+
+		&:before {
+			content: '';
+			position: absolute;
+			top: -3px;
+			left: -3px;
+			width: 100%;
+			height: 100%;
+			border: 3px solid transparent;
+			border-top: 3px solid #6366f1;
+			border-right: 3px solid #6366f1;
+			border-radius: 50%;
+			animation: preloader-rotate-c 1s linear infinite;
+		}
+
+		span {
+			display: block;
+			position: absolute;
+			top: calc(50% - 2px);
+			left: 50%;
+			width: 50%;
+			height: 4px;
+			background: transparent;
+			transform-origin: left;
+			animation: preloader-rotate 1s linear infinite;
+		}
+
+		span:before {
+			content: '';
+			position: absolute;
+			width: 16px;
+			height: 16px;
+			border-radius: 50%;
+			background: #6366f1;
+			top: -6px;
+			right: -8px;
+			box-shadow: 0 0 20px #6366f1;
+		}
+	}
+}
+
+@keyframes preloader-rotate-c {
+	0% {
+		transform: rotate(0deg);
+	}
+
+	100% {
+		transform: rotate(360deg);
+	}
+}
+
+@keyframes preloader-rotate {
+	0% {
+		transform: rotate(45deg);
+	}
+
+	100% {
+		transform: rotate(405deg);
+	}
+}

package/theme/styles/theme/base/_colors.scss

@@ -1,17 +1,17 @@
-:root {
-	@if variable-exists(colors) {
-		@each $name, $color in $colors {
-			@for $i from 0 through 5 {
-				@if ($i == 0) {
-					--#{$name}-50: #{tint($color, (5 - $i) * 19%)};
-				} @else {
-					--#{$name}-#{$i * 100}: #{tint($color, (5 - $i) * 19%)};
-				}
-			}
-
-			@for $i from 1 through 4 {
-				--#{$name}-#{($i + 5) * 100}: #{shade($color, $i * 15%)};
-			}
-		}
-	}
-}
+:root {
+	@if variable-exists(colors) {
+		@each $name, $color in $colors {
+			@for $i from 0 through 5 {
+				@if ($i == 0) {
+					--#{$name}-50: #{tint($color, (5 - $i) * 19%)};
+				} @else {
+					--#{$name}-#{$i * 100}: #{tint($color, (5 - $i) * 19%)};
+				}
+			}
+
+			@for $i from 1 through 4 {
+				--#{$name}-#{($i + 5) * 100}: #{shade($color, $i * 15%)};
+			}
+		}
+	}
+}