@norges-domstoler/dds-components 0.0.0-dev-20240228125953 → 0.0.0-dev-20240229115738

package/dist/index.d.mts

@@ -1711,29 +1711,41 @@ type DateFieldProps<T extends DateValue$1 = CalendarDate> = AriaDateFieldOptions
 } & Pick<InputProps, 'componentSize' | 'errorMessage' | 'tip' | 'disabled' | 'style'>;
 
 interface DatePickerProps extends Omit<AriaDatePickerProps<CalendarDate>, 'granularity'>, Pick<DateFieldProps<CalendarDate>, 'componentSize' | 'tip' | 'style'> {
+    /**
+     * Ledetekst.
+     */
     label?: string;
+    /**
+     * Feilmelding.
+     */
     errorMessage?: string;
     /**
-     * For å sette en egendefinert bredde på komponenten.
+     * Egendefinert bredde på komponenten.
      */
     width?: CSS.Properties['width'];
 }
 declare const DatePicker: react.ForwardRefExoticComponent<DatePickerProps & react.RefAttributes<HTMLElement>>;
 
 type TimePickerProps = Omit<AriaTimeFieldProps<Time>, 'hideTimeZone'> & {
+    /**
+     * Navn på egne klasser.
+     */
     className?: string;
     /**
-     * For å sette en egendefinert bredde på komponenten.
+     * Egendefinert bredde på komponenten.
      */
     width?: CSS.Properties['width'];
-} & Pick<InputProps, 'componentSize' | 'errorMessage' | 'tip' | 'disabled' | 'style'>;
+} & Pick<InputProps, 'componentSize' | 'errorMessage' | 'tip' | 'style'>;
 declare const TimePicker: react.ForwardRefExoticComponent<Omit<AriaTimeFieldProps<Time>, "hideTimeZone"> & {
+    /**
+     * Navn på egne klasser.
+     */
     className?: string | undefined;
     /**
-     * For å sette en egendefinert bredde på komponenten.
+     * Egendefinert bredde på komponenten.
      */
     width?: CSS.Properties['width'];
-} & Pick<InputProps, "style" | "disabled" | "tip" | "errorMessage" | "componentSize"> & react.RefAttributes<HTMLDivElement>>;
+} & Pick<InputProps, "style" | "tip" | "errorMessage" | "componentSize"> & react.RefAttributes<HTMLDivElement>>;
 
 declare function nativeDateToDateValue(date: Date, timeZone?: string | undefined): DateValue$1;
 declare function dateValueToNativeDate(date: DateValue$1, timeZone?: string | undefined): Date;

package/dist/index.d.ts

@@ -1711,29 +1711,41 @@ type DateFieldProps<T extends DateValue$1 = CalendarDate> = AriaDateFieldOptions
 } & Pick<InputProps, 'componentSize' | 'errorMessage' | 'tip' | 'disabled' | 'style'>;
 
 interface DatePickerProps extends Omit<AriaDatePickerProps<CalendarDate>, 'granularity'>, Pick<DateFieldProps<CalendarDate>, 'componentSize' | 'tip' | 'style'> {
+    /**
+     * Ledetekst.
+     */
     label?: string;
+    /**
+     * Feilmelding.
+     */
     errorMessage?: string;
     /**
-     * For å sette en egendefinert bredde på komponenten.
+     * Egendefinert bredde på komponenten.
      */
     width?: CSS.Properties['width'];
 }
 declare const DatePicker: react.ForwardRefExoticComponent<DatePickerProps & react.RefAttributes<HTMLElement>>;
 
 type TimePickerProps = Omit<AriaTimeFieldProps<Time>, 'hideTimeZone'> & {
+    /**
+     * Navn på egne klasser.
+     */
     className?: string;
     /**
-     * For å sette en egendefinert bredde på komponenten.
+     * Egendefinert bredde på komponenten.
      */
     width?: CSS.Properties['width'];
-} & Pick<InputProps, 'componentSize' | 'errorMessage' | 'tip' | 'disabled' | 'style'>;
+} & Pick<InputProps, 'componentSize' | 'errorMessage' | 'tip' | 'style'>;
 declare const TimePicker: react.ForwardRefExoticComponent<Omit<AriaTimeFieldProps<Time>, "hideTimeZone"> & {
+    /**
+     * Navn på egne klasser.
+     */
     className?: string | undefined;
     /**
-     * For å sette en egendefinert bredde på komponenten.
+     * Egendefinert bredde på komponenten.
      */
     width?: CSS.Properties['width'];
-} & Pick<InputProps, "style" | "disabled" | "tip" | "errorMessage" | "componentSize"> & react.RefAttributes<HTMLDivElement>>;
+} & Pick<InputProps, "style" | "tip" | "errorMessage" | "componentSize"> & react.RefAttributes<HTMLDivElement>>;
 
 declare function nativeDateToDateValue(date: Date, timeZone?: string | undefined): DateValue$1;
 declare function dateValueToNativeDate(date: DateValue$1, timeZone?: string | undefined): Date;

package/dist/index.js

@@ -6231,6 +6231,9 @@ var Month = (0, import_styled_components35.default)(Heading).attrs({
 })`
   text-transform: capitalize;
 `;
+var StyledButton = (0, import_styled_components35.default)(Button)`
+  user-select: none;
+`;
 function createCalendar(identifier) {
   switch (identifier) {
     case "gregory":
@@ -6254,7 +6257,7 @@ function Calendar(props) {
   return /* @__PURE__ */ (0, import_jsx_runtime194.jsxs)(CalendarContainer, { ...calendarProps, children: [
     /* @__PURE__ */ (0, import_jsx_runtime194.jsxs)(CalendarHeader, { children: [
       /* @__PURE__ */ (0, import_jsx_runtime194.jsx)(
-        Button,
+        StyledButton,
         {
           type: "button",
           "aria-label": prevAriaLabel,
@@ -6267,7 +6270,7 @@ function Calendar(props) {
       ),
       /* @__PURE__ */ (0, import_jsx_runtime194.jsx)(Month, { children: title3 }),
       /* @__PURE__ */ (0, import_jsx_runtime194.jsx)(
-        Button,
+        StyledButton,
         {
           type: "button",
           "aria-label": nextAriaLabel,
@@ -6457,7 +6460,7 @@ var datePickerTokens = {
 
 // src/components/date-inputs/DatePicker/DateField/CalendarButton.tsx
 var import_jsx_runtime196 = require("react/jsx-runtime");
-var StyledButton = import_styled_components37.default.button`
+var StyledButton2 = import_styled_components37.default.button`
   ${normalizeButton}
   display: flex;
   align-items: center;
@@ -6503,7 +6506,7 @@ function CalendarButton({
   const ref = (0, import_react40.useRef)(null);
   const { buttonProps } = (0, import_button.useButton)(props, ref);
   return /* @__PURE__ */ (0, import_jsx_runtime196.jsx)(
-    StyledButton,
+    StyledButton2,
     {
       ...buttonProps,
       ref,
@@ -7164,7 +7167,7 @@ var ContentContainer = import_styled_components45.default.div`
   padding: ${contentContainer2.padding};
 `;
 var HeaderContainer2 = import_styled_components45.default.div``;
-var StyledButton2 = (0, import_styled_components45.default)(Button)`
+var StyledButton3 = (0, import_styled_components45.default)(Button)`
   align-self: flex-end;
 `;
 var Drawer = (0, import_react51.forwardRef)((props, ref) => {
@@ -7226,7 +7229,7 @@ var Drawer = (0, import_react51.forwardRef)((props, ref) => {
         children
       ] }) }),
       /* @__PURE__ */ (0, import_jsx_runtime206.jsx)(
-        StyledButton2,
+        StyledButton3,
         {
           "data-testid": "drawer-close-btn",
           size: "small",
@@ -9960,7 +9963,7 @@ var ContentContainer3 = import_styled_components67.default.div`
   gap: ${contentContainer6.gap};
 `;
 var HeaderContainer3 = import_styled_components67.default.div``;
-var StyledButton3 = (0, import_styled_components67.default)(Button)`
+var StyledButton4 = (0, import_styled_components67.default)(Button)`
   align-self: flex-end;
 `;
 var Modal = (0, import_react74.forwardRef)((props, ref) => {
@@ -10019,7 +10022,7 @@ var Modal = (0, import_react74.forwardRef)((props, ref) => {
             children
           ] }),
           onClose && /* @__PURE__ */ (0, import_jsx_runtime234.jsx)(
-            StyledButton3,
+            StyledButton4,
             {
               size: "small",
               appearance: "borderless",
@@ -10979,7 +10982,7 @@ var ContentContainer4 = import_styled_components72.default.div`
       margin-top: ${content6.noTitle.marginTop};
     `}
 `;
-var StyledButton4 = (0, import_styled_components72.default)(Button)`
+var StyledButton5 = (0, import_styled_components72.default)(Button)`
   position: absolute;
   top: ${closeButton2.top};
   right: ${closeButton2.right};
@@ -11047,7 +11050,7 @@ var Popover = (0, import_react79.forwardRef)(
             }
           ),
           withCloseButton && /* @__PURE__ */ (0, import_jsx_runtime240.jsx)(
-            StyledButton4,
+            StyledButton5,
             {
               icon: CloseIcon,
               appearance: "borderless",
@@ -13000,7 +13003,7 @@ var import_react102 = require("react");
 var import_styled_components85 = __toESM(require("styled-components"));
 var import_jsx_runtime258 = require("react/jsx-runtime");
 var { cell: cell4 } = tableTokens;
-var StyledButton5 = import_styled_components85.default.button`
+var StyledButton6 = import_styled_components85.default.button`
   ${normalizeButton}
   user-select: text;
   ${removeButtonStyling}
@@ -13026,7 +13029,7 @@ var SortCell = (0, import_react102.forwardRef)(
       "aria-sort": isSorted && sortOrder ? sortOrder : void 0,
       ...rest,
       children: /* @__PURE__ */ (0, import_jsx_runtime258.jsxs)(
-        StyledButton5,
+        StyledButton6,
         {
           onClick,
           "aria-description": "Aktiver for \xE5 endre sorteringsrekkef\xF8lge",