@lucca-front/ng 16.4.1 → 16.4.3

package/material/style/components/_datepicker.scss

@@ -1,124 +1,124 @@
-// deprecated
-
-@use '@lucca-front/icons/src/commons/utils/icon';
-@use '@lucca-front/scss/src/commons/utils/form';
-
-.mat-datepicker-content {
-	@include box-shadow-override();
-	@extend .card;
-	display: block;
-	margin-top: 2px;
-}
-
-.mat-datepicker-toggle {
-	@extend .textfield-suffix;
-	pointer-events: auto;
-
-	button {
-		background: none !important;
-		border-radius: 0;
-		height: auto;
-		line-height: 1;
-		width: auto;
-
-		&::after {
-			@include icon.generate('calendar_date');
-		}
-
-		mat-icon {
-			display: none;
-		}
-	}
-}
-
-// CALENDAR
-.mat-calendar {
-	width: 296px;
-
-	.mat-button {
-		@extend .button, .mod-text;
-		font-size: 1em;
-		text-decoration: none;
-	}
-
-	.mat-calendar-arrow {
-		display: none;
-	}
-
-	.mat-calendar-arrow {
-		display: none;
-	}
-
-	.mat-icon-button {
-		@extend .button, .mod-text;
-		border-radius: 3px;
-	}
-
-	.mat-calendar-content {
-		padding: 0 0.5em 0.5em 0.5em;
-	}
-}
-
-// CALENDAR HEADER
-.mat-calendar-controls {
-	margin-top: 0 !important;
-	.mat-icon-button[disabled] {
-		opacity: 0.4;
-	}
-	.mat-calendar-period-button {
-		flex: 1;
-		order: 1;
-	}
-
-	.mat-calendar-next-button {
-		order: 2;
-	}
-
-	.mat-calendar-spacer {
-		display: none;
-	}
-}
-
-// TABLE
-.mat-calendar-body-cell {
-	.mat-calendar-body-cell-content {
-		box-shadow: form.fakeBorderOverlay(var(--commons-divider-color));
-		border: none;
-		border-radius: 0;
-		color: var(--palettes-grey-600);
-		height: 100%;
-		left: 0;
-		top: 0;
-		width: 100%;
-
-		&:hover,
-		&.mat-calendar-body-selected {
-			background-color: var(--palette-primary-700);
-			color: var(--palette-primary-text);
-		}
-	}
-
-	&.mat-calendar-body-disabled {
-		opacity: 0.5;
-		pointer-events: none;
-	}
-}
-
-// SPECIFIC MONTH-VIEW
-md-month-view,
-mat-month-view {
-	.mat-calendar-table-header th {
-		color: var(--palettes-grey-600);
-		font-size: 0.9em;
-		padding-bottom: 0.4em;
-	}
-
-	.mat-calendar-body-label {
-		overflow: hidden;
-		text-indent: -9999px;
-
-		&[colspan='7'] {
-			display: none; // REMOVE MONTH LABEL ABOVE NUMBERS IF FULL WIDTH
-		}
-	}
-}
+// deprecated
+
+@use '@lucca-front/icons/src/commons/utils/icon';
+@use '@lucca-front/scss/src/commons/utils/form';
+
+.mat-datepicker-content {
+	@include box-shadow-override();
+	@extend .card;
+	display: block;
+	margin-top: 2px;
+}
+
+.mat-datepicker-toggle {
+	@extend .textfield-suffix;
+	pointer-events: auto;
+
+	button {
+		background: none !important;
+		border-radius: 0;
+		height: auto;
+		line-height: 1;
+		width: auto;
+
+		&::after {
+			@include icon.generate('calendar_date');
+		}
+
+		mat-icon {
+			display: none;
+		}
+	}
+}
+
+// CALENDAR
+.mat-calendar {
+	width: 296px;
+
+	.mat-button {
+		@extend .button, .mod-text;
+		font-size: 1em;
+		text-decoration: none;
+	}
+
+	.mat-calendar-arrow {
+		display: none;
+	}
+
+	.mat-calendar-arrow {
+		display: none;
+	}
+
+	.mat-icon-button {
+		@extend .button, .mod-text;
+		border-radius: 3px;
+	}
+
+	.mat-calendar-content {
+		padding: 0 0.5em 0.5em 0.5em;
+	}
+}
+
+// CALENDAR HEADER
+.mat-calendar-controls {
+	margin-top: 0 !important;
+	.mat-icon-button[disabled] {
+		opacity: 0.4;
+	}
+	.mat-calendar-period-button {
+		flex: 1;
+		order: 1;
+	}
+
+	.mat-calendar-next-button {
+		order: 2;
+	}
+
+	.mat-calendar-spacer {
+		display: none;
+	}
+}
+
+// TABLE
+.mat-calendar-body-cell {
+	.mat-calendar-body-cell-content {
+		box-shadow: form.fakeBorderOverlay(var(--commons-divider-color));
+		border: none;
+		border-radius: 0;
+		color: var(--palettes-grey-600);
+		height: 100%;
+		left: 0;
+		top: 0;
+		width: 100%;
+
+		&:hover,
+		&.mat-calendar-body-selected {
+			background-color: var(--palette-primary-700);
+			color: var(--palette-primary-text);
+		}
+	}
+
+	&.mat-calendar-body-disabled {
+		opacity: 0.5;
+		pointer-events: none;
+	}
+}
+
+// SPECIFIC MONTH-VIEW
+md-month-view,
+mat-month-view {
+	.mat-calendar-table-header th {
+		color: var(--palettes-grey-600);
+		font-size: 0.9em;
+		padding-bottom: 0.4em;
+	}
+
+	.mat-calendar-body-label {
+		overflow: hidden;
+		text-indent: -9999px;
+
+		&[colspan='7'] {
+			display: none; // REMOVE MONTH LABEL ABOVE NUMBERS IF FULL WIDTH
+		}
+	}
+}

package/material/style/components/_dialog.scss

@@ -1,34 +1,34 @@
-// deprecated
-
-@use '@lucca-front/scss/src/commons/utils/media';
-@use '@lucca-front/icons/src/commons/utils/icon';
-
-.mat-dialog-container {
-	@extend .card;
-
-	background: white;
-	max-width: 80vw; // MIGHT BE CHANGED INTO A THEME VARIABLE
-	overflow: visible !important;
-	padding: 0 !important;
-}
-
-.cdk-overlay-pane {
-	&.mod-sidePanel {
-		position: fixed !important;
-		top: var(--commons-banner-height);
-		right: 0;
-		bottom: 0;
-		width: 60%;
-		max-width: 800px;
-		@include media.max('S') {
-			width: 80%;
-		}
-		@include media.max('XS') {
-			width: 100%;
-		}
-
-		.mat-dialog-container {
-			max-width: 100%;
-		}
-	}
-}
+// deprecated
+
+@use '@lucca-front/scss/src/commons/utils/media';
+@use '@lucca-front/icons/src/commons/utils/icon';
+
+.mat-dialog-container {
+	@extend .card;
+
+	background: white;
+	max-width: 80vw; // MIGHT BE CHANGED INTO A THEME VARIABLE
+	overflow: visible !important;
+	padding: 0 !important;
+}
+
+.cdk-overlay-pane {
+	&.mod-sidePanel {
+		position: fixed !important;
+		top: var(--commons-banner-height);
+		right: 0;
+		bottom: 0;
+		width: 60%;
+		max-width: 800px;
+		@include media.max('S') {
+			width: 80%;
+		}
+		@include media.max('XS') {
+			width: 100%;
+		}
+
+		.mat-dialog-container {
+			max-width: 100%;
+		}
+	}
+}

package/material/style/components/_input.scss

@@ -1,5 +1,5 @@
-// deprecated
-
-input.mat-input-element {
-	margin-top: 0 !important;
-}
+// deprecated
+
+input.mat-input-element {
+	margin-top: 0 !important;
+}

package/material/style/components/_menu.scss

@@ -1,23 +1,23 @@
-// deprecated
-
-.mat-menu-item {
-	@extend .textfield-options-entry;
-	background-color: transparent;
-	&.mat-selected,
-	&.mat-active {
-		@extend .is-focus;
-	}
-}
-
-.mat-menu-panel {
-	@extend .textfield-options;
-	position: relative;
-	top: auto;
-	opacity: 1;
-	transform: none;
-}
-
-.mat-menu-content {
-	padding-top: 0 !important;
-	padding-bottom: 0 !important;
-}
+// deprecated
+
+.mat-menu-item {
+	@extend .textfield-options-entry;
+	background-color: transparent;
+	&.mat-selected,
+	&.mat-active {
+		@extend .is-focus;
+	}
+}
+
+.mat-menu-panel {
+	@extend .textfield-options;
+	position: relative;
+	top: auto;
+	opacity: 1;
+	transform: none;
+}
+
+.mat-menu-content {
+	padding-top: 0 !important;
+	padding-bottom: 0 !important;
+}

package/material/style/components/_mixins.scss

@@ -1,10 +1,10 @@
-// deprecated
-
-@mixin box-shadow-override($hasHover: false) {
-	box-shadow: var(--commons-boxShadow-XS) !important;
-	@if $hasHover {
-		&:hover {
-			box-shadow: var(--commons-boxShadow-M) !important;
-		}
-	}
-}
+// deprecated
+
+@mixin box-shadow-override($hasHover: false) {
+	box-shadow: var(--commons-boxShadow-XS) !important;
+	@if $hasHover {
+		&:hover {
+			box-shadow: var(--commons-boxShadow-M) !important;
+		}
+	}
+}

package/material/style/components/_options.scss

@@ -1,26 +1,26 @@
-// deprecated
-
-.mat-option {
-	@extend .textfield-options-entry;
-
-	display: block;
-	line-height: unset !important;
-	outline: none;
-	&.mat-selected,
-	&.mat-active {
-		@extend .textfield-options-entry, .is-focus;
-	}
-
-	.mat-option-ripple {
-		bottom: 0;
-		left: 0;
-		pointer-events: none;
-		position: absolute;
-		right: 0;
-		top: 0;
-	}
-
-	.mat-ripple {
-		overflow: hidden;
-	}
-}
+// deprecated
+
+.mat-option {
+	@extend .textfield-options-entry;
+
+	display: block;
+	line-height: unset !important;
+	outline: none;
+	&.mat-selected,
+	&.mat-active {
+		@extend .textfield-options-entry, .is-focus;
+	}
+
+	.mat-option-ripple {
+		bottom: 0;
+		left: 0;
+		pointer-events: none;
+		position: absolute;
+		right: 0;
+		top: 0;
+	}
+
+	.mat-ripple {
+		overflow: hidden;
+	}
+}

package/material/style/components/_select.scss

@@ -1,46 +1,46 @@
-// deprecated
-
-mat-select {
-	@extend .textfield;
-}
-
-.textfield.mod-framed mat-select {
-	padding: 0 !important;
-
-	.mat-select-trigger {
-		font-size: var(--sizes-M-fontSize);
-		margin: 2.2rem var(--spacings-S) 0.7rem;
-		&::after {
-			bottom: -0.7rem;
-			content: '';
-			display: block;
-			left: calc(var(--spacings-S) * -1);
-			position: absolute;
-			right: calc(var(--spacings-S) * -1);
-			top: -2.2rem;
-		}
-	}
-}
-
-.textfield:not(.mod-compact) mat-select {
-	padding-top: 0 !important;
-}
-
-.mat-select-trigger {
-	height: 1.1rem !important;
-	min-width: 0 !important;
-	text-overflow: ellipsis;
-}
-
-.mat-select-placeholder {
-	width: auto !important;
-}
-
-.mat-select-panel {
-	@extend .textfield-options;
-
-	position: relative;
-	top: auto;
-	transform: none;
-	opacity: 1;
-}
+// deprecated
+
+mat-select {
+	@extend .textfield;
+}
+
+.textfield.mod-framed mat-select {
+	padding: 0 !important;
+
+	.mat-select-trigger {
+		font-size: var(--sizes-M-fontSize);
+		margin: 2.2rem var(--spacings-S) 0.7rem;
+		&::after {
+			bottom: -0.7rem;
+			content: '';
+			display: block;
+			left: calc(var(--spacings-S) * -1);
+			position: absolute;
+			right: calc(var(--spacings-S) * -1);
+			top: -2.2rem;
+		}
+	}
+}
+
+.textfield:not(.mod-compact) mat-select {
+	padding-top: 0 !important;
+}
+
+.mat-select-trigger {
+	height: 1.1rem !important;
+	min-width: 0 !important;
+	text-overflow: ellipsis;
+}
+
+.mat-select-placeholder {
+	width: auto !important;
+}
+
+.mat-select-panel {
+	@extend .textfield-options;
+
+	position: relative;
+	top: auto;
+	transform: none;
+	opacity: 1;
+}

package/material/style/components/_tooltip.scss

@@ -1,11 +1,11 @@
-// deprecated
-
-.mat-tooltip {
-	border-radius: var(--commons-borderRadius-M);
-	background: var(--components-tooltip-background-color);
-	color: var(--components-tooltip-color);
-	font-size: var(--sizes-XS-lineHeight) !important;
-	margin: var(--spacings-XS) !important;
-	padding: var(--spacings-XXS) var(--spacings-XS) !important;
-	line-height: var(--sizes-XS-lineHeight);
-}
+// deprecated
+
+.mat-tooltip {
+	border-radius: var(--commons-borderRadius-M);
+	background: var(--components-tooltip-background-color);
+	color: var(--components-tooltip-color);
+	font-size: var(--sizes-XS-lineHeight) !important;
+	margin: var(--spacings-XS) !important;
+	padding: var(--spacings-XXS) var(--spacings-XS) !important;
+	line-height: var(--sizes-XS-lineHeight);
+}

package/material/style/main.scss

@@ -1,12 +1,12 @@
-// deprecated
-
-@use '@angular/material' as mat;
-
-@import 'components';
-
-// CHANGE DEFAULT FONTS TO LUCCA-FRONT FONTS
-$lucca-front-mat-typography: mat.define-typography-config(
-	$font-family: var(--commons-font-family),
-);
-
-@include mat.all-component-typographies($lucca-front-mat-typography);
+// deprecated
+
+@use '@angular/material' as mat;
+
+@import 'components';
+
+// CHANGE DEFAULT FONTS TO LUCCA-FRONT FONTS
+$lucca-front-mat-typography: mat.define-typography-config(
+	$font-family: var(--commons-font-family),
+);
+
+@include mat.all-component-typographies($lucca-front-mat-typography);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lucca-front/ng",
-  "version": "16.4.1",
+  "version": "16.4.3",
   "description": "A library of icons made by the team @Lucca",
   "repository": {
     "type": "git",
@@ -26,8 +26,8 @@
     "@angular/common": "^16.0.0",
     "@angular/core": "^16.0.0",
     "@angular/cdk": "^16.0.0",
-    "@lucca-front/icons": "v16.4.1",
-    "@lucca-front/scss": "v16.4.1",
+    "@lucca-front/icons": "v16.4.3",
+    "@lucca-front/scss": "v16.4.3",
     "@types/dompurify": "^3.0.0",
     "dompurify": "^3.0.0",
     "rxjs": "^6.0.0 || ^7.0.0"
@@ -59,11 +59,11 @@
       "esm": "./esm2022/animations/lucca-front-ng-animations.mjs",
       "default": "./fesm2022/lucca-front-ng-animations.mjs"
     },
-    "./core": {
-      "types": "./core/index.d.ts",
-      "esm2022": "./esm2022/core/lucca-front-ng-core.mjs",
-      "esm": "./esm2022/core/lucca-front-ng-core.mjs",
-      "default": "./fesm2022/lucca-front-ng-core.mjs"
+    "./api": {
+      "types": "./api/index.d.ts",
+      "esm2022": "./esm2022/api/lucca-front-ng-api.mjs",
+      "esm": "./esm2022/api/lucca-front-ng-api.mjs",
+      "default": "./fesm2022/lucca-front-ng-api.mjs"
     },
     "./callout": {
       "types": "./callout/index.d.ts",
@@ -71,11 +71,11 @@
       "esm": "./esm2022/callout/lucca-front-ng-callout.mjs",
       "default": "./fesm2022/lucca-front-ng-callout.mjs"
     },
-    "./api": {
-      "types": "./api/index.d.ts",
-      "esm2022": "./esm2022/api/lucca-front-ng-api.mjs",
-      "esm": "./esm2022/api/lucca-front-ng-api.mjs",
-      "default": "./fesm2022/lucca-front-ng-api.mjs"
+    "./core": {
+      "types": "./core/index.d.ts",
+      "esm2022": "./esm2022/core/lucca-front-ng-core.mjs",
+      "esm": "./esm2022/core/lucca-front-ng-core.mjs",
+      "default": "./fesm2022/lucca-front-ng-core.mjs"
     },
     "./core-select": {
       "types": "./core-select/index.d.ts",
@@ -173,18 +173,18 @@
       "esm": "./esm2022/numeric-badge/lucca-front-ng-numeric-badge.mjs",
       "default": "./fesm2022/lucca-front-ng-numeric-badge.mjs"
     },
-    "./option": {
-      "types": "./option/index.d.ts",
-      "esm2022": "./esm2022/option/lucca-front-ng-option.mjs",
-      "esm": "./esm2022/option/lucca-front-ng-option.mjs",
-      "default": "./fesm2022/lucca-front-ng-option.mjs"
-    },
     "./picker": {
       "types": "./picker/index.d.ts",
       "esm2022": "./esm2022/picker/lucca-front-ng-picker.mjs",
       "esm": "./esm2022/picker/lucca-front-ng-picker.mjs",
       "default": "./fesm2022/lucca-front-ng-picker.mjs"
     },
+    "./option": {
+      "types": "./option/index.d.ts",
+      "esm2022": "./esm2022/option/lucca-front-ng-option.mjs",
+      "esm": "./esm2022/option/lucca-front-ng-option.mjs",
+      "default": "./fesm2022/lucca-front-ng-option.mjs"
+    },
     "./popover": {
       "types": "./popover/index.d.ts",
       "esm2022": "./esm2022/popover/lucca-front-ng-popover.mjs",