@navikt/ds-css 5.3.1 → 5.3.3

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 (15) hide show
  1. package/CHANGELOG.md +12 -0
  2. package/dist/component/hgrid.css +2 -0
  3. package/dist/component/hgrid.min.css +1 -1
  4. package/dist/component/index.css +3 -2
  5. package/dist/component/index.min.css +2 -2
  6. package/dist/component/skeleton.css +0 -1
  7. package/dist/component/skeleton.min.css +1 -1
  8. package/dist/components.css +2 -1
  9. package/dist/components.min.css +2 -2
  10. package/dist/global/tokens.css +1 -1
  11. package/dist/index.css +3 -2
  12. package/dist/index.min.css +2 -2
  13. package/hgrid.css +2 -0
  14. package/package.json +2 -2
  15. package/skeleton.css +0 -1
package/CHANGELOG.md CHANGED
@@ -1,5 +1,17 @@
1
1
  # @navikt/ds-css
2
2
 
3
+ ## 5.3.3
4
+
5
+ ### Patch Changes
6
+
7
+ - HGrid: Har nå `align`-prop for bedre kontroll over child-elementer ([#2242](https://github.com/navikt/aksel/pull/2242))
8
+
9
+ ## 5.3.2
10
+
11
+ ### Patch Changes
12
+
13
+ - Skeleton: Lagt til as-prop for inline brk av Skeleton med span ([#2239](https://github.com/navikt/aksel/pull/2239))
14
+
3
15
  ## 5.3.1
4
16
 
5
17
  ### Patch Changes
package/dist/component/hgrid.css CHANGED
@@ -11,10 +11,12 @@
11
11
  --__ac-hgrid-gap-lg: initial;
12
12
  --__ac-hgrid-gap-xl: initial;
13
13
  --__ac-hgrid-gap: var(--__ac-hgrid-gap-xs);
14
+ --__ac-hgrid-align: initial;
14
15
 
15
16
  display: grid;
16
17
  grid-template-columns: var(--__ac-hgrid-columns);
17
18
  gap: var(--__ac-hgrid-gap);
19
+ align-items: var(--__ac-hgrid-align);
18
20
  }
19
21
 
20
22
  @media (min-width: 480px) {
package/dist/component/hgrid.min.css CHANGED
@@ -1,4 +1,4 @@
1
- .navds-hgrid{--__ac-hgrid-columns-xs:initial;--__ac-hgrid-columns-sm:initial;--__ac-hgrid-columns-md:initial;--__ac-hgrid-columns-lg:initial;--__ac-hgrid-columns-xl:initial;--__ac-hgrid-columns:var(--__ac-hgrid-columns-xs);--__ac-hgrid-gap-xs:initial;--__ac-hgrid-gap-sm:initial;--__ac-hgrid-gap-md:initial;--__ac-hgrid-gap-lg:initial;--__ac-hgrid-gap-xl:initial;--__ac-hgrid-gap:var(--__ac-hgrid-gap-xs);display:grid;gap:var(--__ac-hgrid-gap);grid-template-columns:var(--__ac-hgrid-columns)}@media (min-width:480px){.navds-hgrid{--__ac-hgrid-columns:var(--__ac-hgrid-columns-sm,var(--__ac-hgrid-columns-xs));--__ac-hgrid-gap:var(--__ac-hgrid-gap-sm,var(--__ac-hgrid-gap-xs))}}@media (min-width:768px){.navds-hgrid{--__ac-hgrid-columns:var(--__ac-hgrid-columns-md,var(--__ac-hgrid-columns-sm,var(--__ac-hgrid-columns-xs)));--__ac-hgrid-gap:var(--__ac-hgrid-gap-md,var(--__ac-hgrid-gap-sm,var(--__ac-hgrid-gap-xs)))}}@media (min-width:1024px){.navds-hgrid{--__ac-hgrid-columns:var(
1
+ .navds-hgrid{--__ac-hgrid-columns-xs:initial;--__ac-hgrid-columns-sm:initial;--__ac-hgrid-columns-md:initial;--__ac-hgrid-columns-lg:initial;--__ac-hgrid-columns-xl:initial;--__ac-hgrid-columns:var(--__ac-hgrid-columns-xs);--__ac-hgrid-gap-xs:initial;--__ac-hgrid-gap-sm:initial;--__ac-hgrid-gap-md:initial;--__ac-hgrid-gap-lg:initial;--__ac-hgrid-gap-xl:initial;--__ac-hgrid-gap:var(--__ac-hgrid-gap-xs);--__ac-hgrid-align:initial;align-items:var(--__ac-hgrid-align);display:grid;gap:var(--__ac-hgrid-gap);grid-template-columns:var(--__ac-hgrid-columns)}@media (min-width:480px){.navds-hgrid{--__ac-hgrid-columns:var(--__ac-hgrid-columns-sm,var(--__ac-hgrid-columns-xs));--__ac-hgrid-gap:var(--__ac-hgrid-gap-sm,var(--__ac-hgrid-gap-xs))}}@media (min-width:768px){.navds-hgrid{--__ac-hgrid-columns:var(--__ac-hgrid-columns-md,var(--__ac-hgrid-columns-sm,var(--__ac-hgrid-columns-xs)));--__ac-hgrid-gap:var(--__ac-hgrid-gap-md,var(--__ac-hgrid-gap-sm,var(--__ac-hgrid-gap-xs)))}}@media (min-width:1024px){.navds-hgrid{--__ac-hgrid-columns:var(
2
2
  --__ac-hgrid-columns-lg,var(--__ac-hgrid-columns-md,var(--__ac-hgrid-columns-sm,var(--__ac-hgrid-columns-xs)))
3
3
  );--__ac-hgrid-gap:var(--__ac-hgrid-gap-lg,var(--__ac-hgrid-gap-md,var(--__ac-hgrid-gap-sm,var(--__ac-hgrid-gap-xs))))}}@media (min-width:1280px){.navds-hgrid{--__ac-hgrid-columns:var(
4
4
  --__ac-hgrid-columns-xl,var(--__ac-hgrid-columns-lg,var(--__ac-hgrid-columns-md,var(--__ac-hgrid-columns-sm,var(--__ac-hgrid-columns-xs))))
package/dist/component/index.css CHANGED
@@ -1,7 +1,7 @@
1
1
  @charset "UTF-8";
2
2
  /**
3
3
  * Do not edit directly
4
- * Generated on Sun, 03 Sep 2023 10:42:10 GMT
4
+ * Generated on Wed, 06 Sep 2023 13:10:51 GMT
5
5
  */
6
6
  :root, :host {
7
7
  --a-spacing-05: 0.125rem;
@@ -3758,10 +3758,12 @@ body,
3758
3758
  --__ac-hgrid-gap-lg: initial;
3759
3759
  --__ac-hgrid-gap-xl: initial;
3760
3760
  --__ac-hgrid-gap: var(--__ac-hgrid-gap-xs);
3761
+ --__ac-hgrid-align: initial;
3761
3762
 
3762
3763
  display: grid;
3763
3764
  grid-template-columns: var(--__ac-hgrid-columns);
3764
3765
  gap: var(--__ac-hgrid-gap);
3766
+ align-items: var(--__ac-hgrid-align);
3765
3767
  }
3766
3768
  @media (min-width: 480px) {
3767
3769
  .navds-hgrid {
@@ -5249,7 +5251,6 @@ button.navds-internalheader__title:active,
5249
5251
  transform: translateY(-1px) rotate(-180deg);
5250
5252
  }
5251
5253
  .navds-skeleton {
5252
- display: block;
5253
5254
  background-color: var(--ac-skeleton-bg, var(--a-surface-neutral-moderate));
5254
5255
  height: 1.3em;
5255
5256
  animation: akselSkeletonAnimation 0.8s linear infinite alternate;