@utrecht/component-library-css 7.1.3 → 7.1.5

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/html.css CHANGED
@@ -1055,8 +1055,8 @@
1055
1055
  color: var(--utrecht-textarea-invalid-color, var(--utrecht-form-control-invalid-color, var(--utrecht-textarea-color, var(--utrecht-form-control-color))));
1056
1056
  }
1057
1057
  .utrecht-html textarea:read-only {
1058
- background-color: var(--utrecht-textarea-read-only-border, var(--utrecht-form-control-read-only-background-color, var(--utrecht-textarea-border, var(--utrecht-form-control-background-color))));
1059
- border-color: var(--utrecht-textarea-read-only-border, var(--utrecht-form-control-read-only-border-color, var(--utrecht-textarea-border, var(--utrecht-form-control-border-color))));
1058
+ background-color: var(--utrecht-textarea-read-only-background-color, var(--utrecht-form-control-read-only-background-color, var(--utrecht-textarea-background-color, var(--utrecht-form-control-background-color))));
1059
+ border-color: var(--utrecht-textarea-read-only-border-color, var(--utrecht-form-control-read-only-border-color, var(--utrecht-textarea-border-color, var(--utrecht-form-control-border-color))));
1060
1060
  color: var(--utrecht-textarea-read-only-color, var(--utrecht-form-control-read-only-color, var(--utrecht-textarea-color, var(--utrecht-form-control-color))));
1061
1061
  }
1062
1062
  .utrecht-html textarea:disabled {
package/dist/index.css CHANGED
@@ -6340,13 +6340,17 @@
6340
6340
  margin-inline-end: 0;
6341
6341
  margin-inline-start: 0;
6342
6342
  }
6343
+ .utrecht-table-container {
6344
+ display: block;
6345
+ overflow: auto;
6346
+ }
6347
+
6343
6348
  .utrecht-table-container--overflow-inline {
6344
6349
  background-attachment: local, local, scroll, scroll;
6345
6350
  background-image: linear-gradient(to right, white, white), linear-gradient(to right, white, white), linear-gradient(to right, rgba(0, 0, 0, 0.25), rgba(255, 255, 255, 0)), linear-gradient(to left, rgba(0, 0, 0, 0.25), rgba(255, 255, 255, 0));
6346
6351
  background-position: left center, right center, left center, right center;
6347
6352
  background-repeat: no-repeat;
6348
6353
  background-size: 20px 100%, 20px 100%, 10px 100%, 10px 100%;
6349
- overflow: auto;
6350
6354
  }
6351
6355
 
6352
6356
  .utrecht-table {
@@ -6730,8 +6734,8 @@
6730
6734
  }
6731
6735
 
6732
6736
  .utrecht-textarea--read-only {
6733
- background-color: var(--utrecht-textarea-read-only-border, var(--utrecht-form-control-read-only-background-color, var(--utrecht-textarea-border, var(--utrecht-form-control-background-color))));
6734
- border-color: var(--utrecht-textarea-read-only-border, var(--utrecht-form-control-read-only-border-color, var(--utrecht-textarea-border, var(--utrecht-form-control-border-color))));
6737
+ background-color: var(--utrecht-textarea-read-only-background-color, var(--utrecht-form-control-read-only-background-color, var(--utrecht-textarea-background-color, var(--utrecht-form-control-background-color))));
6738
+ border-color: var(--utrecht-textarea-read-only-border-color, var(--utrecht-form-control-read-only-border-color, var(--utrecht-textarea-border-color, var(--utrecht-form-control-border-color))));
6735
6739
  color: var(--utrecht-textarea-read-only-color, var(--utrecht-form-control-read-only-color, var(--utrecht-textarea-color, var(--utrecht-form-control-color))));
6736
6740
  }
6737
6741
 
@@ -6773,8 +6777,8 @@
6773
6777
  color: var(--utrecht-textarea-invalid-color, var(--utrecht-form-control-invalid-color, var(--utrecht-textarea-color, var(--utrecht-form-control-color))));
6774
6778
  }
6775
6779
  .utrecht-textarea--html-textarea:read-only {
6776
- background-color: var(--utrecht-textarea-read-only-border, var(--utrecht-form-control-read-only-background-color, var(--utrecht-textarea-border, var(--utrecht-form-control-background-color))));
6777
- border-color: var(--utrecht-textarea-read-only-border, var(--utrecht-form-control-read-only-border-color, var(--utrecht-textarea-border, var(--utrecht-form-control-border-color))));
6780
+ background-color: var(--utrecht-textarea-read-only-background-color, var(--utrecht-form-control-read-only-background-color, var(--utrecht-textarea-background-color, var(--utrecht-form-control-background-color))));
6781
+ border-color: var(--utrecht-textarea-read-only-border-color, var(--utrecht-form-control-read-only-border-color, var(--utrecht-textarea-border-color, var(--utrecht-form-control-border-color))));
6778
6782
  color: var(--utrecht-textarea-read-only-color, var(--utrecht-form-control-read-only-color, var(--utrecht-textarea-color, var(--utrecht-form-control-color))));
6779
6783
  }
6780
6784
  .utrecht-textarea--html-textarea:disabled {
@@ -6208,13 +6208,17 @@
6208
6208
  margin-right: 0;
6209
6209
  margin-left: 0;
6210
6210
  }
6211
+ .utrecht-table-container {
6212
+ display: block;
6213
+ overflow: auto;
6214
+ }
6215
+
6211
6216
  .utrecht-table-container--overflow-inline {
6212
6217
  background-attachment: local, local, scroll, scroll;
6213
6218
  background-image: linear-gradient(to right, white, white), linear-gradient(to right, white, white), linear-gradient(to right, rgba(0, 0, 0, 0.25), rgba(255, 255, 255, 0)), linear-gradient(to left, rgba(0, 0, 0, 0.25), rgba(255, 255, 255, 0));
6214
6219
  background-position: left center, right center, left center, right center;
6215
6220
  background-repeat: no-repeat;
6216
6221
  background-size: 20px 100%, 20px 100%, 10px 100%, 10px 100%;
6217
- overflow: auto;
6218
6222
  }
6219
6223
 
6220
6224
  .utrecht-table {
@@ -6621,8 +6625,8 @@
6621
6625
  }
6622
6626
 
6623
6627
  .utrecht-textarea--read-only {
6624
- background-color: var(--utrecht-textarea-read-only-border, var(--utrecht-form-control-read-only-background-color, var(--utrecht-textarea-border, var(--utrecht-form-control-background-color))));
6625
- border-color: var(--utrecht-textarea-read-only-border, var(--utrecht-form-control-read-only-border-color, var(--utrecht-textarea-border, var(--utrecht-form-control-border-color))));
6628
+ background-color: var(--utrecht-textarea-read-only-background-color, var(--utrecht-form-control-read-only-background-color, var(--utrecht-textarea-background-color, var(--utrecht-form-control-background-color))));
6629
+ border-color: var(--utrecht-textarea-read-only-border-color, var(--utrecht-form-control-read-only-border-color, var(--utrecht-textarea-border-color, var(--utrecht-form-control-border-color))));
6626
6630
  color: var(--utrecht-textarea-read-only-color, var(--utrecht-form-control-read-only-color, var(--utrecht-textarea-color, var(--utrecht-form-control-color))));
6627
6631
  }
6628
6632
 
@@ -6664,8 +6668,8 @@
6664
6668
  color: var(--utrecht-textarea-invalid-color, var(--utrecht-form-control-invalid-color, var(--utrecht-textarea-color, var(--utrecht-form-control-color))));
6665
6669
  }
6666
6670
  .utrecht-textarea--html-textarea:read-only {
6667
- background-color: var(--utrecht-textarea-read-only-border, var(--utrecht-form-control-read-only-background-color, var(--utrecht-textarea-border, var(--utrecht-form-control-background-color))));
6668
- border-color: var(--utrecht-textarea-read-only-border, var(--utrecht-form-control-read-only-border-color, var(--utrecht-textarea-border, var(--utrecht-form-control-border-color))));
6671
+ background-color: var(--utrecht-textarea-read-only-background-color, var(--utrecht-form-control-read-only-background-color, var(--utrecht-textarea-background-color, var(--utrecht-form-control-background-color))));
6672
+ border-color: var(--utrecht-textarea-read-only-border-color, var(--utrecht-form-control-read-only-border-color, var(--utrecht-textarea-border-color, var(--utrecht-form-control-border-color))));
6669
6673
  color: var(--utrecht-textarea-read-only-color, var(--utrecht-form-control-read-only-color, var(--utrecht-textarea-color, var(--utrecht-form-control-color))));
6670
6674
  }
6671
6675
  .utrecht-textarea--html-textarea:disabled {
@@ -8076,8 +8080,8 @@
8076
8080
  color: var(--utrecht-textarea-invalid-color, var(--utrecht-form-control-invalid-color, var(--utrecht-textarea-color, var(--utrecht-form-control-color))));
8077
8081
  }
8078
8082
  .utrecht-html textarea:read-only {
8079
- background-color: var(--utrecht-textarea-read-only-border, var(--utrecht-form-control-read-only-background-color, var(--utrecht-textarea-border, var(--utrecht-form-control-background-color))));
8080
- border-color: var(--utrecht-textarea-read-only-border, var(--utrecht-form-control-read-only-border-color, var(--utrecht-textarea-border, var(--utrecht-form-control-border-color))));
8083
+ background-color: var(--utrecht-textarea-read-only-background-color, var(--utrecht-form-control-read-only-background-color, var(--utrecht-textarea-background-color, var(--utrecht-form-control-background-color))));
8084
+ border-color: var(--utrecht-textarea-read-only-border-color, var(--utrecht-form-control-read-only-border-color, var(--utrecht-textarea-border-color, var(--utrecht-form-control-border-color))));
8081
8085
  color: var(--utrecht-textarea-read-only-color, var(--utrecht-form-control-read-only-color, var(--utrecht-textarea-color, var(--utrecht-form-control-color))));
8082
8086
  }
8083
8087
  .utrecht-html textarea:disabled {
package/package.json CHANGED
@@ -1,5 +1,5 @@
1
1
  {
2
- "version": "7.1.3",
2
+ "version": "7.1.5",
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",
@@ -28,8 +28,8 @@
28
28
  "@utrecht/backdrop-css": "1.4.0",
29
29
  "@utrecht/badge-counter-css": "1.4.0",
30
30
  "@utrecht/badge-list-css": "2.2.0",
31
- "@utrecht/badge-status-css": "1.4.0",
32
31
  "@utrecht/blockquote-css": "1.6.0",
32
+ "@utrecht/badge-status-css": "1.4.0",
33
33
  "@utrecht/body-css": "1.2.0",
34
34
  "@utrecht/breadcrumb-nav-css": "1.4.0",
35
35
  "@utrecht/button-css": "2.3.0",
@@ -46,7 +46,6 @@
46
46
  "@utrecht/custom-checkbox-css": "1.3.1",
47
47
  "@utrecht/data-badge-css": "1.0.0",
48
48
  "@utrecht/data-list-css": "1.4.0",
49
- "@utrecht/data-placeholder-css": "1.4.0",
50
49
  "@utrecht/digid-button-css": "1.4.0",
51
50
  "@utrecht/document-css": "1.5.0",
52
51
  "@utrecht/drawer-css": "1.4.0",
@@ -99,22 +98,23 @@
99
98
  "@utrecht/pre-heading-css": "1.4.0",
100
99
  "@utrecht/preserve-data-css": "1.3.0",
101
100
  "@utrecht/radio-button-css": "1.6.0",
102
- "@utrecht/rich-text-css": "1.3.0",
103
101
  "@utrecht/root-css": "1.2.0",
102
+ "@utrecht/rich-text-css": "1.3.0",
104
103
  "@utrecht/search-bar-css": "2.2.0",
105
104
  "@utrecht/select-css": "1.8.0",
106
105
  "@utrecht/separator-css": "1.5.0",
107
106
  "@utrecht/skip-link-css": "1.5.0",
108
107
  "@utrecht/spotlight-section-css": "1.6.0",
109
108
  "@utrecht/surface-css": "1.4.0",
110
- "@utrecht/table-css": "1.5.0",
109
+ "@utrecht/table-css": "1.6.0",
111
110
  "@utrecht/table-of-contents-css": "0.3.0",
112
- "@utrecht/textarea-css": "2.3.0",
111
+ "@utrecht/textarea-css": "2.3.1",
113
112
  "@utrecht/textbox-css": "1.7.0",
114
113
  "@utrecht/top-task-link-css": "1.4.0",
115
114
  "@utrecht/top-task-nav-css": "1.3.0",
116
115
  "@utrecht/unordered-list-css": "1.5.0",
117
- "@utrecht/url-data-css": "1.3.0"
116
+ "@utrecht/url-data-css": "1.3.0",
117
+ "@utrecht/data-placeholder-css": "1.4.0"
118
118
  },
119
119
  "devDependencies": {
120
120
  "postcss": "8.4.38",