@bikdotai/bik-component-library 0.0.23-beta-vikram → 0.0.23-tag.2

package/dist/esm/components/datePicker/DatePicker.styled.js

@@ -1,156 +0,0 @@
-import r from"styled-components";import{COLORS as e}from"../../constants/Theme.js";const o=r.div`
-	position: relative;
-	z-index: 99999;
-
-	.react-calendar {
-		background: ${e.text.white};
-		border-width: 1px;
-		border-style: solid;
-		border-color: ${e.text.white};
-		box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.12);
-		border-radius: 4px;
-		color: ${e.text.primary};
-		&--selectRange {
-			.react-calendar {
-				&__year-view {
-					.react-calendar__tile--hover {
-						background-color: unset;
-					}
-				}
-				&__month-view {
-					.react-calendar__tile--hover {
-						background-color: ${e.background.brandLight};
-					}
-				}
-			}
-		}
-		.react-calendar {
-			&__tile {
-				transition: all 0.25s;
-				&:enabled:hover {
-					background-color: ${e.surface.hovered};
-					border-radius: 4px;
-				}
-				&--hasActive:enabled:hover,
-				&--hasActive:enabled:focus {
-					background: ${e.background.brand};
-					color: ${e.text.white};
-				}
-				&.react-calendar__tile {
-					&--range {
-						&:enabled:hover {
-							border-radius: 0;
-						}
-					}
-					&--rangeStart {
-						border-top-right-radius: 0;
-						border-bottom-right-radius: 0;
-						border-top-left-radius: 4px !important;
-						border-bottom-left-radius: 4px !important;
-						background: ${e.background.brand};
-						color: ${e.text.white};
-
-						&:enabled:hover {
-							border-top-right-radius: 0;
-							background: ${e.background.brand};
-							border-color: ${e.background.brand};
-							border-bottom-right-radius: 0;
-						}
-						&.react-calendar__tile--rangeEnd {
-							${r=>(r=>r.selectRange?"\n      border-top-right-radius: 0 !important;\n      border-bottom-right-radius: 0 !important;\n    ":"\n      border-top-right-radius: 4px;\n      border-bottom-right-radius: 4px;\n    ")(r)}
-							border-top-left-radius: 4px;
-							border-bottom-left-radius: 4px;
-							&:enabled:hover {
-								background: ${e.background.brand};
-								border-color: ${e.background.brand};
-								border-top-right-radius: 0;
-								border-bottom-right-radius: 0;
-								border-top-left-radius: 4px !important;
-								border-bottom-left-radius: 4px !important;
-							}
-						}
-					}
-					&--rangeEnd {
-						border-top-left-radius: 0;
-						border-bottom-left-radius: 0;
-						border-top-right-radius: 4px !important;
-						border-bottom-right-radius: 4px !important;
-						background: ${e.background.brand};
-						color: ${e.text.white};
-
-						&:enabled:hover {
-							border-top-left-radius: 0;
-							background: ${e.background.brand};
-							border-color: ${e.background.brand};
-							border-bottom-left-radius: 0;
-						}
-					}
-				}
-			}
-		}
-
-		.react-calendar__tile--active {
-			background: ${e.background.brandLight};
-			color: ${e.text.primary};
-		}
-
-		.react-calendar__tile--now {
-			background: ${e.text.white};
-			border-radius: 4px;
-			border-color: ${e.background.brand};
-			border-style: solid;
-			border-width: 1px;
-		}
-
-		.react-calendar__month-view__weekdays__weekday {
-			font-style: normal;
-			overflow: hidden;
-			font-weight: 600;
-			font-size: 14px;
-			line-height: 20px;
-			color: ${e.text.primary};
-
-			abbr[title] {
-				text-decoration: none !important;
-			}
-		}
-
-		.react-calendar__navigation button:enabled:hover,
-		.react-calendar__navigation button:enabled:focus {
-			background-color: ${e.background.brandLight};
-			border-radius: 4px;
-		}
-
-		.react-calendar__month-view__weekends {
-			color: ${e.text.primary};
-		}
-
-		.react-calendar__month-view__days__day--weekend {
-			color: ${e.text.primary};
-		}
-
-		.react-calendar__month-view__weekdays {
-			background: ${e.surface.subdued};
-		}
-
-		.react-calendar__navigation {
-			display: flex;
-			padding: 12px 20px;
-
-			button {
-				border: 0;
-				background: transparent;
-			}
-
-			.react-calendar__navigation__arrow
-				react-calendar__navigation__prev2-button {
-				font-size: 20px;
-			}
-
-			.react-calendar__navigation__arrow
-				react-calendar__navigation__prev-button {
-				font-size: 20px;
-			}
-		}
-	}
-`;export{o as PickerContainer};