@utrecht/component-library-css 7.2.2 → 7.4.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 (3) hide show
  1. package/dist/index.css +197 -0
  2. package/dist/prince-xml.css +180 -0
  3. package/package.json +26 -25
package/dist/index.css CHANGED
@@ -175,6 +175,8 @@
175
175
  }
176
176
 
177
177
  .utrecht-alert-dialog__message {
178
+ --utrecht-heading-color: var(--utrecht-alert-color);
179
+ --utrecht-paragraph-color: var(--utrecht-alert-color);
178
180
  row-gap: var(--utrecht-alert-message-row-gap);
179
181
  }
180
182
 
@@ -230,6 +232,8 @@
230
232
  }
231
233
 
232
234
  .utrecht-alert__message {
235
+ --utrecht-heading-color: var(--utrecht-alert-color);
236
+ --utrecht-paragraph-color: var(--utrecht-alert-color);
233
237
  row-gap: var(--utrecht-alert-message-row-gap);
234
238
  }
235
239
 
@@ -7001,6 +7005,199 @@
7001
7005
  -moz-appearance: textfield;
7002
7006
  font-variant-numeric: lining-nums tabular-nums;
7003
7007
  }
7008
+ .utrecht-tooltip-anchor {
7009
+ display: inline;
7010
+ position: relative;
7011
+ }
7012
+
7013
+ .utrecht-tooltip {
7014
+ --_utrecht-tooltip-arrow-size: 8px;
7015
+ --_utrecht-tooltip-arrow-border-color: var(--utrecht-tooltip-border-color, currentColor);
7016
+ background-color: var(--utrecht-tooltip-background-color, Canvas);
7017
+ border-color: var(--utrecht-tooltip-border-color, currentColor);
7018
+ border-radius: var(--utrecht-tooltip-border-radius);
7019
+ border-style: solid;
7020
+ border-width: var(--utrecht-tooltip-border-width, 1px);
7021
+ box-sizing: border-box;
7022
+ color: var(--utrecht-tooltip-color, CanvasText);
7023
+ font-family: var(--utrecht-tooltip-font-family, inherit);
7024
+ font-size: var(--utrecht-tooltip-font-size, inherit);
7025
+ font-weight: var(--utrecht-tooltip-font-weight, revert);
7026
+ inline-size: max-content;
7027
+ line-height: var(--utrecht-tooltip-line-height, 1.5);
7028
+ max-inline-size: var(--utrecht-tooltip-max-inline-size, 320px);
7029
+ opacity: 100%;
7030
+ padding-block: var(--utrecht-tooltip-padding-block, 8px);
7031
+ padding-inline: var(--utrecht-tooltip-padding-inline, 12px);
7032
+ position: absolute;
7033
+ transition-duration: --utrecht-tooltip-transition-duration, 200ms;
7034
+ transition-property: opacity;
7035
+ transition-timing-function: --utrecht-tooltip-transition-timing-function, ease-in-out;
7036
+ z-index: var(--utrecht-tooltip-z-index, 1000);
7037
+ }
7038
+ .utrecht-tooltip:dir(rtl) {
7039
+ --_utrecht-tooltip-rtl: -1;
7040
+ }
7041
+ @media (prefers-reduced-motion: reduce) {
7042
+ .utrecht-tooltip {
7043
+ transition: none;
7044
+ }
7045
+ }
7046
+ @media (forced-colors: active) {
7047
+ .utrecht-tooltip {
7048
+ background-color: Canvas;
7049
+ border: 1px solid CanvasText;
7050
+ color: CanvasText;
7051
+ }
7052
+ }
7053
+
7054
+ .utrecht-tooltip--not-visible {
7055
+ opacity: 0%;
7056
+ pointer-events: none;
7057
+ }
7058
+ .utrecht-tooltip--visible {
7059
+ opacity: 100%;
7060
+ pointer-events: initial;
7061
+ }
7062
+
7063
+ .utrecht-tooltip--block-end {
7064
+ inset-block-start: 100%;
7065
+ inset-inline-start: 50%;
7066
+ margin-block-start: var(--utrecht-tooltip-arrow-size, var(--_utrecht-tooltip-arrow-size));
7067
+ transform: translateX(calc(-50% * var(--_utrecht-tooltip-rtl, 1)));
7068
+ }
7069
+
7070
+ .utrecht-tooltip--block-start {
7071
+ inset-block-end: 100%;
7072
+ inset-inline-start: 50%;
7073
+ margin-block-end: var(--utrecht-tooltip-arrow-size, var(--_utrecht-tooltip-arrow-size));
7074
+ transform: translateX(calc(-50% * var(--_utrecht-tooltip-rtl, 1)));
7075
+ }
7076
+
7077
+ .utrecht-tooltip--inline-end {
7078
+ inset-block-start: 50%;
7079
+ inset-inline-start: 100%;
7080
+ margin-inline-start: var(--utrecht-tooltip-arrow-size, var(--_utrecht-tooltip-arrow-size));
7081
+ transform: translateY(-50%);
7082
+ }
7083
+
7084
+ .utrecht-tooltip--inline-start {
7085
+ inset-block-start: 50%;
7086
+ inset-inline-end: 100%;
7087
+ margin-inline-end: var(--utrecht-tooltip-arrow-size, var(--_utrecht-tooltip-arrow-size));
7088
+ transform: translateY(-50%);
7089
+ }
7090
+
7091
+ .utrecht-tooltip--top {
7092
+ bottom: 100%;
7093
+ left: 50%;
7094
+ margin-bottom: var(--utrecht-tooltip-arrow-size, var(--_utrecht-tooltip-arrow-size));
7095
+ transform: translateX(-50%);
7096
+ }
7097
+
7098
+ .utrecht-tooltip--right {
7099
+ left: 100%;
7100
+ margin-left: var(--utrecht-tooltip-arrow-size, var(--_utrecht-tooltip-arrow-size));
7101
+ top: 50%;
7102
+ transform: translateY(-50%);
7103
+ }
7104
+
7105
+ .utrecht-tooltip--bottom {
7106
+ left: 50%;
7107
+ margin-top: var(--utrecht-tooltip-arrow-size, var(--_utrecht-tooltip-arrow-size));
7108
+ top: 100%;
7109
+ transform: translateX(-50%);
7110
+ }
7111
+
7112
+ .utrecht-tooltip--left {
7113
+ margin-right: var(--utrecht-tooltip-arrow-size, var(--_utrecht-tooltip-arrow-size));
7114
+ right: 100%;
7115
+ top: 50%;
7116
+ transform: translateY(-50%);
7117
+ }
7118
+
7119
+ .utrecht-tooltip__arrow {
7120
+ block-size: 0;
7121
+ border-color: transparent;
7122
+ border-style: solid;
7123
+ border-width: var(--utrecht-tooltip-arrow-size, var(--_utrecht-tooltip-arrow-size));
7124
+ box-sizing: content-box;
7125
+ inline-size: 0;
7126
+ position: absolute;
7127
+ }
7128
+ @media (forced-colors: active) {
7129
+ .utrecht-tooltip__arrow {
7130
+ --_utrecht-tooltip-arrow-border-color: CanvasText;
7131
+ border-color: transparent;
7132
+ forced-color-adjust: none;
7133
+ }
7134
+ }
7135
+
7136
+ .utrecht-tooltip__arrow--block-end {
7137
+ border-block-end-color: var(--_utrecht-tooltip-arrow-border-color);
7138
+ border-block-start-width: 0;
7139
+ inset-block-end: 100%;
7140
+ inset-inline-start: calc(50% - var(--_utrecht-tooltip-arrow-size));
7141
+ }
7142
+
7143
+ .utrecht-tooltip__arrow--block-start {
7144
+ border-block-end-width: 0;
7145
+ border-block-start-color: var(--_utrecht-tooltip-arrow-border-color);
7146
+ inset-block-start: 100%;
7147
+ inset-inline-start: calc(50% - var(--_utrecht-tooltip-arrow-size));
7148
+ }
7149
+
7150
+ .utrecht-tooltip__arrow--inline-end {
7151
+ border-inline-end-color: var(--_utrecht-tooltip-arrow-border-color);
7152
+ border-inline-start-width: 0;
7153
+ inset-block-start: calc(50% - var(--_utrecht-tooltip-arrow-size));
7154
+ inset-inline-end: 100%;
7155
+ }
7156
+
7157
+ .utrecht-tooltip__arrow--inline-start {
7158
+ border-inline-end-width: 0;
7159
+ border-inline-start-color: var(--_utrecht-tooltip-arrow-border-color);
7160
+ inset-block-start: calc(50% - var(--_utrecht-tooltip-arrow-size));
7161
+ inset-inline-start: 100%;
7162
+ }
7163
+
7164
+ .utrecht-tooltip__arrow--top {
7165
+ border-bottom-width: 0;
7166
+ border-top-color: var(--_utrecht-tooltip-arrow-border-color);
7167
+ left: calc(50% - var(--_utrecht-tooltip-arrow-size));
7168
+ top: 100%;
7169
+ }
7170
+
7171
+ .utrecht-tooltip__arrow--right {
7172
+ border-left-width: 0;
7173
+ border-right-color: var(--_utrecht-tooltip-arrow-border-color);
7174
+ right: 100%;
7175
+ top: calc(50% - var(--_utrecht-tooltip-arrow-size));
7176
+ }
7177
+
7178
+ .utrecht-tooltip__arrow--bottom {
7179
+ border-bottom-color: var(--_utrecht-tooltip-arrow-border-color);
7180
+ border-top-width: 0;
7181
+ bottom: 100%;
7182
+ left: calc(50% - var(--_utrecht-tooltip-arrow-size));
7183
+ }
7184
+
7185
+ .utrecht-tooltip__arrow--left {
7186
+ border-left-color: var(--_utrecht-tooltip-arrow-border-color);
7187
+ border-right-width: 0;
7188
+ left: 100%;
7189
+ top: calc(50% - var(--_utrecht-tooltip-arrow-size));
7190
+ }
7191
+
7192
+ .utrecht-tooltip[hidden] {
7193
+ display: none;
7194
+ }
7195
+
7196
+ @media print {
7197
+ .utrecht-tooltip {
7198
+ display: none !important;
7199
+ }
7200
+ }
7004
7201
  .utrecht-toptask-link {
7005
7202
  --utrecht-icon-color: currentColor;
7006
7203
  --utrecht-icon-size: var(--utrecht-toptask-link-icon-size);
package/dist/prince-xml.css CHANGED
@@ -164,6 +164,8 @@
164
164
  }
165
165
 
166
166
  .utrecht-alert-dialog__message {
167
+ --utrecht-heading-color: var(--utrecht-alert-color);
168
+ --utrecht-paragraph-color: var(--utrecht-alert-color);
167
169
  row-gap: var(--utrecht-alert-message-row-gap);
168
170
  }
169
171
 
@@ -219,6 +221,8 @@
219
221
  }
220
222
 
221
223
  .utrecht-alert__message {
224
+ --utrecht-heading-color: var(--utrecht-alert-color);
225
+ --utrecht-paragraph-color: var(--utrecht-alert-color);
222
226
  row-gap: var(--utrecht-alert-message-row-gap);
223
227
  }
224
228
 
@@ -6901,6 +6905,182 @@
6901
6905
  -moz-appearance: textfield;
6902
6906
  font-variant-numeric: lining-nums tabular-nums;
6903
6907
  }
6908
+ .utrecht-tooltip-anchor {
6909
+ display: inline;
6910
+ position: relative;
6911
+ }
6912
+
6913
+ .utrecht-tooltip {
6914
+ --_utrecht-tooltip-arrow-size: 8px;
6915
+ --_utrecht-tooltip-arrow-border-color: var(--utrecht-tooltip-border-color, currentColor);
6916
+ background-color: var(--utrecht-tooltip-background-color, Canvas);
6917
+ border-color: var(--utrecht-tooltip-border-color, currentColor);
6918
+ border-radius: var(--utrecht-tooltip-border-radius);
6919
+ border-style: solid;
6920
+ border-width: var(--utrecht-tooltip-border-width, 1px);
6921
+ box-sizing: border-box;
6922
+ color: var(--utrecht-tooltip-color, CanvasText);
6923
+ font-family: var(--utrecht-tooltip-font-family, inherit);
6924
+ font-size: var(--utrecht-tooltip-font-size, inherit);
6925
+ font-weight: var(--utrecht-tooltip-font-weight, revert);
6926
+ width: max-content;
6927
+ line-height: var(--utrecht-tooltip-line-height, 1.5);
6928
+ max-width: var(--utrecht-tooltip-max-inline-size, 320px);
6929
+ opacity: 100%;
6930
+ padding-top: var(--utrecht-tooltip-padding-block, 8px);
6931
+ padding-bottom: var(--utrecht-tooltip-padding-block, 8px);
6932
+ padding-left: var(--utrecht-tooltip-padding-inline, 12px);
6933
+ padding-right: var(--utrecht-tooltip-padding-inline, 12px);
6934
+ position: absolute;
6935
+ transition-duration: --utrecht-tooltip-transition-duration, 200ms;
6936
+ transition-property: opacity;
6937
+ transition-timing-function: --utrecht-tooltip-transition-timing-function, ease-in-out;
6938
+ z-index: var(--utrecht-tooltip-z-index, 1000);
6939
+ }
6940
+ .utrecht-tooltip:dir(rtl) {
6941
+ --_utrecht-tooltip-rtl: -1;
6942
+ }
6943
+
6944
+ .utrecht-tooltip--not-visible {
6945
+ opacity: 0%;
6946
+ pointer-events: none;
6947
+ }
6948
+ .utrecht-tooltip--visible {
6949
+ opacity: 100%;
6950
+ pointer-events: initial;
6951
+ }
6952
+
6953
+ .utrecht-tooltip--block-end {
6954
+ top: 100%;
6955
+ left: 50%;
6956
+ margin-top: var(--utrecht-tooltip-arrow-size, var(--_utrecht-tooltip-arrow-size));
6957
+ transform: translateX(calc(-50% * var(--_utrecht-tooltip-rtl, 1)));
6958
+ }
6959
+
6960
+ .utrecht-tooltip--block-start {
6961
+ bottom: 100%;
6962
+ left: 50%;
6963
+ margin-bottom: var(--utrecht-tooltip-arrow-size, var(--_utrecht-tooltip-arrow-size));
6964
+ transform: translateX(calc(-50% * var(--_utrecht-tooltip-rtl, 1)));
6965
+ }
6966
+
6967
+ .utrecht-tooltip--inline-end {
6968
+ top: 50%;
6969
+ left: 100%;
6970
+ margin-left: var(--utrecht-tooltip-arrow-size, var(--_utrecht-tooltip-arrow-size));
6971
+ transform: translateY(-50%);
6972
+ }
6973
+
6974
+ .utrecht-tooltip--inline-start {
6975
+ top: 50%;
6976
+ right: 100%;
6977
+ margin-right: var(--utrecht-tooltip-arrow-size, var(--_utrecht-tooltip-arrow-size));
6978
+ transform: translateY(-50%);
6979
+ }
6980
+
6981
+ .utrecht-tooltip--top {
6982
+ bottom: 100%;
6983
+ left: 50%;
6984
+ margin-bottom: var(--utrecht-tooltip-arrow-size, var(--_utrecht-tooltip-arrow-size));
6985
+ transform: translateX(-50%);
6986
+ }
6987
+
6988
+ .utrecht-tooltip--right {
6989
+ left: 100%;
6990
+ margin-left: var(--utrecht-tooltip-arrow-size, var(--_utrecht-tooltip-arrow-size));
6991
+ top: 50%;
6992
+ transform: translateY(-50%);
6993
+ }
6994
+
6995
+ .utrecht-tooltip--bottom {
6996
+ left: 50%;
6997
+ margin-top: var(--utrecht-tooltip-arrow-size, var(--_utrecht-tooltip-arrow-size));
6998
+ top: 100%;
6999
+ transform: translateX(-50%);
7000
+ }
7001
+
7002
+ .utrecht-tooltip--left {
7003
+ margin-right: var(--utrecht-tooltip-arrow-size, var(--_utrecht-tooltip-arrow-size));
7004
+ right: 100%;
7005
+ top: 50%;
7006
+ transform: translateY(-50%);
7007
+ }
7008
+
7009
+ .utrecht-tooltip__arrow {
7010
+ height: 0;
7011
+ border-color: transparent;
7012
+ border-style: solid;
7013
+ border-width: var(--utrecht-tooltip-arrow-size, var(--_utrecht-tooltip-arrow-size));
7014
+ box-sizing: content-box;
7015
+ width: 0;
7016
+ position: absolute;
7017
+ }
7018
+
7019
+ .utrecht-tooltip__arrow--block-end {
7020
+ border-bottom-color: var(--_utrecht-tooltip-arrow-border-color);
7021
+ border-top-width: 0;
7022
+ bottom: 100%;
7023
+ left: calc(50% - var(--_utrecht-tooltip-arrow-size));
7024
+ }
7025
+
7026
+ .utrecht-tooltip__arrow--block-start {
7027
+ border-bottom-width: 0;
7028
+ border-top-color: var(--_utrecht-tooltip-arrow-border-color);
7029
+ top: 100%;
7030
+ left: calc(50% - var(--_utrecht-tooltip-arrow-size));
7031
+ }
7032
+
7033
+ .utrecht-tooltip__arrow--inline-end {
7034
+ border-right-color: var(--_utrecht-tooltip-arrow-border-color);
7035
+ border-left-width: 0;
7036
+ top: calc(50% - var(--_utrecht-tooltip-arrow-size));
7037
+ right: 100%;
7038
+ }
7039
+
7040
+ .utrecht-tooltip__arrow--inline-start {
7041
+ border-right-width: 0;
7042
+ border-left-color: var(--_utrecht-tooltip-arrow-border-color);
7043
+ top: calc(50% - var(--_utrecht-tooltip-arrow-size));
7044
+ left: 100%;
7045
+ }
7046
+
7047
+ .utrecht-tooltip__arrow--top {
7048
+ border-bottom-width: 0;
7049
+ border-top-color: var(--_utrecht-tooltip-arrow-border-color);
7050
+ left: calc(50% - var(--_utrecht-tooltip-arrow-size));
7051
+ top: 100%;
7052
+ }
7053
+
7054
+ .utrecht-tooltip__arrow--right {
7055
+ border-left-width: 0;
7056
+ border-right-color: var(--_utrecht-tooltip-arrow-border-color);
7057
+ right: 100%;
7058
+ top: calc(50% - var(--_utrecht-tooltip-arrow-size));
7059
+ }
7060
+
7061
+ .utrecht-tooltip__arrow--bottom {
7062
+ border-bottom-color: var(--_utrecht-tooltip-arrow-border-color);
7063
+ border-top-width: 0;
7064
+ bottom: 100%;
7065
+ left: calc(50% - var(--_utrecht-tooltip-arrow-size));
7066
+ }
7067
+
7068
+ .utrecht-tooltip__arrow--left {
7069
+ border-left-color: var(--_utrecht-tooltip-arrow-border-color);
7070
+ border-right-width: 0;
7071
+ left: 100%;
7072
+ top: calc(50% - var(--_utrecht-tooltip-arrow-size));
7073
+ }
7074
+
7075
+ .utrecht-tooltip[hidden] {
7076
+ display: none;
7077
+ }
7078
+
7079
+ @media print {
7080
+ .utrecht-tooltip {
7081
+ display: none !important;
7082
+ }
7083
+ }
6904
7084
  .utrecht-toptask-link {
6905
7085
  --utrecht-icon-color: currentColor;
6906
7086
  --utrecht-icon-size: var(--utrecht-toptask-link-icon-size);
package/package.json CHANGED
@@ -1,5 +1,5 @@
1
1
  {
2
- "version": "7.2.2",
2
+ "version": "7.4.0",
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",
@@ -20,33 +20,33 @@
20
20
  "directory": "packages/component-library-css"
21
21
  },
22
22
  "dependencies": {
23
+ "@utrecht/alert-css": "2.4.0",
23
24
  "@utrecht/accordion-css": "2.0.0",
25
+ "@utrecht/alert-dialog-css": "1.4.2",
26
+ "@utrecht/alternate-lang-nav-css": "1.3.1",
24
27
  "@utrecht/article-css": "1.5.1",
25
28
  "@utrecht/backdrop-css": "1.4.1",
26
- "@utrecht/alert-css": "2.3.0",
27
- "@utrecht/alert-dialog-css": "1.4.2",
28
- "@utrecht/badge-counter-css": "1.4.1",
29
29
  "@utrecht/badge-list-css": "2.2.1",
30
+ "@utrecht/badge-counter-css": "1.4.1",
30
31
  "@utrecht/badge-status-css": "1.4.1",
31
32
  "@utrecht/blockquote-css": "1.6.1",
32
33
  "@utrecht/body-css": "1.2.1",
33
34
  "@utrecht/breadcrumb-nav-css": "1.5.0",
34
- "@utrecht/button-css": "2.3.1",
35
- "@utrecht/alternate-lang-nav-css": "1.3.1",
36
- "@utrecht/button-group-css": "1.4.1",
37
35
  "@utrecht/button-link-css": "1.3.1",
36
+ "@utrecht/button-group-css": "1.4.1",
38
37
  "@utrecht/calendar-css": "1.4.1",
38
+ "@utrecht/button-css": "2.3.1",
39
39
  "@utrecht/checkbox-css": "1.6.1",
40
- "@utrecht/code-block-css": "1.5.1",
41
40
  "@utrecht/code-css": "1.5.1",
42
41
  "@utrecht/color-sample-css": "1.4.1",
43
42
  "@utrecht/column-layout-css": "1.5.1",
44
43
  "@utrecht/combobox-css": "1.4.1",
45
- "@utrecht/currency-data-css": "1.3.1",
46
44
  "@utrecht/custom-checkbox-css": "1.3.2",
45
+ "@utrecht/currency-data-css": "1.3.1",
47
46
  "@utrecht/data-badge-css": "1.0.1",
48
47
  "@utrecht/data-list-css": "1.4.1",
49
48
  "@utrecht/data-placeholder-css": "1.4.1",
49
+ "@utrecht/digid-button-css": "1.4.1",
50
50
  "@utrecht/document-css": "1.5.1",
51
51
  "@utrecht/drawer-css": "1.4.1",
52
52
  "@utrecht/emphasis-css": "1.5.1",
@@ -55,67 +55,68 @@
55
55
  "@utrecht/form-field-css": "1.5.1",
56
56
  "@utrecht/form-field-description-css": "1.5.1",
57
57
  "@utrecht/form-field-error-message-css": "1.5.1",
58
- "@utrecht/form-fieldset-css": "1.5.1",
59
- "@utrecht/digid-button-css": "1.4.1",
60
58
  "@utrecht/form-label-css": "1.6.1",
61
59
  "@utrecht/form-toggle-css": "1.5.1",
62
60
  "@utrecht/heading-1-css": "1.5.1",
63
61
  "@utrecht/heading-2-css": "1.5.1",
64
62
  "@utrecht/heading-3-css": "1.5.1",
65
- "@utrecht/heading-4-css": "1.5.1",
66
63
  "@utrecht/heading-5-css": "1.5.1",
67
64
  "@utrecht/heading-6-css": "1.5.1",
68
65
  "@utrecht/heading-group-css": "1.5.1",
66
+ "@utrecht/heading-4-css": "1.5.1",
69
67
  "@utrecht/html-content-css": "1.4.1",
70
68
  "@utrecht/iban-data-css": "1.3.1",
71
- "@utrecht/img-css": "1.3.1",
69
+ "@utrecht/icon-css": "2.0.1",
72
70
  "@utrecht/index-char-nav-css": "1.4.1",
71
+ "@utrecht/img-css": "1.3.1",
73
72
  "@utrecht/link-button-css": "1.4.1",
74
73
  "@utrecht/link-css": "1.6.1",
75
- "@utrecht/link-list-css": "2.3.1",
76
74
  "@utrecht/link-social-css": "1.4.1",
75
+ "@utrecht/link-list-css": "2.3.1",
77
76
  "@utrecht/list-social-css": "1.4.1",
78
- "@utrecht/listbox-css": "1.5.2",
79
77
  "@utrecht/logo-button-css": "1.4.1",
80
- "@utrecht/icon-css": "2.0.1",
78
+ "@utrecht/logo-css": "1.4.1",
79
+ "@utrecht/listbox-css": "1.5.2",
81
80
  "@utrecht/logo-image-css": "1.4.1",
82
81
  "@utrecht/map-marker-css": "1.4.1",
83
82
  "@utrecht/mark-css": "1.5.1",
84
83
  "@utrecht/multiline-data-css": "1.3.1",
85
- "@utrecht/nav-bar-css": "1.4.1",
86
84
  "@utrecht/nav-list-css": "1.3.1",
85
+ "@utrecht/nav-bar-css": "1.4.1",
87
86
  "@utrecht/number-badge-css": "2.3.1",
88
87
  "@utrecht/number-data-css": "1.4.1",
89
- "@utrecht/logo-css": "1.4.1",
90
- "@utrecht/ordered-list-css": "1.5.2",
91
88
  "@utrecht/page-body-css": "0.1.1",
89
+ "@utrecht/ordered-list-css": "1.5.2",
92
90
  "@utrecht/page-content-css": "1.4.1",
93
91
  "@utrecht/page-css": "1.4.1",
94
92
  "@utrecht/page-footer-css": "2.1.1",
95
93
  "@utrecht/page-header-css": "1.5.1",
96
94
  "@utrecht/page-layout-css": "1.1.1",
97
- "@utrecht/pagination-css": "1.4.1",
98
95
  "@utrecht/paragraph-css": "2.3.1",
96
+ "@utrecht/pagination-css": "1.4.1",
99
97
  "@utrecht/pre-heading-css": "1.4.1",
100
98
  "@utrecht/preserve-data-css": "1.3.1",
101
99
  "@utrecht/radio-button-css": "1.6.1",
102
100
  "@utrecht/rich-text-css": "1.3.1",
103
- "@utrecht/root-css": "1.2.1",
104
101
  "@utrecht/search-bar-css": "2.2.1",
105
102
  "@utrecht/select-css": "1.8.1",
106
103
  "@utrecht/separator-css": "1.5.1",
104
+ "@utrecht/root-css": "1.2.1",
107
105
  "@utrecht/skip-link-css": "1.5.1",
108
106
  "@utrecht/spotlight-section-css": "1.6.1",
109
- "@utrecht/surface-css": "1.4.1",
110
107
  "@utrecht/table-css": "1.6.1",
111
- "@utrecht/table-of-contents-css": "0.3.1",
112
108
  "@utrecht/textarea-css": "2.3.2",
109
+ "@utrecht/surface-css": "1.4.1",
113
110
  "@utrecht/textbox-css": "1.7.1",
111
+ "@utrecht/table-of-contents-css": "0.3.1",
114
112
  "@utrecht/top-task-link-css": "1.4.1",
115
- "@utrecht/unordered-list-css": "1.5.1",
113
+ "@utrecht/tooltip-css": "1.0.0",
116
114
  "@utrecht/top-task-nav-css": "1.3.1",
115
+ "@utrecht/unordered-list-css": "1.5.1",
117
116
  "@utrecht/url-data-css": "1.3.1",
118
- "@utrecht/youtube-video-css": "1.0.0"
117
+ "@utrecht/youtube-video-css": "1.0.0",
118
+ "@utrecht/code-block-css": "1.5.1",
119
+ "@utrecht/form-fieldset-css": "1.5.1"
119
120
  },
120
121
  "devDependencies": {
121
122
  "postcss": "8.4.38",