@navikt/aksel-stylelint 5.8.0 → 5.9.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (2) hide show
  1. package/dist/index.css +37 -19
  2. package/package.json +3 -3
package/dist/index.css CHANGED
@@ -1,7 +1,7 @@
1
1
  @charset "UTF-8";
2
2
  /**
3
3
  * Do not edit directly
4
- * Generated on Mon, 30 Oct 2023 09:59:59 GMT
4
+ * Generated on Thu, 02 Nov 2023 08:58:03 GMT
5
5
  */
6
6
  :root, :host {
7
7
  --a-spacing-1-alt: 0.375rem;
@@ -4473,12 +4473,16 @@ button.navds-internalheader__title:active,
4473
4473
  }
4474
4474
  @media (min-width: 480px) {
4475
4475
  .navds-modal {
4476
- max-width: calc((100% - 6px) - 2em);
4477
- max-height: calc((100% - 6px) - 2em);
4476
+ max-width: calc(100% - 6px - 2em);
4478
4477
  }
4479
4478
 
4480
4479
  .navds-modal--autowidth {
4481
- max-width: min(700px, calc((100% - 6px) - 2em));
4480
+ max-width: min(700px, calc(100% - 6px - 2em));
4481
+ }
4482
+ }
4483
+ @media (min-height: 480px) {
4484
+ .navds-modal {
4485
+ max-height: calc(100% - 6px - 2em);
4482
4486
  }
4483
4487
  }
4484
4488
  .navds-modal::backdrop {
@@ -4533,6 +4537,13 @@ button.navds-internalheader__title:active,
4533
4537
  .navds-modal__footer :nth-of-type(2) {
4534
4538
  margin-left: auto;
4535
4539
  }
4540
+ /* When Datepicker is used nested inside a Modal */
4541
+ .navds-modal--polyfilled .navds-modal--polyfilled.navds-date__nested-modal {
4542
+ min-width: fit-content;
4543
+ max-width: 100vw;
4544
+ max-height: 100vh;
4545
+ animation: none;
4546
+ }
4536
4547
  @keyframes akselModalFadeIn {
4537
4548
  from {
4538
4549
  opacity: 0;
@@ -4788,16 +4799,6 @@ button.navds-internalheader__title:active,
4788
4799
  position: relative;
4789
4800
  width: fit-content;
4790
4801
  }
4791
- /* Focus layering */
4792
- .navds-date__field-input:focus-visible,
4793
- .navds-date__field-button {
4794
- z-index: 1;
4795
- }
4796
- @supports not selector(:focus-visible) {
4797
- .navds-date__field-input:focus {
4798
- z-index: 1;
4799
- }
4800
- }
4801
4802
  .navds-date .rdp-day_selected,
4802
4803
  .navds-monthpicker__month--selected {
4803
4804
  color: var(--ac-date-selected-text, var(--a-text-on-action));
@@ -4832,10 +4833,10 @@ button.navds-internalheader__title:active,
4832
4833
  color: var(--ac-date-caption-text, var(--a-text-default));
4833
4834
  }
4834
4835
  .navds-date__field-input {
4835
- padding-right: var(--a-spacing-14);
4836
+ padding-right: var(--a-spacing-12);
4836
4837
  }
4837
4838
  .navds-form-field--small .navds-date__field-input {
4838
- padding-right: var(--a-spacing-10);
4839
+ padding-right: var(--a-spacing-8);
4839
4840
  }
4840
4841
  /* Error-handling */
4841
4842
  .navds-date__field--error .navds-date__field-input:not(:hover):not(:disabled) {
@@ -4900,9 +4901,6 @@ button.navds-internalheader__title:active,
4900
4901
  visibility: hidden;
4901
4902
  pointer-events: none;
4902
4903
  }
4903
- .navds-date__popover:where(.navds-popover) {
4904
- border: none;
4905
- }
4906
4904
  /* Readonly */
4907
4905
  .navds-date__field--readonly .navds-date__field-button {
4908
4906
  cursor: default;
@@ -4923,11 +4921,31 @@ button.navds-internalheader__title:active,
4923
4921
  justify-content: center;
4924
4922
  margin: 0;
4925
4923
  }
4924
+ .navds-date__modal.navds-date {
4925
+ padding: 0;
4926
+ }
4927
+ .navds-date__modal-body {
4928
+ display: flex;
4929
+ flex-direction: column;
4930
+ align-items: flex-end;
4931
+ padding: var(--a-spacing-4);
4932
+ gap: var(--a-spacing-2);
4933
+ }
4934
+ .navds-date__modal-body > .navds-date {
4935
+ padding: 0;
4936
+ }
4937
+ .navds-date__popover:where(.navds-popover) {
4938
+ border: none;
4939
+ }
4926
4940
  @media (min-width: 480px) {
4927
4941
  .navds-date {
4928
4942
  padding: var(--a-spacing-5) var(--a-spacing-4);
4929
4943
  }
4930
4944
 
4945
+ .navds-date__modal-body {
4946
+ padding: var(--a-spacing-6);
4947
+ }
4948
+
4931
4949
  .navds-date__caption {
4932
4950
  gap: var(--a-spacing-2);
4933
4951
  }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@navikt/aksel-stylelint",
3
- "version": "5.8.0",
3
+ "version": "5.9.1",
4
4
  "author": "Aksel | NAV",
5
5
  "homepage": "https://aksel.nav.no/grunnleggende/kode/stylelint",
6
6
  "repository": {
@@ -35,8 +35,8 @@
35
35
  "dev": "yarn watch:lint"
36
36
  },
37
37
  "devDependencies": {
38
- "@navikt/ds-css": "^5.8.0",
39
- "@navikt/ds-tokens": "^5.8.0",
38
+ "@navikt/ds-css": "^5.9.1",
39
+ "@navikt/ds-tokens": "^5.9.1",
40
40
  "@types/jest": "^29.0.0",
41
41
  "concurrently": "7.2.1",
42
42
  "copyfiles": "2.4.1",