aril 0.0.7 → 0.0.9

package/theme/styles/theme/dark/blue/theme.scss

@@ -1,14 +1,14 @@
-$primaryColor: #818cf8 !default;
-$primaryLightColor: #a5b4fc !default;
-$primaryLighterColor: #c7d2fe !default;
-$primaryLightestColor: rgba(129, 140, 248, .2) !default;
-$primaryTextColor: #030712 !default;
-$primary500: #6366f1 !default;
-
-$highlightBg:rgba(129, 140, 248, .16) !default;
-$highlightTextColor: rgba(255, 255, 255, 0.87) !default;
-$highlightFocusBg: rgba($primaryColor, 0.24) !default;
-
-@import '../_variables';
-@import '../../base/_components';
-@import '../_extensions';
+$primaryColor: #818cf8 !default;
+$primaryLightColor: #a5b4fc !default;
+$primaryLighterColor: #c7d2fe !default;
+$primaryLightestColor: rgba(129, 140, 248, 0.2) !default;
+$primaryTextColor: #030712 !default;
+$primary500: #6366f1 !default;
+
+$highlightBg: rgba(129, 140, 248, 0.16) !default;
+$highlightTextColor: rgba(255, 255, 255, 0.87) !default;
+$highlightFocusBg: rgba($primaryColor, 0.24) !default;
+
+@import '../_variables';
+@import '../../base/_components';
+@import '../_extensions';

package/theme/styles/theme/dark/indigo/theme.scss

@@ -1,14 +1,14 @@
-$primaryColor: #818cf8 !default;
-$primaryLightColor: #a5b4fc !default;
-$primaryLighterColor: #c7d2fe !default;
-$primaryLightestColor: rgba(129, 140, 248, .2) !default;
-$primaryTextColor: #030712 !default;
-$primary500: #6366f1 !default;
-
-$highlightBg:rgba(129, 140, 248, .16) !default;
-$highlightTextColor: rgba(255, 255, 255, 0.87) !default;
-$highlightFocusBg: rgba($primaryColor, 0.24) !default;
-
-@import '../_variables';
-@import '../../base/_components';
-@import '../_extensions';
+$primaryColor: #818cf8 !default;
+$primaryLightColor: #a5b4fc !default;
+$primaryLighterColor: #c7d2fe !default;
+$primaryLightestColor: rgba(129, 140, 248, 0.2) !default;
+$primaryTextColor: #030712 !default;
+$primary500: #6366f1 !default;
+
+$highlightBg: rgba(129, 140, 248, 0.16) !default;
+$highlightTextColor: rgba(255, 255, 255, 0.87) !default;
+$highlightFocusBg: rgba($primaryColor, 0.24) !default;
+
+@import '../_variables';
+@import '../../base/_components';
+@import '../_extensions';

package/theme/styles/theme/light/_extensions.scss

@@ -1,102 +1,116 @@
-@mixin focused-ring($ring-color) {
-    box-shadow: 0 0 0 2px #ffffff, 0 0 0 4px $ring-color, 0 1px 2px 0 rgba(0, 0, 0, 1.0);
-}
-
-@layer primevue {
-    .p-button-label {
-        font-weight: 500;
-    }
-    
-    .p-accordion {
-        .p-accordion-header {
-            .p-accordion-header-link {
-                transition: background-color $transitionDuration, border-color $transitionDuration, box-shadow $transitionDuration;
-            }
-        }
-    }
-    
-    .p-tabview {
-        .p-tabview-nav {
-            li {
-                .p-tabview-nav-link {
-                    transition: background-color $transitionDuration, border-color $transitionDuration, box-shadow $transitionDuration;
-                }
-            }
-        }
-    }
-    
-    .p-carousel {
-        .p-carousel-indicators .p-carousel-indicator.p-highlight button {
-            background-color: $primaryColor;
-        }
-    }
-    
-    .p-galleria {
-        .p-galleria-indicators .p-galleria-indicator.p-highlight button {
-            background-color: $primaryColor;
-        }
-    }
-    
-    .p-button {
-        &:focus {
-            @include focused-ring(scale-color($buttonBg, $lightness: 50%));
-        }
-    
-        &.p-button-secondary:enabled:focus {
-            @include focused-ring(scale-color($secondaryButtonBg, $lightness: 50%));
-        }
-    
-        &.p-button-success:enabled:focus {
-            @include focused-ring(scale-color($successButtonBg, $lightness: 50%));
-        }
-    
-        &.p-button-info:enabled:focus {
-            @include focused-ring(scale-color($infoButtonBg, $lightness: 50%));
-        }
-    
-        &.p-button-warning:enabled:focus {
-            @include focused-ring(scale-color($warningButtonBg, $lightness: 50%));
-        }
-    
-        &.p-button-help:enabled:focus {
-            @include focused-ring(scale-color($helpButtonBg, $lightness: 50%));
-        }
-    
-        &.p-button-danger:enabled:focus {
-            @include focused-ring(scale-color($dangerButtonBg, $lightness: 50%));
-        }
-    }
-    
-    .p-datatable {
-        .p-datatable-tbody {
-            > tr {
-                &.p-datatable-dragpoint-top > td {
-                    box-shadow: inset 0 2px 0 0 $primaryColor;
-                }
-    
-                &.p-datatable-dragpoint-bottom > td {
-                    box-shadow: inset 0 -2px 0 0 $primaryColor;
-                }
-            }
-        }
-    }
-    
-    .p-speeddial-item {
-        &.p-focus > .p-speeddial-action {
-            @include focused-ring(scale-color($buttonBg, $lightness: 50%));
-        }
-    }
-
-    .p-toast-message {
-        backdrop-filter: blur(10px);
-    }
-
-    .p-inline-message-text {
-        font-weight: 500;
-    }
-
-    .p-picklist-buttons .p-button,
-    .p-orderlist-controls .p-button {
-        transition: opacity $transitionDuration, background-color $transitionDuration, color $transitionDuration, border-color $transitionDuration, box-shadow $transitionDuration;
-    }
-}
+@mixin focused-ring($ring-color) {
+	box-shadow:
+		0 0 0 2px #ffffff,
+		0 0 0 4px $ring-color,
+		0 1px 2px 0 rgba(0, 0, 0, 1);
+}
+
+@layer primevue {
+	.p-button-label {
+		font-weight: 500;
+	}
+
+	.p-accordion {
+		.p-accordion-header {
+			.p-accordion-header-link {
+				transition:
+					background-color $transitionDuration,
+					border-color $transitionDuration,
+					box-shadow $transitionDuration;
+			}
+		}
+	}
+
+	.p-tabview {
+		.p-tabview-nav {
+			li {
+				.p-tabview-nav-link {
+					transition:
+						background-color $transitionDuration,
+						border-color $transitionDuration,
+						box-shadow $transitionDuration;
+				}
+			}
+		}
+	}
+
+	.p-carousel {
+		.p-carousel-indicators .p-carousel-indicator.p-highlight button {
+			background-color: $primaryColor;
+		}
+	}
+
+	.p-galleria {
+		.p-galleria-indicators .p-galleria-indicator.p-highlight button {
+			background-color: $primaryColor;
+		}
+	}
+
+	.p-button {
+		&:focus {
+			@include focused-ring(scale-color($buttonBg, $lightness: 50%));
+		}
+
+		&.p-button-secondary:enabled:focus {
+			@include focused-ring(scale-color($secondaryButtonBg, $lightness: 50%));
+		}
+
+		&.p-button-success:enabled:focus {
+			@include focused-ring(scale-color($successButtonBg, $lightness: 50%));
+		}
+
+		&.p-button-info:enabled:focus {
+			@include focused-ring(scale-color($infoButtonBg, $lightness: 50%));
+		}
+
+		&.p-button-warning:enabled:focus {
+			@include focused-ring(scale-color($warningButtonBg, $lightness: 50%));
+		}
+
+		&.p-button-help:enabled:focus {
+			@include focused-ring(scale-color($helpButtonBg, $lightness: 50%));
+		}
+
+		&.p-button-danger:enabled:focus {
+			@include focused-ring(scale-color($dangerButtonBg, $lightness: 50%));
+		}
+	}
+
+	.p-datatable {
+		.p-datatable-tbody {
+			> tr {
+				&.p-datatable-dragpoint-top > td {
+					box-shadow: inset 0 2px 0 0 $primaryColor;
+				}
+
+				&.p-datatable-dragpoint-bottom > td {
+					box-shadow: inset 0 -2px 0 0 $primaryColor;
+				}
+			}
+		}
+	}
+
+	.p-speeddial-item {
+		&.p-focus > .p-speeddial-action {
+			@include focused-ring(scale-color($buttonBg, $lightness: 50%));
+		}
+	}
+
+	.p-toast-message {
+		backdrop-filter: blur(10px);
+	}
+
+	.p-inline-message-text {
+		font-weight: 500;
+	}
+
+	.p-picklist-buttons .p-button,
+	.p-orderlist-controls .p-button {
+		transition:
+			opacity $transitionDuration,
+			background-color $transitionDuration,
+			color $transitionDuration,
+			border-color $transitionDuration,
+			box-shadow $transitionDuration;
+	}
+}