react-toast-master 2.1.3 → 2.1.4

package/src/components/styles/button.css

@@ -1,165 +0,0 @@
-/* Default styles for buttons */
-.cancel_button,
-.confirm_button {
-	font-family: inherit;
-	white-space: nowrap;
-	font-size: 1rem;
-	line-height: 1.5rem;
-	border-radius: 0.375rem;
-	transition-duration: 300ms;
-	font-weight: 600;
-	cursor: pointer;
-}
-
-/* Large devices */
-@media screen and (min-width: 1280px) and (max-width: 5120px) {
-	.cancel_button {
-		background-color: transparent;
-		padding: 0.25rem 1rem;
-	}
-
-	.confirm_button {
-		padding: 0.25rem 1rem;
-		box-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05);
-	}
-
-	.closeDiv {
-		right: -2rem;
-	}
-}
-
-/* Medium devices */
-@media screen and (min-width: 768px) and (max-width: 1279px) {
-	.cancel_button {
-		background-color: transparent;
-		padding: 0.25rem 1rem;
-	}
-
-	.confirm_button {
-		padding: 0.25rem 1rem;
-		box-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05);
-	}
-
-	.closeDiv {
-		right: -2rem;
-	}
-}
-
-/* Small devices */
-@media screen and (min-width: 481px) and (max-width: 767px) {
-	.cancel_button {
-		padding: 0.4rem 1.5rem;
-		font-size: 0.875rem;
-		background-color: transparent;
-		line-height: 1.25rem;
-	}
-
-	.confirm_button {
-		padding: 0.4rem 1.5rem;
-		font-size: 0.875rem;
-		line-height: 1.25rem;
-		box-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05);
-	}
-	.closeDiv {
-		right: -2rem;
-	}
-}
-
-/* Extra small devices */
-@media screen and (min-width: 120px) and (max-width: 480px) {
-	.cancel_button {
-		padding: 0.35rem 0.5rem;
-		border-width: 1px;
-		font-size: 0.875rem;
-		line-height: 1.25rem;
-
-		width: 100%;
-		background-color: transparent;
-		color: white;
-	}
-
-	.confirm_button {
-		padding: 0.35rem 0.5rem;
-		font-size: 0.875rem;
-		line-height: 1.25rem;
-		box-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05);
-		width: 100%;
-	}
-	.closeDiv {
-		right: -1.1rem;
-	}
-}
-
-.confirm_button_white {
-	background-color: #141318;
-	color: #fff;
-	border: 1px solid #353244;
-}
-.confirm_button_dark {
-	background-color: #fff;
-	color: #1f2937;
-	border: 1px solid #d1d5db;
-}
-.cancel_button_dark {
-	color: #1f2937;
-	border: 1px solid #d1d5db;
-}
-.cancel_button_all {
-	color: #fff;
-	border: 1px solid #67656e;
-}
-
-/* cancel button glass */
-.cancel_button_glass {
-	color: #ffffff;
-	border: 1px solid #ffffff;
-}
-
-/* 
-	     		below css styles are being used in the InnerFooter 
-				component's toast close button 
-*/
-.closeDiv {
-	position: absolute;
-	top: 50%;
-	transform: translateY(-50%);
-	transition-duration: 300ms;
-}
-
-.div_flex {
-	display: flex;
-	cursor: pointer;
-}
-.div_hidden {
-	display: none;
-}
-
-.inner_container .closeButton {
-	opacity: 0 !important;
-	padding: 0.25rem;
-	transition: opacity 150ms ease-in-out, scale 150ms ease-in-out;
-	background-color: initial;
-	border: none;
-	outline: none;
-}
-.closeButton:hover {
-	scale: 1.05 !important;
-}
-.inner_container:hover .closeButton {
-	opacity: 1 !important;
-}
-
-/* 
-	     		for screen readers 
-*/
-.sr_only {
-	position: absolute;
-	width: 1px;
-	height: 1px;
-	padding: 0;
-	margin: -1px;
-	overflow: hidden;
-	clip: rect(0, 0, 0, 0);
-	white-space: nowrap;
-	border-width: 0;
-}

package/src/components/styles/shadows.css

@@ -1,49 +0,0 @@
-.box_shadow {
-	box-shadow: #00000009 0px 1px 2px, #00000009 0px 2px 4px, #00000009 0px 4px 8px, #00000009 0px 8px 16px,
-		#00000009 0px 16px 24px, #00000010 0px 24px 32px;
-}
-.box_shadow_block {
-	box-shadow: rgba(0, 0, 0, 0.2) 0px 2px 4px, rgba(0, 0, 0, 0.1) 0px 7px 13px -3px,
-		rgba(0, 0, 0, 0.25) 0px -3px 0px inset;
-}
-
-.shadow_dark {
-	box-shadow: 0px 1px 0px 0px #00000065, 1px 0px 0px 0px #00000065, 1px 2px 0px 0px #00000065,
-		2px 1px 0px 0px #00000065, 2px 3px 0px 0px #00000065, 3px 2px 0px 0px #00000065,
-		3px 4px 0px 0px #00000065, 4px 3px 0px 0px #00000065, 4px 5px 0px 0px #00000065,
-		5px 4px 0px 0px #00000065, 5px 6px 0px 0px #00000065, 6px 5px 0px 0px #000000d5;
-}
-.shadow_white {
-	box-shadow: 0px 1px 0px 0px #dddddda2, 1px 0px 0px 0px #dddddda2, 1px 2px 0px 0px #dddddda2,
-		2px 1px 0px 0px #dddddda2, 2px 3px 0px 0px #dddddda2, 3px 2px 0px 0px #dddddda2,
-		3px 4px 0px 0px #dddddda2, 4px 3px 0px 0px #dddddda2, 4px 5px 0px 0px #dddddda2,
-		5px 4px 0px 0px #dddddda2, 5px 6px 0px 0px #dddddda2, 6px 5px 0px 0px #dddddda2;
-}
-.shadow_error {
-	box-shadow: 0px 1px 0px 0px #dc2626, 1px 0px 0px 0px #dc2626, 1px 2px 0px 0px #dc2626,
-		2px 1px 0px 0px #dc2626, 2px 3px 0px 0px #dc2626, 3px 2px 0px 0px #dc2626, 3px 4px 0px 0px #dc2626,
-		4px 3px 0px 0px #dc2626, 4px 5px 0px 0px #dc2626, 5px 4px 0px 0px #dc2626, 5px 6px 0px 0px #dc2626,
-		6px 5px 0px 0px #dc2626;
-}
-.shadow_success {
-	box-shadow: 0px 1px 0px 0px #07bc0d, 1px 0px 0px 0px #07bc0d, 1px 2px 0px 0px #07bc0d,
-		2px 1px 0px 0px #07bc0d, 2px 3px 0px 0px #07bc0d, 3px 2px 0px 0px #07bc0d, 3px 4px 0px 0px #07bc0d,
-		4px 3px 0px 0px #07bc0d, 4px 5px 0px 0px #07bc0d, 5px 4px 0px 0px #07bc0d, 5px 6px 0px 0px #07bc0d,
-		6px 5px 0px 0px #07bc0d;
-}
-.shadow_warning {
-	box-shadow: 0px 1px 0px 0px #edc319, 1px 0px 0px 0px #edc319, 1px 2px 0px 0px #edc319,
-		2px 1px 0px 0px #edc319, 2px 3px 0px 0px #edc319, 3px 2px 0px 0px #edc319, 3px 4px 0px 0px #edc319,
-		4px 3px 0px 0px #edc319, 4px 5px 0px 0px #edc319, 5px 4px 0px 0px #edc319, 5px 6px 0px 0px #edc319,
-		6px 5px 0px 0px #edc319;
-}
-.shadow_info {
-	box-shadow: 0px 1px 0px 0px #2196f3, 1px 0px 0px 0px #2196f3, 1px 2px 0px 0px #2196f3,
-		2px 1px 0px 0px #2196f3, 2px 3px 0px 0px #2196f3, 3px 2px 0px 0px #2196f3, 3px 4px 0px 0px #2196f3,
-		4px 3px 0px 0px #2196f3, 4px 5px 0px 0px #2196f3, 5px 4px 0px 0px #2196f3, 5px 6px 0px 0px #2196f3,
-		6px 5px 0px 0px #2196f3;
-}
-
-.shadow_around {
-	box-shadow: 0 0 10px 1px rgba(0, 0, 0, 0.3);
-}

package/src/components/styles/skew.css

@@ -1,16 +0,0 @@
-/* 
-	     		skew css styles only applies to screens of 640px and up 
-*/
-@media (min-width: 640px) {
-	.right3 {
-		transform: skewX(-3deg);
-	}
-
-	.right6 {
-		transform: skewX(-6deg);
-	}
-
-	.right12 {
-		transform: skewX(-12deg);
-	}
-}

package/src/components/styles/textAlign.css

@@ -1,43 +0,0 @@
-/* 
-	     		toast text alignment for mobile screens 
-*/
-.justify_end,
-.justify_start,
-.justify_center,
-.text_start,
-.text_end,
-.text_center {
-	justify-content: center;
-	text-align: center;
-}
-
-/* 
-	     		toast text alignment from 640px and up 
-*/
-@media (min-width: 640px) {
-	.justify_end {
-		justify-content: end;
-		text-align: start;
-	}
-	.justify_start {
-		justify-content: flex-start;
-		text-align: end;
-	}
-	.justify_center {
-		justify-content: center;
-		text-align: center;
-	}
-
-	.text_start {
-		justify-content: flex-start;
-		text-align: start;
-	}
-	.text_end {
-		justify-content: flex-end;
-		text-align: end;
-	}
-	.text_center {
-		justify-content: center;
-		text-align: center;
-	}
-}

package/src/components/styles/textColor.css

@@ -1,66 +0,0 @@
-.text_warning {
-	color: #edc319;
-}
-.text_dark {
-	color: #1f2937;
-}
-.text_white {
-	color: white;
-}
-.text_darker {
-	color: #131318;
-}
-.textWhite {
-	color: #fff;
-}
-.text_error {
-	color: #dc2626;
-}
-.text_success {
-	color: #07bc0c;
-}
-.text_info {
-	color: #007fff;
-}
-.textWarning {
-	color: #bda74e;
-}
-@keyframes spin {
-	to {
-		transform: rotate(360deg);
-	}
-}
-.animate_spin {
-	animation: spin 1.2s linear infinite;
-}
-
-.rotate_deg {
-	transform: rotate(40deg);
-}
-.icon_only {
-	display: flex;
-	justify-content: center;
-	align-items: center;
-	height: 100%;
-}
-
-.footer_dark {
-	color: #5e6a7a;
-	border-top-color: #4b556380;
-}
-.footer_white {
-	color: #6b7280;
-	border-top-color: #9ca3af99;
-}
-.footer_info {
-	color: #d1d5db;
-	border-top-color: #e5e7eb99;
-}
-.footer_error {
-	color: #d1d5db;
-	border-top-color: #9ca3af99;
-}
-.footer_success {
-	color: #ebebeb;
-	border-top-color: #ffffff99;
-}

package/src/components/styles/toastPosition.css

@@ -1,141 +0,0 @@
-/* 
-	     		toast position for small screens 
-*/
-.top {
-	justify-content: center;
-	left: 0;
-	top: 1rem;
-}
-.topLeft {
-	left: 0rem;
-	top: 1rem;
-	justify-content: center;
-}
-.topRight {
-	right: 0rem;
-	justify-content: center;
-	top: 1rem;
-}
-
-.middle {
-	position: absolute;
-	inset: 0;
-	display: flex;
-	justify-content: center;
-	align-items: center;
-}
-
-.bottom {
-	justify-content: center;
-	left: 0;
-	bottom: 1rem;
-}
-.bottomLeft {
-	left: 0rem;
-	justify-content: center;
-	bottom: 1rem;
-}
-.bottomRight {
-	justify-content: center;
-	right: 0rem;
-	bottom: 1rem;
-}
-
-/* .topFull {
-	justify-content: center;
-	align-items: center;
-	top: 0;
-	width: 100vw;
-}
-.bottomFull {
-	justify-content: center;
-	align-items: center;
-	bottom: 0;
-	width: 100vw;
-} */
-body,
-html {
-	margin: 0;
-	padding: 0;
-}
-*,
-*::before,
-*::after {
-	box-sizing: border-box;
-}
-.topFull,
-.bottomFull {
-	justify-content: center;
-	align-items: center;
-	width: 100%;
-	left: 0;
-}
-
-.topFull {
-	top: 0;
-}
-
-.bottomFull {
-	bottom: 0;
-}
-
-/* 
-	     		toast position from 640px and up 
-*/
-@media (min-width: 640px) {
-	.top {
-		justify-content: center;
-		left: auto;
-		right: 0;
-		top: 1.25rem;
-	}
-	.topLeft {
-		justify-content: flex-start;
-		left: 1.25rem;
-		top: 1.25rem;
-	}
-	.topRight {
-		justify-content: flex-end;
-		right: 1.25rem;
-		top: 1.25rem;
-	}
-
-	.bottom {
-		justify-content: center;
-		left: auto;
-		right: 0;
-		bottom: 1.25rem;
-	}
-	.bottomLeft {
-		justify-content: flex-start;
-		left: 1.25rem;
-		bottom: 1.25rem;
-	}
-	.bottomRight {
-		justify-content: flex-end;
-		right: 1.25rem;
-		bottom: 1.25rem;
-	}
-
-	.topFull {
-		justify-content: center;
-		align-items: center;
-		top: 0;
-		width: 100%;
-	}
-	.bottomFull {
-		justify-content: center;
-		align-items: center;
-		bottom: 0;
-		width: 100%;
-	}
-}
-
-/* 
-				this css style is used when the toast is using full width 
-				"bottomFull" ||"topFull" 
-*/
-.toast_width_full {
-	width: 100vw;
-	padding: 0.325rem 1.5rem;
-}