@entur/datepicker 8.1.0-beta.2 → 8.1.0

package/dist/shared/utils.d.ts

@@ -1,30 +1,30 @@
-import { ZonedDateTime, CalendarDateTime, Time, DateValue, CalendarDate } from '@internationalized/date';
-import { TimeValue } from '@react-types/datepicker';
-import { Calendar } from '@internationalized/date';
-/**
- * Tar inn et JS Date-objekt og returnerer et av DateValue-objektene fra @internationalized/date-pakken
- * @param {Date} date JS Date-objekt som ønskes konvertert til et DateValue-objekt
- * @param {boolean} noTimeOnlyDate Hvis tidspunktet er irrelevant kan denne settes til true, da får man et CalendarDate-objekt uten tidspunkt tilbake
- * @param {string} timeZone Tidssonen på IANA-formatet som tidpunktet skal konverteres til. Utelates denne får man et tidspunkt uten tidssone. Kan brukes med og uten en UTC-offset Vær obs på annen oppførsel med offset, les mer på beskrivelsen av offset
- * @param {number} offset UTC-offset i millisekunder, må brukes med en tidssone. Ved å legge på en offset lager du en variant av en tidssone. Det betyr at tidspunktet ikke endres (time, minutt, sekund uendret), men tidssonen, med tilhørende offset, tidspunktet er i endres.
- * @returns {CalendarDateTime | ZonedDateTime | CalendarDate} et av DateValue-objektene med verdier fra date
- */
-export declare const nativeDateToDateValue: (date: Date, noTimeOnlyDate?: boolean, timeZone?: string, offset?: number) => CalendarDateTime | ZonedDateTime | CalendarDate;
-/**
- * Tar inn et JS Date-objekt og returnerer et av TimeValue-objektene fra @internationalized/date-pakken
- * @param {Date} date JS Date-objekt som ønskes konvertert til et TimeValue-objekt
- * @param {boolean} noDateOnlyTime Hvis datoen er irrelevant kan denne settes til true, da får man et Time-objekt uten dato tilbake
- * @param {string} timeZone Tidssonen på IANA-formatet som tidpunktet skal konverteres til. Utelates denne får man et tidspunkt uten tidssone. Kan brukes med og uten en UTC-offset Vær obs på annen oppførsel med offset, les mer på beskrivelsen av offset
- * @param {number} offset UTC-offset i millisekunder, må brukes med en tidssone. Ved å legge på en offset lager du en variant av en tidssone. Det betyr at tidspunktet ikke endres (time, minutt, sekund uendret), men tidssonen, med tilhørende offset, tidspunktet er i endres.
- * @returns {Time | CalendarDateTime | ZonedDateTime} et av TimeValue-objektene med verdier fra date
- */
-export declare const nativeDateToTimeValue: (date: Date, noDateOnlyTime?: boolean, timeZone?: string, offset?: number) => Time | CalendarDateTime | ZonedDateTime;
-/**
- * Tar inn et av Date- eller TimeValue-objektene fra @internationalized/date-pakken og returnerer et JS Date-objekt
- * @param {DateValue | TimeValue} value En dato eller et tidspunkt på Date- eller TimeValue-formatet som ønskes konvertert til et JS Date-objekt
- * @param {string} timeZoneForCalendarDateTime Tidssonen value er i. Fungerer kun med typen er CalendarDateTime
- * @returns {Date} et Date-objekt med verdier fra time
- */
-export declare const timeOrDateValueToNativeDate: (value: TimeValue | DateValue, timeZoneForCalendarDateTime?: string) => Date;
-export declare const createCalendar: (identifier?: string) => Calendar;
-export declare const ariaLabelIfNorwegian: (norwegianAriaLabel: string, locale: string, propsCollection: any) => any;
+import { ZonedDateTime, CalendarDateTime, Time, DateValue, CalendarDate } from '@internationalized/date';
+import { TimeValue } from '@react-types/datepicker';
+import { Calendar } from '@internationalized/date';
+/**
+ * Tar inn et JS Date-objekt og returnerer et av DateValue-objektene fra @internationalized/date-pakken
+ * @param {Date} date JS Date-objekt som ønskes konvertert til et DateValue-objekt
+ * @param {boolean} noTimeOnlyDate Hvis tidspunktet er irrelevant kan denne settes til true, da får man et CalendarDate-objekt uten tidspunkt tilbake
+ * @param {string} timeZone Tidssonen på IANA-formatet som tidpunktet skal konverteres til. Utelates denne får man et tidspunkt uten tidssone. Kan brukes med og uten en UTC-offset Vær obs på annen oppførsel med offset, les mer på beskrivelsen av offset
+ * @param {number} offset UTC-offset i millisekunder, må brukes med en tidssone. Ved å legge på en offset lager du en variant av en tidssone. Det betyr at tidspunktet ikke endres (time, minutt, sekund uendret), men tidssonen, med tilhørende offset, tidspunktet er i endres.
+ * @returns {CalendarDateTime | ZonedDateTime | CalendarDate} et av DateValue-objektene med verdier fra date
+ */
+export declare const nativeDateToDateValue: (date: Date, noTimeOnlyDate?: boolean, timeZone?: string, offset?: number) => CalendarDateTime | ZonedDateTime | CalendarDate;
+/**
+ * Tar inn et JS Date-objekt og returnerer et av TimeValue-objektene fra @internationalized/date-pakken
+ * @param {Date} date JS Date-objekt som ønskes konvertert til et TimeValue-objekt
+ * @param {boolean} noDateOnlyTime Hvis datoen er irrelevant kan denne settes til true, da får man et Time-objekt uten dato tilbake
+ * @param {string} timeZone Tidssonen på IANA-formatet som tidpunktet skal konverteres til. Utelates denne får man et tidspunkt uten tidssone. Kan brukes med og uten en UTC-offset Vær obs på annen oppførsel med offset, les mer på beskrivelsen av offset
+ * @param {number} offset UTC-offset i millisekunder, må brukes med en tidssone. Ved å legge på en offset lager du en variant av en tidssone. Det betyr at tidspunktet ikke endres (time, minutt, sekund uendret), men tidssonen, med tilhørende offset, tidspunktet er i endres.
+ * @returns {Time | CalendarDateTime | ZonedDateTime} et av TimeValue-objektene med verdier fra date
+ */
+export declare const nativeDateToTimeValue: (date: Date, noDateOnlyTime?: boolean, timeZone?: string, offset?: number) => Time | CalendarDateTime | ZonedDateTime;
+/**
+ * Tar inn et av Date- eller TimeValue-objektene fra @internationalized/date-pakken og returnerer et JS Date-objekt
+ * @param {DateValue | TimeValue} value En dato eller et tidspunkt på Date- eller TimeValue-formatet som ønskes konvertert til et JS Date-objekt
+ * @param {string} timeZoneForCalendarDateTime Tidssonen value er i. Fungerer kun med typen er CalendarDateTime
+ * @returns {Date} et Date-objekt med verdier fra time
+ */
+export declare const timeOrDateValueToNativeDate: (value: TimeValue | DateValue, timeZoneForCalendarDateTime?: string) => Date;
+export declare const createCalendar: (identifier?: string) => Calendar;
+export declare const ariaLabelIfNorwegian: (norwegianAriaLabel: string, locale: string, propsCollection: any) => any;

package/dist/styles.css

@@ -1,135 +1,3 @@
-:root {
-  --eds-datepicker: 1;
-}
-/* DO NOT CHANGE!*/
-/* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
-.eds-datepicker {
-  position: relative;
-  width: -moz-fit-content;
-  width: fit-content;
-}
-.eds-datepicker__open-calendar-button {
-  position: absolute;
-  right: 0.5rem;
-  top: 0.45rem;
-}
-.eds-datepicker__open-calendar-button.eds-icon-button {
-  color: #181c56;
-}
-.eds-datepicker__open-calendar-button.eds-icon-button:hover {
-  background-color: #656782;
-  color: #ffffff;
-}
-.eds-datepicker__open-calendar-button.eds-icon-button:focus {
-  border: 0.0625rem solid #181c56;
-}
-.eds-datepicker__open-calendar-button.eds-icon-button:active {
-  background-color: #8285a8;
-}
-.eds-datepicker__datefield {
-  padding-right: 4rem;
-}
-.eds-datepicker__datefield--disabled {
-  padding-right: 1rem;
-}
-.eds-datepicker__datefield__wrapper {
-  position: relative;
-}
-.eds-datepicker__calendar-modal.eds-modal__content {
-  padding: 0;
-  padding: initial;
-  width: inherit;
-  background-color: transparent;
-  background-color: initial;
-  overflow: scroll;
-}
-/* DO NOT CHANGE!*/
-/* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
-.eds-datefield div:first-of-type.eds-date-and-time-field__segment {
-  margin-left: 1rem;
-}
-.eds-datefield.eds-form-control-wrapper--disabled[focus-within] {
-  border-color: transparent;
-  box-shadow: none;
-}
-.eds-datefield.eds-form-control-wrapper--disabled:focus-within {
-  border-color: transparent;
-  box-shadow: none;
-}
-.eds-datefield.eds-form-control-wrapper--disabled .eds-date-and-time-field__segment:focus {
-  background: none;
-}
-.eds-datefield .eds-form-control__append--tooltip {
-  margin-top: 0.75rem;
-  margin-right: -0.25rem;
-}
-/* DO NOT CHANGE!*/
-/* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
-.eds-timepicker__wrapper {
-  position: relative;
-  display: flex;
-  align-items: center;
-  width: -moz-fit-content;
-  width: fit-content;
-}
-.eds-timepicker__wrapper .eds-timepicker {
-  justify-content: center;
-  padding: 0rem 3rem;
-}
-.eds-timepicker__wrapper .eds-timepicker .eds-input-group__label,
-.eds-timepicker__wrapper .eds-timepicker .eds-input-group__label--filled {
-  margin-left: 0rem !important;
-}
-.eds-timepicker__wrapper .eds-timepicker__arrowbutton {
-  color: #181c56;
-}
-.eds-timepicker__wrapper .eds-timepicker__arrowbutton--left {
-  position: absolute;
-  left: 0.35rem;
-  z-index: 1;
-}
-.eds-timepicker__wrapper .eds-timepicker__arrowbutton--right {
-  position: absolute;
-  right: 0.4rem;
-}
-.eds-timepicker__wrapper .eds-timepicker__arrowbutton--disabled {
-  opacity: 0.5;
-  pointer-events: none;
-  visibility: hidden;
-}
-.eds-timepicker__wrapper .eds-timepicker__arrowbutton:hover {
-  background-color: #d1d4e3;
-}
-.eds-timepicker__wrapper .eds-timepicker .eds-form-control__append--tooltip {
-  margin-top: 0.75rem;
-  margin-right: -0.25rem;
-}
-.eds-timepicker__wrapper .eds-icon-button--disabled__wrapper {
-  display: none;
-}
-.eds-timepicker__wrapper .eds-feedback-text {
-  position: absolute;
-  top: 3.5rem;
-}
-/* DO NOT CHANGE!*/
-/* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
-.eds-simple-timepicker {
-  --input-width: 7rem;
-  width: var(--input-width);
-}
-.eds-simple-timepicker--hide-clock {
-  --input-width: 5rem;
-}
-.eds-simple-timepicker--show-seconds {
-  --input-width: 8.5rem;
-}
-.eds-simple-timepicker--show-seconds.eds-simple-timepicker--hide-clock {
-  --input-width: 6.5rem;
-}
-.eds-simple-timepicker .eds-form-control__append--tooltip {
-  margin-top: -0.2rem;
-  margin-left: -0.5rem;
-}
 /* DO NOT CHANGE!*/
 /* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
 .eds-datepicker__calendar,
@@ -257,11 +125,65 @@
 .eds-contrast .eds-datepicker__calendar__grid__cell--today {
   border-bottom: 2px solid #ff5959;
 }
+.eds-datefield div:first-of-type.eds-date-and-time-field__segment {
+  margin-left: 1rem;
+}
+.eds-datefield.eds-form-control-wrapper--disabled[focus-within] {
+  border-color: transparent;
+  box-shadow: none;
+}
+.eds-datefield.eds-form-control-wrapper--disabled:focus-within {
+  border-color: transparent;
+  box-shadow: none;
+}
+.eds-datefield.eds-form-control-wrapper--disabled .eds-date-and-time-field__segment:focus {
+  background: none;
+}
+.eds-datefield .eds-form-control__append--tooltip {
+  margin-top: 0.75rem;
+  margin-right: -0.25rem;
+}
 /* DO NOT CHANGE!*/
 /* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
-.eds-native-timepicker input[type=time]::-webkit-calendar-picker-indicator {
+.eds-datepicker {
   position: relative;
-  top: -0.5rem;
+  width: -moz-fit-content;
+  width: fit-content;
+}
+.eds-datepicker__open-calendar-button {
+  position: absolute;
+  right: 0.5rem;
+  top: 0.45rem;
+}
+.eds-datepicker__open-calendar-button.eds-icon-button {
+  color: #181c56;
+}
+.eds-datepicker__open-calendar-button.eds-icon-button:hover {
+  background-color: #656782;
+  color: #ffffff;
+}
+.eds-datepicker__open-calendar-button.eds-icon-button:focus {
+  border: 0.0625rem solid #181c56;
+}
+.eds-datepicker__open-calendar-button.eds-icon-button:active {
+  background-color: #8285a8;
+}
+.eds-datepicker__datefield {
+  padding-right: 4rem;
+}
+.eds-datepicker__datefield--disabled {
+  padding-right: 1rem;
+}
+.eds-datepicker__datefield__wrapper {
+  position: relative;
+}
+.eds-datepicker__calendar-modal.eds-modal__content {
+  padding: 0;
+  padding: initial;
+  width: inherit;
+  background-color: transparent;
+  background-color: initial;
+  overflow: scroll;
 }
 /* DO NOT CHANGE!*/
 /* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
@@ -290,3 +212,75 @@
   outline: none;
   border-radius: 0.0625rem;
 }
+/* DO NOT CHANGE!*/
+/* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
+.eds-timepicker__wrapper {
+  position: relative;
+  display: flex;
+  align-items: center;
+  width: -moz-fit-content;
+  width: fit-content;
+}
+.eds-timepicker__wrapper .eds-timepicker {
+  justify-content: center;
+  padding: 0rem 3rem;
+}
+.eds-timepicker__wrapper .eds-timepicker .eds-input-group__label,
+.eds-timepicker__wrapper .eds-timepicker .eds-input-group__label--filled {
+  margin-left: 0rem !important;
+}
+.eds-timepicker__wrapper .eds-timepicker__arrowbutton {
+  color: #181c56;
+}
+.eds-timepicker__wrapper .eds-timepicker__arrowbutton--left {
+  position: absolute;
+  left: 0.35rem;
+  z-index: 1;
+}
+.eds-timepicker__wrapper .eds-timepicker__arrowbutton--right {
+  position: absolute;
+  right: 0.4rem;
+}
+.eds-timepicker__wrapper .eds-timepicker__arrowbutton--disabled {
+  opacity: 0.5;
+  pointer-events: none;
+  visibility: hidden;
+}
+.eds-timepicker__wrapper .eds-timepicker__arrowbutton:hover {
+  background-color: #d1d4e3;
+}
+.eds-timepicker__wrapper .eds-timepicker .eds-form-control__append--tooltip {
+  margin-top: 0.75rem;
+  margin-right: -0.25rem;
+}
+.eds-timepicker__wrapper .eds-icon-button--disabled__wrapper {
+  display: none;
+}
+.eds-timepicker__wrapper .eds-feedback-text {
+  position: absolute;
+  top: 3.5rem;
+}
+.eds-native-timepicker input[type=time]::-webkit-calendar-picker-indicator {
+  position: relative;
+  top: -0.5rem;
+}
+:root {
+  --eds-datepicker: 1;
+}
+.eds-simple-timepicker {
+  --input-width: 7rem;
+  width: var(--input-width);
+}
+.eds-simple-timepicker--hide-clock {
+  --input-width: 5rem;
+}
+.eds-simple-timepicker--show-seconds {
+  --input-width: 8.5rem;
+}
+.eds-simple-timepicker--show-seconds.eds-simple-timepicker--hide-clock {
+  --input-width: 6.5rem;
+}
+.eds-simple-timepicker .eds-form-control__append--tooltip {
+  margin-top: -0.2rem;
+  margin-left: -0.5rem;
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@entur/datepicker",
-  "version": "8.1.0-beta.2",
+  "version": "8.1.0",
   "license": "EUPL-1.2",
   "main": "dist/index.js",
   "module": "dist/datepicker.esm.js",
@@ -27,15 +27,15 @@
     "react-dom": ">=16.8.0"
   },
   "dependencies": {
-    "@entur/a11y": "^0.2.68",
-    "@entur/button": "^3.1.0",
-    "@entur/form": "^7.0.15",
-    "@entur/icons": "^6.4.2",
-    "@entur/modal": "^1.7.9",
+    "@entur/a11y": "^0.2.70",
+    "@entur/button": "^3.1.4",
+    "@entur/form": "^7.0.20",
+    "@entur/icons": "^6.8.0",
+    "@entur/modal": "^1.7.13",
     "@entur/tokens": "^3.10.0",
-    "@entur/tooltip": "^2.6.25",
-    "@entur/typography": "^1.8.6",
-    "@entur/utils": "^0.9.3",
+    "@entur/tooltip": "^2.6.29",
+    "@entur/typography": "^1.8.10",
+    "@entur/utils": "^0.9.5",
     "@floating-ui/react-dom": "^1.0.0",
     "@internationalized/date": "^3.4.0",
     "@react-aria/button": "^3.6.4",
@@ -52,5 +52,5 @@
     "node": "16.17.0",
     "yarn": "1.22.19"
   },
-  "gitHead": "dea21e8f8ae21e2652f9265a8f6ff367502ea2c2"
+  "gitHead": "fc2d2bb1966935c2eb86b0ebd2e1ce6239f82404"
 }