@entur/datepicker 8.1.0-beta.1 → 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,26 +1,3 @@
-:root {
-  --eds-datepicker: 1;
-}
-/* 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-datepicker__calendar,
@@ -148,6 +125,24 @@
 .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-datepicker {
@@ -192,6 +187,33 @@
 }
 /* DO NOT CHANGE!*/
 /* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
+[dir="ltr"] .eds-date-and-time-field__segment {
+  text-align: right;
+}
+[dir="rtl"] .eds-date-and-time-field__segment {
+  text-align: left;
+}
+.eds-date-and-time-field__segment {
+  margin-top: 1rem;
+  padding: 0 2px;
+  font-feature-settings: "tnum";
+  font-variant-numeric: tabular-nums;
+}
+.eds-date-and-time-field__segment--placeholder {
+  color: #646464;
+}
+.eds-date-and-time-field__segment--dot-separator {
+  margin-left: -0.1rem;
+  margin-right: -0.2rem;
+}
+.eds-date-and-time-field__segment:focus {
+  background-color: #656782;
+  color: #ffffff;
+  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;
@@ -238,87 +260,27 @@
   position: absolute;
   top: 3.5rem;
 }
-/* DO NOT CHANGE!*/
-/* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
-.eds-simple-timepicker {
-  --padding-sides: 1rem;
-  --input-width: 4.75rem;
-  width: -moz-fit-content;
-  width: fit-content;
-}
-.eds-simple-timepicker--show-seconds {
-  --input-width: 6.5rem;
-}
-.eds-simple-timepicker--padding-large {
-  --padding-sides: 1.5rem;
-  --input-width: 6rem;
-}
-.eds-simple-timepicker--padding-large.eds-simple-timepicker--show-seconds {
-  --input-width: 7.25rem;
-}
-.eds-simple-timepicker .eds-form-control {
-  width: var(--input-width);
-  padding-left: var(--padding-sides);
-  padding-right: var(--padding-sides);
-}
-.eds-simple-timepicker .eds-input-group__label,
-.eds-simple-timepicker .eds-input-group-label-wrapper--filled .eds-input-group__label--filled {
-  margin-left: var(--padding-sides);
-  width: var(--input-width);
-}
-.eds-simple-timepicker .eds-form-control__append {
-  margin-top: 0.75rem;
-  margin-right: 0.5rem;
-  margin-left: -0.75rem;
-}
-.eds-simple-timepicker .eds-form-control__append--tooltip {
-  margin-top: 1rem;
-  margin-right: 0.25rem;
-  margin-left: -1rem;
-}
-.eds-simple-timepicker--show-seconds .eds-form-control__append {
-  margin-left: -1rem;
-}
-.eds-simple-timepicker--show-seconds .eds-form-control__append--tooltip {
-  margin-left: -1.25rem;
-}
-.eds-simple-timepicker--show-seconds .eds-form-control__append + .eds-form-control__append--tooltip {
-  margin-left: -0.5rem;
-}
-.eds-simple-timepicker .eds-feedback-text {
-  position: absolute;
-  top: 3.5rem;
-}
-/* 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 {
   position: relative;
   top: -0.5rem;
 }
-/* DO NOT CHANGE!*/
-/* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
-[dir="ltr"] .eds-date-and-time-field__segment {
-  text-align: right;
+:root {
+  --eds-datepicker: 1;
 }
-[dir="rtl"] .eds-date-and-time-field__segment {
-  text-align: left;
+.eds-simple-timepicker {
+  --input-width: 7rem;
+  width: var(--input-width);
 }
-.eds-date-and-time-field__segment {
-  margin-top: 1rem;
-  padding: 0 2px;
-  font-feature-settings: "tnum";
-  font-variant-numeric: tabular-nums;
+.eds-simple-timepicker--hide-clock {
+  --input-width: 5rem;
 }
-.eds-date-and-time-field__segment--placeholder {
-  color: #646464;
+.eds-simple-timepicker--show-seconds {
+  --input-width: 8.5rem;
 }
-.eds-date-and-time-field__segment--dot-separator {
-  margin-left: -0.1rem;
-  margin-right: -0.2rem;
+.eds-simple-timepicker--show-seconds.eds-simple-timepicker--hide-clock {
+  --input-width: 6.5rem;
 }
-.eds-date-and-time-field__segment:focus {
-  background-color: #656782;
-  color: #ffffff;
-  outline: none;
-  border-radius: 0.0625rem;
+.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.1",
+  "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": "d5705073173e3146654d8e33bcc7c53bfefb052d"
+  "gitHead": "fc2d2bb1966935c2eb86b0ebd2e1ce6239f82404"
 }