react-asc 25.19.0 → 26.0.0

package/react-asc.scss

@@ -1,382 +0,0 @@
-:root {
-	--breakpoint-xs: 0;
-	--breakpoint-sm: 576px;
-	--breakpoint-md: 768px;
-	--breakpoint-lg: 992px;
-	--breakpoint-xl: 1200px;
-	--breakpoint-xxl: 1400px;
-}
-
-:root {
-	--buttonMinWidth: 62px;
-	--buttonPadding: 11px 15px;
-}
-
-:root {
-	--primary-light: #6573c3;
-	--primary: #3f51b5;
-	--primary-dark: #2c387e;
-	--primary-contrast-text: #fff;
-	--primary-highlight: #d6dbf7;
-
-	--secondary-light: #e5e7eb;
-	--secondary: #8f8f8f;
-	--secondary-dark: #9c9da1;
-	--secondary-contrast-text: #fff;
-	--secondary-highlight: rgb(233, 233, 233);
-
-	--accent-light: #fd96b8;
-	--accent: #ff4081;
-	--accent-dark: #fd2c72;
-	--accent-contrast-text: #fff;
-	--accent-highlight: #fca9c5;
-
-	// rename!?
-	--light-light: #ffffff;
-	--light: #f8f9fa;
-	--light-dark: #ebebeb;
-	--light-contrast-text: #212529;
-	--light-highlight: #f8f9fa;
-
-	--dark-light: #616468;
-	--dark: #343a40;
-	--dark-dark: #343a40;
-	--dark-contrast-text: #fff;
-	--dark-highlight: #5e6164;
-
-	--success-light: #59d74e;
-	--success: #0c8d00;
-	--success-dark: #0b6d02;
-	--success-contrast-text: #fff;
-	--success-highlight: #76d66d;
-
-	--error-light: #ff0202c0;
-	--error: #ff0000;
-	--error-dark: #b50e0e;
-	--error-contrast-text: #fff;
-	--error-highlight: #fd3c3c;
-
-	--white: #fff;
-
-	--bodyBg: white;
-	--bodyColor: #212529;
-
-	--highlight: rgba(204, 216, 224, 0.2); // ???
-
-	--shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12);
-
-	--shadowColor: rgba(0, 0, 0, 0.12);
-
-	--muted: #6c757d !important;
-}
-
-:root {
-	--fontFamily: system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', 'Liberation Sans', sans-serif,
-		'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
-	--fontSize: 16px;
-	--fontWeight: 400;
-
-	--fontLineHeight: 1.5;
-
-	--textBody1FontSize: 13px;
-	--textBody1LineHeight: 18px;
-
-	--textBody2FontSize: 13px;
-	--textBody2LineHeight: 18px;
-
-	--textOverlineFontSize: 13px;
-	--textOverlineLineHeight: 18px;
-	--textOverlineTransform: uppercase;
-}
-
-:root {
-	.ml-0 {
-		margin-left: var(--0);
-	}
-
-	.ml-1 {
-		margin-left: var(--1);
-	}
-
-	.ml-2 {
-		margin-left: var(--2);
-	}
-
-	.ml-3 {
-		margin-left: var(--3);
-	}
-
-	.ml-auto {
-		margin-left: var(--auto);
-	}
-
-	.mr-0 {
-		margin-right: var(--0);
-	}
-
-	.mr-1 {
-		margin-right: var(--1);
-	}
-
-	.mr-2 {
-		margin-right: var(--2);
-	}
-
-	.mr-3 {
-		margin-right: var(--3);
-	}
-
-	.mr-auto {
-		margin-right: var(--auto);
-	}
-
-	.mt-0 {
-		margin-top: var(--0);
-	}
-
-	.mt-1 {
-		margin-top: var(--1);
-	}
-
-	.mt-2 {
-		margin-top: var(--2);
-	}
-
-	.mt-3 {
-		margin-top: var(--3);
-	}
-
-	.mt-4 {
-		margin-top: var(--4);
-	}
-
-	.mb-0 {
-		margin-bottom: var(--0);
-	}
-
-	.mb-1 {
-		margin-bottom: var(--1);
-	}
-
-	.mb-2 {
-		margin-bottom: var(--2);
-	}
-
-	.mb-3 {
-		margin-bottom: var(--3);
-	}
-}
-
-:root {
-	.pt-1 {
-		padding-top: var(--1);
-	}
-
-	.pt-2 {
-		padding-top: var(--2);
-	}
-
-	.pt-3 {
-		padding-top: var(--3);
-	}
-
-	.pb-1 {
-		padding-bottom: var(--1);
-	}
-
-	.pb-2 {
-		padding-bottom: var(--2);
-	}
-
-	.pb-3 {
-		padding-bottom: var(--3);
-	}
-
-	.pb-4 {
-		padding-bottom: var(--4);
-	}
-
-	.p-3 {
-		padding: var(--3);
-	}
-
-	.p-1 {
-		padding: var(--1);
-	}
-
-	.p-2 {
-		padding: var(--2);
-	}
-
-	.p-3 {
-		padding: var(--3);
-	}
-
-	.p-4 {
-		padding: var(--3);
-	}
-
-	.pt-0 {
-		padding-top: var(--0);
-	}
-
-	.pb-0 {
-		padding-bottom: var(--0);
-	}
-}
-
-:root {
-	--borderRadius: 5px;
-	--0: 0px !important;
-	--1: 15px !important;
-	--2: 25px !important;
-	--3: 35px !important;
-	--4: 45px !important;
-	--auto: auto !important;
-}
-
-.input-group-append {
-	.btn {
-		min-width: auto;
-
-		.svg-icon {
-			margin-left: 0;
-			margin-right: 0;
-		}
-	}
-}
-
-.text-muted {
-	color: var(--muted);
-}
-
-.flex-1 {
-	flex: 1;
-}
-
-.d-flex {
-	display: flex !important;
-}
-
-.d-inline {
-	display: inline !important;
-}
-
-.justify-content-center {
-	justify-content: center !important;
-}
-
-.align-items-center {
-	align-items: center !important;
-}
-
-.align-items-end {
-	align-items: end;
-}
-
-.flex-wrap {
-	flex-wrap: wrap;
-}
-
-.flex-row {
-	flex-direction: row;
-}
-
-.flex-row-reverse {
-	flex-direction: row-reverse;
-}
-
-.flex-column {
-	flex-direction: column;
-}
-
-.flex-column-reverse {
-	flex-direction: column-reverse;
-}
-
-.flex-shrink-0 {
-	flex-shrink: 0;
-}
-
-.flex-grow {
-	flex-grow: 1;
-}
-
-.w-100 {
-	width: 100%;
-}
-
-.h-100 {
-	height: 100%;
-}
-
-.text-center {
-	text-align: center;
-}
-
-.text-uppercase {
-	text-transform: uppercase;
-}
-
-.rounded-pill {
-	border-radius: 50rem !important;
-}
-
-.fw-bold {
-	font-weight: 700 !important;
-}
-
-// @media (max-width: 561px) {
-// 	.flex-row {
-// 		flex-direction: column !important;
-// 	}
-// }
-
-@media (min-width: 768px) {
-	.justify-content-md-center {
-		justify-content: center !important;
-	}
-	.align-items-md-center {
-		align-items: center !important;
-	}
-}
-
-.modal-open {
-	overflow: hidden !important;
-}
-
-
-* {
-	min-width: 0;
-	min-height: 0;
-}
-
-label.required {
-	&::after {
-		display: inline-block;
-		line-height: 0.8;
-		content: '*';
-		vertical-align: text-top;
-	}
-}
-
-.overline {
-	font-size: var(--textOverlineFontSize) !important;
-	line-height: var(--textOverlineLineHeight) !important;
-	text-transform: var(--textOverlineTransform) !important;
-	font-weight: bold;
-}
-
-.body1 {
-	font-size: var(--textBody1FontSize) !important;
-	line-height: var(--textBody1LineHeight) !important;
-}
-
-.body2 {
-	font-size: var(--textBody2FontSize) !important;
-	line-height: var(--textBody2LineHeight) !important;
-}
-
-.uppercase {
-	text-transform: uppercase !important;
-}