@entur/datepicker 10.0.11-alpha.0 → 10.0.12-RC.0

package/dist/shared/utils.d.ts

@@ -31,10 +31,10 @@ export declare const ariaLabelIfNorwegian: (norwegianAriaLabel: string, locale:
 export declare const lastMillisecondOfDay: (dateValue: DateValue) => CalendarDateTime;
 export declare const convertValueToType: ({ value, type, timezone, }: {
     value: DateValue | TimeValue | null;
-    type: 'CalendarDate' | 'CalendarDateTime' | 'ZonedDateTime' | 'Time';
-    timezone?: string | undefined;
+    type: "CalendarDate" | "CalendarDateTime" | "ZonedDateTime" | "Time";
+    timezone?: string;
 }) => CalendarDate | ZonedDateTime | CalendarDateTime | Time | null;
 export declare const modulo: (a: number, b: number) => number;
-export declare const focusSegment: (ref: React.RefObject<HTMLDivElement>, segment: 'first' | 'last') => void;
+export declare const focusSegment: (ref: React.RefObject<HTMLDivElement>, segment: "first" | "last") => void;
 /** Based on code from https://stackoverflow.com/questions/6117814/get-week-of-year-in-javascript-like-in-php */
 export declare function getWeekNumberForDate(date: DateValue | null): number;

package/dist/styles.css

@@ -1,5 +1,66 @@
 /* DO NOT CHANGE!*/
 /* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
+.eds-datepicker.eds-datefield:not(.eds-datepicker--disabled) .eds-form-control-wrapper {
+  padding-right: 0rem;
+}
+.eds-datepicker.eds-datefield:not(.eds-datepicker--disabled) .eds-form-control__append {
+  margin-left: auto;
+}
+.eds-datepicker__open-calendar-button {
+  margin: 0rem 0.25rem 0rem 0.5rem;
+}
+.eds-datepicker__open-calendar-button.eds-icon-button {
+  color: var(--components-datepicker-calendar-icon);
+}
+.eds-datepicker__open-calendar-button.eds-icon-button:hover {
+  background-color: var(--components-button-iconbutton-standard-hover);
+}
+.eds-datepicker__open-calendar-button.eds-icon-button:focus {
+  outline: 2px solid #181c56;
+  outline-color: var(--basecolors-stroke-focus-standard);
+  outline-offset: 0.125rem;
+}
+.eds-datepicker__open-calendar-button.eds-icon-button:active {
+  background-color: var(--components-button-iconbutton-standard-active);
+}
+.eds-datepicker__calendar-modal.eds-modal__content {
+  padding: 0;
+  padding: initial;
+  width: inherit;
+  background-color: transparent;
+  background-color: initial;
+}
+/* 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: var(--components-datepicker-datefield-standard-text-content);
+}
+.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: var(--components-button-iconbutton-standard-active);
+  outline: transparent;
+  border-radius: 0.0625rem;
+}
+.eds-date-and-time-field__segment[aria-valuemax="9999"] {
+  min-width: 4ch;
+}
+/* DO NOT CHANGE!*/
+/* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
 .eds-datepicker__calendar,
 .eds-contrast .eds-datepicker__calendar {
   width: -moz-fit-content;
@@ -167,67 +228,6 @@
 }
 /* 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: var(--components-datepicker-datefield-standard-text-content);
-}
-.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: var(--components-button-iconbutton-standard-active);
-  outline: transparent;
-  border-radius: 0.0625rem;
-}
-.eds-date-and-time-field__segment[aria-valuemax="9999"] {
-  min-width: 4ch;
-}
-/* DO NOT CHANGE!*/
-/* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
-.eds-datepicker.eds-datefield:not(.eds-datepicker--disabled) .eds-form-control-wrapper {
-  padding-right: 0rem;
-}
-.eds-datepicker.eds-datefield:not(.eds-datepicker--disabled) .eds-form-control__append {
-  margin-left: auto;
-}
-.eds-datepicker__open-calendar-button {
-  margin: 0rem 0.25rem 0rem 0.5rem;
-}
-.eds-datepicker__open-calendar-button.eds-icon-button {
-  color: var(--components-datepicker-calendar-icon);
-}
-.eds-datepicker__open-calendar-button.eds-icon-button:hover {
-  background-color: var(--components-button-iconbutton-standard-hover);
-}
-.eds-datepicker__open-calendar-button.eds-icon-button:focus {
-  outline: 2px solid #181c56;
-  outline-color: var(--basecolors-stroke-focus-standard);
-  outline-offset: 0.125rem;
-}
-.eds-datepicker__open-calendar-button.eds-icon-button:active {
-  background-color: var(--components-button-iconbutton-standard-active);
-}
-.eds-datepicker__calendar-modal.eds-modal__content {
-  padding: 0;
-  padding: initial;
-  width: inherit;
-  background-color: transparent;
-  background-color: initial;
-}
-/* DO NOT CHANGE!*/
-/* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
 .eds-timepicker {
   width: -moz-fit-content;
   width: fit-content;
@@ -270,8 +270,8 @@
   top: -0.5rem;
 }
 .eds-simple-timepicker {
-  --input-width: 7rem;
   width: var(--input-width);
+  --input-width: 7rem;
 }
 .eds-simple-timepicker--has-tooltip {
   --input-width: 9rem;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@entur/datepicker",
-  "version": "10.0.11-alpha.0",
+  "version": "10.0.12-RC.0",
   "license": "EUPL-1.2",
   "main": "dist/index.js",
   "module": "dist/datepicker.esm.js",
@@ -27,26 +27,29 @@
     "react-dom": ">=16.8.0"
   },
   "dependencies": {
-    "@entur/a11y": "^0.2.94-alpha.0",
-    "@entur/button": "^3.2.37-alpha.0",
-    "@entur/form": "^8.1.8-alpha.0",
-    "@entur/icons": "^7.5.0",
-    "@entur/modal": "^1.7.58-alpha.0",
-    "@entur/tokens": "^3.17.3",
-    "@entur/tooltip": "^5.1.4-alpha.0",
-    "@entur/typography": "^1.8.50-alpha.0",
-    "@entur/utils": "^1.0.0-alpha.0",
+    "@entur/a11y": "^0.2.94-RC.0",
+    "@entur/button": "^3.2.37-RC.0",
+    "@entur/form": "^8.1.9-RC.0",
+    "@entur/icons": "^7.5.1-RC.0",
+    "@entur/modal": "^1.7.58-RC.0",
+    "@entur/tokens": "^3.17.4-RC.0",
+    "@entur/tooltip": "^5.1.5-RC.0",
+    "@entur/typography": "^1.8.50-RC.0",
+    "@entur/utils": "^0.12.2-RC.0",
     "@floating-ui/react-dom": "^2.1.0",
     "@internationalized/date": "^3.4.0",
     "@react-aria/button": "^3.6.4",
-    "@react-aria/calendar": "^3.4.1",
+    "@react-aria/calendar": "^3.6.0",
     "@react-aria/datepicker": "^3.6.0",
     "@react-aria/i18n": "^3.8.1",
-    "@react-stately/calendar": "^3.3.1",
-    "@react-stately/datepicker": "^3.6.0",
-    "@react-types/datepicker": "^3.5.0",
+    "@react-stately/calendar": "^3.6.0",
+    "@react-stately/datepicker": "^3.11.0",
     "classnames": "^2.3.1",
     "react-focus-lock": "^2.9.1"
   },
-  "gitHead": "b653c119e54372ec210ed20aa99ded642f114c69"
+  "devDependencies": {
+    "@react-types/datepicker": "^3.9.0",
+    "dts-cli": "2.0.5"
+  },
+  "gitHead": "d7913682a41ade219cbd4dfc6e45060152c7fa0a"
 }