@utrecht/component-library-css 9.0.12 → 9.0.13

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.
package/dist/index.css CHANGED
@@ -2978,6 +2978,54 @@
2978
2978
  justify-content: var(--_utrecht-grid-justify-content, initial);
2979
2979
  container-type: inline-size;
2980
2980
  }
2981
+ .utrecht-grid--cols-1 {
2982
+ --_utrecht-grid-columns-total: 1;
2983
+ --_utrecht-grid-columns-default: 1;
2984
+ }
2985
+ .utrecht-grid--cols-2 {
2986
+ --_utrecht-grid-columns-total: 2;
2987
+ --_utrecht-grid-columns-default: 1;
2988
+ }
2989
+ .utrecht-grid--cols-3 {
2990
+ --_utrecht-grid-columns-total: 3;
2991
+ --_utrecht-grid-columns-default: 1;
2992
+ }
2993
+ .utrecht-grid--cols-4 {
2994
+ --_utrecht-grid-columns-total: 4;
2995
+ --_utrecht-grid-columns-default: 1;
2996
+ }
2997
+ .utrecht-grid--cols-5 {
2998
+ --_utrecht-grid-columns-total: 5;
2999
+ --_utrecht-grid-columns-default: 1;
3000
+ }
3001
+ .utrecht-grid--cols-6 {
3002
+ --_utrecht-grid-columns-total: 6;
3003
+ --_utrecht-grid-columns-default: 1;
3004
+ }
3005
+ .utrecht-grid--cols-7 {
3006
+ --_utrecht-grid-columns-total: 7;
3007
+ --_utrecht-grid-columns-default: 1;
3008
+ }
3009
+ .utrecht-grid--cols-8 {
3010
+ --_utrecht-grid-columns-total: 8;
3011
+ --_utrecht-grid-columns-default: 1;
3012
+ }
3013
+ .utrecht-grid--cols-9 {
3014
+ --_utrecht-grid-columns-total: 9;
3015
+ --_utrecht-grid-columns-default: 1;
3016
+ }
3017
+ .utrecht-grid--cols-10 {
3018
+ --_utrecht-grid-columns-total: 10;
3019
+ --_utrecht-grid-columns-default: 1;
3020
+ }
3021
+ .utrecht-grid--cols-11 {
3022
+ --_utrecht-grid-columns-total: 11;
3023
+ --_utrecht-grid-columns-default: 1;
3024
+ }
3025
+ .utrecht-grid--cols-12 {
3026
+ --_utrecht-grid-columns-total: 12;
3027
+ --_utrecht-grid-columns-default: 1;
3028
+ }
2981
3029
  .utrecht-grid--xs-1 {
2982
3030
  --_utrecht-columns: 1;
2983
3031
  }
@@ -3745,12 +3793,12 @@
3745
3793
  --utrecht-icon-size: var(--utrecht-button-icon-size, 1em);
3746
3794
  align-items: center;
3747
3795
  border-radius: var(--utrecht-button-border-radius, 0);
3796
+ column-gap: var(--utrecht-button-column-gap, var(--utrecht-button-icon-gap));
3748
3797
  cursor: pointer;
3749
3798
  display: inline-flex;
3750
3799
  font-family: var(--utrecht-button-font-family, var(--utrecht-document-font-family));
3751
3800
  font-size: var(--utrecht-button-font-size, var(--utrecht-document-font-family));
3752
3801
  font-weight: var(--utrecht-button-font-weight);
3753
- gap: var(--utrecht-button-icon-gap);
3754
3802
  inline-size: var(--utrecht-button-inline-size, auto);
3755
3803
  justify-content: center;
3756
3804
  line-height: inherit;
@@ -2880,6 +2880,54 @@
2880
2880
  justify-content: var(--_utrecht-grid-justify-content, initial);
2881
2881
  container-type: inline-size;
2882
2882
  }
2883
+ .utrecht-grid--cols-1 {
2884
+ --_utrecht-grid-columns-total: 1;
2885
+ --_utrecht-grid-columns-default: 1;
2886
+ }
2887
+ .utrecht-grid--cols-2 {
2888
+ --_utrecht-grid-columns-total: 2;
2889
+ --_utrecht-grid-columns-default: 1;
2890
+ }
2891
+ .utrecht-grid--cols-3 {
2892
+ --_utrecht-grid-columns-total: 3;
2893
+ --_utrecht-grid-columns-default: 1;
2894
+ }
2895
+ .utrecht-grid--cols-4 {
2896
+ --_utrecht-grid-columns-total: 4;
2897
+ --_utrecht-grid-columns-default: 1;
2898
+ }
2899
+ .utrecht-grid--cols-5 {
2900
+ --_utrecht-grid-columns-total: 5;
2901
+ --_utrecht-grid-columns-default: 1;
2902
+ }
2903
+ .utrecht-grid--cols-6 {
2904
+ --_utrecht-grid-columns-total: 6;
2905
+ --_utrecht-grid-columns-default: 1;
2906
+ }
2907
+ .utrecht-grid--cols-7 {
2908
+ --_utrecht-grid-columns-total: 7;
2909
+ --_utrecht-grid-columns-default: 1;
2910
+ }
2911
+ .utrecht-grid--cols-8 {
2912
+ --_utrecht-grid-columns-total: 8;
2913
+ --_utrecht-grid-columns-default: 1;
2914
+ }
2915
+ .utrecht-grid--cols-9 {
2916
+ --_utrecht-grid-columns-total: 9;
2917
+ --_utrecht-grid-columns-default: 1;
2918
+ }
2919
+ .utrecht-grid--cols-10 {
2920
+ --_utrecht-grid-columns-total: 10;
2921
+ --_utrecht-grid-columns-default: 1;
2922
+ }
2923
+ .utrecht-grid--cols-11 {
2924
+ --_utrecht-grid-columns-total: 11;
2925
+ --_utrecht-grid-columns-default: 1;
2926
+ }
2927
+ .utrecht-grid--cols-12 {
2928
+ --_utrecht-grid-columns-total: 12;
2929
+ --_utrecht-grid-columns-default: 1;
2930
+ }
2883
2931
  .utrecht-grid--xs-1 {
2884
2932
  --_utrecht-columns: 1;
2885
2933
  }
@@ -3658,12 +3706,12 @@
3658
3706
  --utrecht-icon-size: var(--utrecht-button-icon-size, 1em);
3659
3707
  align-items: center;
3660
3708
  border-radius: var(--utrecht-button-border-radius, 0);
3709
+ column-gap: var(--utrecht-button-column-gap, var(--utrecht-button-icon-gap));
3661
3710
  cursor: pointer;
3662
3711
  display: inline-flex;
3663
3712
  font-family: var(--utrecht-button-font-family, var(--utrecht-document-font-family));
3664
3713
  font-size: var(--utrecht-button-font-size, var(--utrecht-document-font-family));
3665
3714
  font-weight: var(--utrecht-button-font-weight);
3666
- gap: var(--utrecht-button-icon-gap);
3667
3715
  width: var(--utrecht-button-inline-size, auto);
3668
3716
  justify-content: center;
3669
3717
  line-height: inherit;
package/package.json CHANGED
@@ -1,5 +1,5 @@
1
1
  {
2
- "version": "9.0.12",
2
+ "version": "9.0.13",
3
3
  "author": "Community for NL Design System",
4
4
  "description": "Component library bundle for the Municipality of Utrecht based on the NL Design System architecture",
5
5
  "license": "EUPL-1.2",
@@ -61,7 +61,7 @@
61
61
  "@utrecht/form-fieldset-css": "3.0.1",
62
62
  "@utrecht/form-label-css": "3.0.1",
63
63
  "@utrecht/form-toggle-css": "3.0.1",
64
- "@utrecht/grid-css": "2.0.1",
64
+ "@utrecht/grid-css": "2.1.0",
65
65
  "@utrecht/heading-1-css": "3.0.1",
66
66
  "@utrecht/heading-2-css": "3.0.1",
67
67
  "@utrecht/heading-3-css": "3.0.1",
@@ -74,7 +74,7 @@
74
74
  "@utrecht/icon-css": "4.0.1",
75
75
  "@utrecht/img-css": "3.0.1",
76
76
  "@utrecht/index-char-nav-css": "3.0.1",
77
- "@utrecht/link-button-css": "3.0.1",
77
+ "@utrecht/link-button-css": "3.1.0",
78
78
  "@utrecht/link-css": "3.0.1",
79
79
  "@utrecht/link-list-css": "4.0.1",
80
80
  "@utrecht/link-social-css": "3.0.1",
@@ -141,7 +141,7 @@
141
141
  "tslib": "2.8.1",
142
142
  "typescript": "5.9.3",
143
143
  "vite": "7.1.12",
144
- "vitest": "4.0.12",
144
+ "vitest": "4.1.8",
145
145
  "@utrecht/build-utils-css": "0.0.4",
146
146
  "@utrecht/design-tokens": "6.2.1",
147
147
  "@utrecht/focus-ring-css": "4.0.1"