@norges-domstoler/dds-components 23.2.1 → 23.2.2

package/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2022 Norges domstoler
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/README.md

@@ -1,50 +1,50 @@
-# @norges-domstoler/dds-components
-
-[![Version](https://img.shields.io/npm/v/@norges-domstoler/dds-components)](https://www.npmjs.com/package/@norges-domstoler/dds-components) ![License](https://img.shields.io/npm/l/@norges-domstoler/dds-components)
-
-React UI komponenter til bruk i domstolenes tjenester.
-
-Sjekk ut [Elsa - domstolenes designsystem](https://design.domstol.no/) og [Elsa Storybook](https://domstolene.github.io/designsystem) for dokumentasjon og demoer.
-
-## 📦 Installasjon
-
-```sh
-pnpm add @norges-domstoler/dds-components
-```
-
-Importer styling av komponentene i CSS:
-
-```css
-@import '@norges-domstoler/dds-components/index.css';
-```
-
-## 🔨 Bruk
-
-Wrapp applikasjonen din i `<DdsProvider>`.
-
-```jsx
-import React from 'react';
-import ReactDOM from 'react-dom/client';
-import {
-  Button,
-  TextInput,
-  DdsProvider,
-} from '@norges-domstoler/dds-components';
-
-const root = ReactDOM.createRoot(document.getElementById('root'));
-root.render(
-  <React>
-    <DdsProvider language="nb">
-      <TextInput label="Input" />
-      <Button>Primary</Button>
-      <Button purpose="secondary" size="small">
-        Secondary
-      </Button>
-    </DdsProvider>
-  </React>,
-);
-```
-
-## 📃 Komponenter
-
-Sjekk [Komponenter](https://design.domstol.no/987b33f71/p/438035-komponenter) for oversikt over alle komponenter, og [Nyheter](https://design.domstol.no/987b33f71/p/66ec5c-nyheter) for status på nye komponenter.
+# @norges-domstoler/dds-components
+
+[![Version](https://img.shields.io/npm/v/@norges-domstoler/dds-components)](https://www.npmjs.com/package/@norges-domstoler/dds-components) ![License](https://img.shields.io/npm/l/@norges-domstoler/dds-components)
+
+React UI komponenter til bruk i domstolenes tjenester.
+
+Sjekk ut [Elsa - domstolenes designsystem](https://design.domstol.no/) og [Elsa Storybook](https://domstolene.github.io/designsystem) for dokumentasjon og demoer.
+
+## 📦 Installasjon
+
+```sh
+pnpm add @norges-domstoler/dds-components
+```
+
+Importer styling av komponentene i CSS:
+
+```css
+@import '@norges-domstoler/dds-components/index.css';
+```
+
+## 🔨 Bruk
+
+Wrapp applikasjonen din i `<DdsProvider>`.
+
+```jsx
+import React from 'react';
+import ReactDOM from 'react-dom/client';
+import {
+  Button,
+  TextInput,
+  DdsProvider,
+} from '@norges-domstoler/dds-components';
+
+const root = ReactDOM.createRoot(document.getElementById('root'));
+root.render(
+  <React>
+    <DdsProvider language="nb">
+      <TextInput label="Input" />
+      <Button>Primary</Button>
+      <Button purpose="secondary" size="small">
+        Secondary
+      </Button>
+    </DdsProvider>
+  </React>,
+);
+```
+
+## 📃 Komponenter
+
+Sjekk [Komponenter](https://design.domstol.no/987b33f71/p/438035-komponenter) for oversikt over alle komponenter, og [Nyheter](https://design.domstol.no/987b33f71/p/66ec5c-nyheter) for status på nye komponenter.

package/dist/index.css

@@ -2693,10 +2693,19 @@ input[data-indeterminate=true] ~ .SelectionControl_selection-control:after {
 }
 
 /* src/components/date-inputs/common/DateInput.module.css */
+.DateInput_date-group {
+  pointer-events: none;
+  label,
+  .DateInput_input-group {
+    pointer-events: auto;
+  }
+}
 .DateInput_date-segment-container {
   display: flex;
   flex-direction: row;
   font-family: var(--dds-font-family-monospace);
+  -webkit-user-select: none;
+  user-select: none;
 }
 .DateInput_segment {
   font-variant-numeric: tabular-nums;
@@ -3365,13 +3374,13 @@ input[data-indeterminate=true] ~ .SelectionControl_selection-control:after {
       background: var(--dds-color-text-body);
       mask-size: 100%;
       mask-repeat: no-repeat;
-      mask-image: url('data:image/svg+xml,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">%0D%0A<circle cx="12" cy="12" r="6" fill="%230B0D0E"/>%0D%0A</svg>%0D%0A');
+      mask-image: url('data:image/svg+xml,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">%0A<circle cx="12" cy="12" r="6" fill="%230B0D0E"/>%0A</svg>%0A');
     }
     ul > li:before {
-      mask-image: url('data:image/svg+xml,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">%0D%0A<rect x="4" y="10" width="15.65" height="3.9125" fill="%230B0D0E"/>%0D%0A</svg>%0D%0A');
+      mask-image: url('data:image/svg+xml,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">%0A<rect x="4" y="10" width="15.65" height="3.9125" fill="%230B0D0E"/>%0A</svg>%0A');
     }
     ul > li > ul > li:before {
-      mask-image: url('data:image/svg+xml,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">%0D%0A<path d="M12 16.6154C16.4183 16.6154 20 12.7581 20 8H4C4 12.7581 7.58172 16.6154 12 16.6154Z" fill="%230B0D0E"/>%0D%0A</svg>%0D%0A');
+      mask-image: url('data:image/svg+xml,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">%0A<path d="M12 16.6154C16.4183 16.6154 20 12.7581 20 8H4C4 12.7581 7.58172 16.6154 12 16.6154Z" fill="%230B0D0E"/>%0A</svg>%0A');
     }
   }
 }