@zuii/calendar 0.1.1

package/dist/style/calendar.css

@@ -0,0 +1,154 @@
+.calendar {
+  --calendar-light: var(--white);
+  --calendar-bg: var(--calendar-light);
+  --calendar-bg-hover: var(--accent);
+  --calendar-header-bg: var(--primary);
+  --calendar-header-text: var(--calendar-light);
+  --calendar-border: transparent;
+  --calendar-text: var(--primary);
+  --calendar-text-hover: var(--calendar-light);
+  --calendar-selected-bg: var(--accent);
+  --calendar-selected-text: var(--calendar-light);
+  --calendar-disabled-text: color-mix(in srgb, var(--calendar-text), transparent 25%);
+  --calendar-available-border: var(--accent);
+  --calendar-font-size: 1.2rem;
+  --calendar-radius: var(--radius-base);
+  font-family: var(--calendar-font);
+  width: 100%;
+  background: var(--calendar-bg);
+  user-select: none;
+}
+
+.calendar__body {
+  padding: 1rem 1.5rem;
+}
+
+.calendar__header {
+  background: var(--calendar-header-bg);
+  color: var(--calendar-header-text);
+  padding: 10px;
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+}
+
+.calendar__header--month {
+  flex: 1;
+  text-align: center;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  width: 90px;
+  font-size: var(--calendar-font-size);
+}
+
+.calendar__header--year-wrapper .choices {
+  margin-bottom: 0;
+}
+.calendar__header--year-wrapper .choices::after {
+  border-color: #fff transparent transparent transparent;
+}
+.calendar__header--year-wrapper .choices__inner {
+  border: none;
+  font-size: var(--calendar-font-size);
+  border-radius: 4px;
+  min-height: auto;
+  padding-top: 5px;
+  padding-bottom: 5px;
+}
+.calendar__header--year-wrapper .choices__list--dropdown {
+  color: var(--calendar-text);
+}
+
+.calendar__header--year {
+  font-weight: 400;
+  margin-left: 8px;
+  opacity: 0.8;
+}
+
+.calendar__header-btn {
+  background: none;
+  border: none;
+  color: inherit;
+  cursor: pointer;
+  padding: 8px;
+  display: flex;
+  align-items: center;
+  transition: all 0.2s;
+  border-radius: 50%;
+}
+.calendar__header-btn:hover {
+  background: rgba(255, 255, 255, 0.1);
+}
+.calendar__header-btn svg {
+  width: 24px;
+  height: 24px;
+}
+
+.calendar__weekdays {
+  display: grid;
+  grid-template-columns: repeat(7, 1fr);
+  text-align: center;
+  padding-bottom: 15px;
+  color: #b0b0b0;
+  font-size: 16px;
+}
+
+.calendar__days {
+  display: grid;
+  grid-template-columns: repeat(7, 1fr);
+  gap: 8px;
+}
+
+.calendar__day {
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  cursor: pointer;
+  border-radius: var(--calendar-radius);
+  color: var(--calendar-text);
+  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
+  border: 1px solid transparent;
+  position: relative;
+  padding: 0.3rem;
+}
+.calendar__day:hover:not(.calendar__day--disabled):not(.calendar__day--selected) {
+  background: var(--calendar-bg-hover);
+  color: var(--calendar-text-hover);
+  transform: translateY(-2px);
+}
+
+.calendar__day--available {
+  border: 1px solid var(--calendar-available-border);
+}
+
+.calendar__day--selected {
+  background: var(--calendar-selected-bg);
+  color: var(--calendar-selected-text);
+  border-color: var(--calendar-selected-bg);
+  box-shadow: 0 4px 10px rgba(76, 175, 80, 0.3);
+  transform: scale(1.05);
+  z-index: 2;
+}
+
+.calendar__day--range {
+  background: color-mix(in srgb, var(--calendar-selected-bg), transparent 85%);
+  color: var(--calendar-selected-bg);
+  border-radius: 0;
+}
+
+.calendar__day--disabled {
+  cursor: default;
+  pointer-events: none;
+  opacity: 0.3;
+}
+
+.calendar__day--past {
+  color: var(--calendar-disabled-text);
+  text-decoration: line-through;
+  opacity: 0.5;
+  pointer-events: none;
+  cursor: default;
+}
+
+/*# sourceMappingURL=calendar.css.map */

package/dist/style/calendar.css.map

@@ -0,0 +1 @@
+{"version":3,"sourceRoot":"","sources":["../../src/style/_calendar.scss","../../src/style/_calendar-header.scss","../../src/style/_calendar-weekdays.scss","../../src/style/_calendar-days.scss","../../src/style/_calendar-day.scss"],"names":[],"mappings":"AAAA;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;;;AAGD;EACC;;;ACvBD;EACC;EACA;EACA;EACA;EACA;EACA;;;AAGD;EACC;EACA;EACA;EACA;EACA;EACA;EACA;;;AAIA;EACC;;AAEA;EACC;;AAIF;EACC;EACA;EACA;EACA;EACA;EACA;;AAGD;EACC;;;AAIF;EACC;EACA;EACA;;;AAGD;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACC;;AAGD;EACC;EACA;;;ACjEF;EACC;EACA;EACA;EACA;EACA;EACA;;;ACND;EACC;EACA;EACA;;;ACHD;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACC;EACA;EACA;;;AAIF;EACC;;;AAGD;EACC;EACA;EACA;EACA;EACA;EACA;;;AAGD;EACC;EACA;EACA;;;AAGD;EACC;EACA;EACA;;;AAGD;EACC;EACA;EACA;EACA;EACA","file":"calendar.css"}

package/dist/style/calendar.min.css

@@ -0,0 +1 @@
+.calendar{--calendar-light: var(--white);--calendar-bg: var(--calendar-light);--calendar-bg-hover: var(--accent);--calendar-header-bg: var(--primary);--calendar-header-text: var(--calendar-light);--calendar-border: transparent;--calendar-text: var(--primary);--calendar-text-hover: var(--calendar-light);--calendar-selected-bg: var(--accent);--calendar-selected-text: var(--calendar-light);--calendar-disabled-text: color-mix(in srgb, var(--calendar-text), transparent 25%);--calendar-available-border: var(--accent);--calendar-font-size: 1.2rem;--calendar-radius: var(--radius-base);font-family:var(--calendar-font);width:100%;background:var(--calendar-bg);user-select:none}.calendar__body{padding:1rem 1.5rem}.calendar__header{background:var(--calendar-header-bg);color:var(--calendar-header-text);padding:10px;display:flex;justify-content:space-between;align-items:center}.calendar__header--month{flex:1;text-align:center;display:flex;justify-content:center;align-items:center;width:90px;font-size:var(--calendar-font-size)}.calendar__header--year-wrapper .choices{margin-bottom:0}.calendar__header--year-wrapper .choices::after{border-color:#fff rgba(0,0,0,0) rgba(0,0,0,0) rgba(0,0,0,0)}.calendar__header--year-wrapper .choices__inner{border:none;font-size:var(--calendar-font-size);border-radius:4px;min-height:auto;padding-top:5px;padding-bottom:5px}.calendar__header--year-wrapper .choices__list--dropdown{color:var(--calendar-text)}.calendar__header--year{font-weight:400;margin-left:8px;opacity:.8}.calendar__header-btn{background:none;border:none;color:inherit;cursor:pointer;padding:8px;display:flex;align-items:center;transition:all .2s;border-radius:50%}.calendar__header-btn:hover{background:hsla(0,0%,100%,.1)}.calendar__header-btn svg{width:24px;height:24px}.calendar__weekdays{display:grid;grid-template-columns:repeat(7, 1fr);text-align:center;padding-bottom:15px;color:#b0b0b0;font-size:16px}.calendar__days{display:grid;grid-template-columns:repeat(7, 1fr);gap:8px}.calendar__day{display:flex;justify-content:center;align-items:center;cursor:pointer;border-radius:var(--calendar-radius);color:var(--calendar-text);transition:all .3s cubic-bezier(0.4, 0, 0.2, 1);border:1px solid rgba(0,0,0,0);position:relative;padding:.3rem}.calendar__day:hover:not(.calendar__day--disabled):not(.calendar__day--selected){background:var(--calendar-bg-hover);color:var(--calendar-text-hover);transform:translateY(-2px)}.calendar__day--available{border:1px solid var(--calendar-available-border)}.calendar__day--selected{background:var(--calendar-selected-bg);color:var(--calendar-selected-text);border-color:var(--calendar-selected-bg);box-shadow:0 4px 10px rgba(76,175,80,.3);transform:scale(1.05);z-index:2}.calendar__day--range{background:color-mix(in srgb, var(--calendar-selected-bg), transparent 85%);color:var(--calendar-selected-bg);border-radius:0}.calendar__day--disabled{cursor:default;pointer-events:none;opacity:.3}.calendar__day--past{color:var(--calendar-disabled-text);text-decoration:line-through;opacity:.5;pointer-events:none;cursor:default}/*# sourceMappingURL=calendar.min.css.map */

package/dist/style/calendar.min.css.map

@@ -0,0 +1 @@
+{"version":3,"sourceRoot":"","sources":["../../src/style/_calendar.scss","../../src/style/_calendar-header.scss","../../src/style/_calendar-weekdays.scss","../../src/style/_calendar-days.scss","../../src/style/_calendar-day.scss"],"names":[],"mappings":"AAAA,UACC,+BACA,qCACA,mCACA,qCACA,8CACA,+BACA,gCACA,6CACA,sCACA,gDACA,oFACA,2CACA,6BACA,sCAEA,iCACA,WACA,8BACA,iBAGD,gBACC,oBCvBD,kBACC,qCACA,kCACA,aACA,aACA,8BACA,mBAGD,yBACC,OACA,kBACA,aACA,uBACA,mBACA,WACA,oCAIA,yCACC,gBAEA,gDACC,4DAIF,gDACC,YACA,oCACA,kBACA,gBACA,gBACA,mBAGD,yDACC,2BAIF,wBACC,gBACA,gBACA,WAGD,sBACC,gBACA,YACA,cACA,eACA,YACA,aACA,mBACA,mBACA,kBAEA,4BACC,8BAGD,0BACC,WACA,YCjEF,oBACC,aACA,qCACA,kBACA,oBACA,cACA,eCND,gBACC,aACA,qCACA,QCHD,eACC,aACA,uBACA,mBACA,eACA,qCACA,2BACA,gDACA,+BACA,kBACA,cAEA,iFACC,oCACA,iCACA,2BAIF,0BACC,kDAGD,yBACC,uCACA,oCACA,yCACA,yCACA,sBACA,UAGD,sBACC,4EACA,kCACA,gBAGD,yBACC,eACA,oBACA,WAGD,qBACC,oCACA,6BACA,WACA,oBACA","file":"calendar.min.css"}