@navikt/aksel-stylelint 5.7.6 → 5.9.0

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 +33 -17
  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 Fri, 20 Oct 2023 15:20:50 GMT
4
+ * Generated on Wed, 01 Nov 2023 14:49:15 GMT
5
5
  */
6
6
  :root, :host {
7
7
  --a-spacing-1-alt: 0.375rem;
@@ -4443,7 +4443,6 @@ button.navds-internalheader__title:active,
4443
4443
  .navds-modal--polyfilled {
4444
4444
  top: 50%;
4445
4445
  transform: translate(0, -50%);
4446
- overflow: auto;
4447
4446
 
4448
4447
  /* From polyfill (dialog-polyfill/dist/dialog-polyfill.css): */
4449
4448
  left: 0;
@@ -4452,6 +4451,9 @@ button.navds-internalheader__title:active,
4452
4451
  height: fit-content;
4453
4452
  margin: auto;
4454
4453
  }
4454
+ .navds-modal--polyfilled .navds-modal--polyfilled {
4455
+ overflow: auto;
4456
+ }
4455
4457
  .navds-modal--polyfilled:not([open]) {
4456
4458
  display: none; /* from polyfill */
4457
4459
  }
@@ -4531,6 +4533,13 @@ button.navds-internalheader__title:active,
4531
4533
  .navds-modal__footer :nth-of-type(2) {
4532
4534
  margin-left: auto;
4533
4535
  }
4536
+ /* When Datepicker is used nested inside a Modal */
4537
+ .navds-modal--polyfilled .navds-modal--polyfilled.navds-date__nested-modal {
4538
+ min-width: fit-content;
4539
+ max-width: 100vw;
4540
+ max-height: 100vh;
4541
+ animation: none;
4542
+ }
4534
4543
  @keyframes akselModalFadeIn {
4535
4544
  from {
4536
4545
  opacity: 0;
@@ -4786,16 +4795,6 @@ button.navds-internalheader__title:active,
4786
4795
  position: relative;
4787
4796
  width: fit-content;
4788
4797
  }
4789
- /* Focus layering */
4790
- .navds-date__field-input:focus-visible,
4791
- .navds-date__field-button {
4792
- z-index: 1;
4793
- }
4794
- @supports not selector(:focus-visible) {
4795
- .navds-date__field-input:focus {
4796
- z-index: 1;
4797
- }
4798
- }
4799
4798
  .navds-date .rdp-day_selected,
4800
4799
  .navds-monthpicker__month--selected {
4801
4800
  color: var(--ac-date-selected-text, var(--a-text-on-action));
@@ -4830,10 +4829,10 @@ button.navds-internalheader__title:active,
4830
4829
  color: var(--ac-date-caption-text, var(--a-text-default));
4831
4830
  }
4832
4831
  .navds-date__field-input {
4833
- padding-right: var(--a-spacing-14);
4832
+ padding-right: var(--a-spacing-12);
4834
4833
  }
4835
4834
  .navds-form-field--small .navds-date__field-input {
4836
- padding-right: var(--a-spacing-10);
4835
+ padding-right: var(--a-spacing-8);
4837
4836
  }
4838
4837
  /* Error-handling */
4839
4838
  .navds-date__field--error .navds-date__field-input:not(:hover):not(:disabled) {
@@ -4898,9 +4897,6 @@ button.navds-internalheader__title:active,
4898
4897
  visibility: hidden;
4899
4898
  pointer-events: none;
4900
4899
  }
4901
- .navds-date__popover:where(.navds-popover) {
4902
- border: none;
4903
- }
4904
4900
  /* Readonly */
4905
4901
  .navds-date__field--readonly .navds-date__field-button {
4906
4902
  cursor: default;
@@ -4921,11 +4917,31 @@ button.navds-internalheader__title:active,
4921
4917
  justify-content: center;
4922
4918
  margin: 0;
4923
4919
  }
4920
+ .navds-date__modal.navds-date {
4921
+ padding: 0;
4922
+ }
4923
+ .navds-date__modal-body {
4924
+ display: flex;
4925
+ flex-direction: column;
4926
+ align-items: flex-end;
4927
+ padding: var(--a-spacing-4);
4928
+ gap: var(--a-spacing-2);
4929
+ }
4930
+ .navds-date__modal-body > .navds-date {
4931
+ padding: 0;
4932
+ }
4933
+ .navds-date__popover:where(.navds-popover) {
4934
+ border: none;
4935
+ }
4924
4936
  @media (min-width: 480px) {
4925
4937
  .navds-date {
4926
4938
  padding: var(--a-spacing-5) var(--a-spacing-4);
4927
4939
  }
4928
4940
 
4941
+ .navds-date__modal-body {
4942
+ padding: var(--a-spacing-6);
4943
+ }
4944
+
4929
4945
  .navds-date__caption {
4930
4946
  gap: var(--a-spacing-2);
4931
4947
  }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@navikt/aksel-stylelint",
3
- "version": "5.7.6",
3
+ "version": "5.9.0",
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.7.6",
39
- "@navikt/ds-tokens": "^5.7.6",
38
+ "@navikt/ds-css": "^5.9.0",
39
+ "@navikt/ds-tokens": "^5.9.0",
40
40
  "@types/jest": "^29.0.0",
41
41
  "concurrently": "7.2.1",
42
42
  "copyfiles": "2.4.1",