@utrecht/component-library-css 1.0.0-alpha.341 → 1.0.0-alpha.343

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/html.css +14 -8
  2. package/dist/index.css +15 -9
  3. package/package.json +2 -2
package/dist/html.css CHANGED
@@ -1080,12 +1080,15 @@ however browsers don't seem to have implemented great looking supixel tweening y
1080
1080
  color: var(--utrecht-textarea-color, var(--utrecht-form-input-color));
1081
1081
  font-family: var(--utrecht-textarea-font-family, var(--utrecht-form-input-font-family));
1082
1082
  font-size: var(--utrecht-textarea-font-size, var(--utrecht-form-input-font-size, 1em));
1083
+ font-weight: initial; /* harden */
1084
+ height: initial; /* harden */
1085
+ line-height: var(--utrecht-textarea-line-height, initial);
1083
1086
  max-inline-size: var(--utrecht-textarea-max-inline-size, var(--utrecht-form-input-max-inline-size));
1084
1087
  min-block-size: var(--utrecht-textarea-min-block-size);
1085
- padding-block-end: var(--utrecht-textarea-padding-block-end, var(--utrecht-form-input-padding-block-end));
1086
- padding-block-start: var(--utrecht-textarea-padding-block-start, var(--utrecht-form-input-padding-block-start));
1087
- padding-inline-end: var(--utrecht-textarea-padding-inline-end, var(--utrecht-form-input-padding-inline-end));
1088
- padding-inline-start: var(--utrecht-textarea-padding-inline-start, var(--utrecht-form-input-padding-inline-start));
1088
+ padding-block-end: var(--utrecht-textarea-padding-block-end, var(--utrecht-form-input-padding-block-end, 0));
1089
+ padding-block-start: var(--utrecht-textarea-padding-block-start, var(--utrecht-form-input-padding-block-start, 0));
1090
+ padding-inline-end: var(--utrecht-textarea-padding-inline-end, var(--utrecht-form-input-padding-inline-end, initial));
1091
+ padding-inline-start: var(--utrecht-textarea-padding-inline-start, var(--utrecht-form-input-padding-inline-start, initial));
1089
1092
  resize: vertical;
1090
1093
  width: 100%;
1091
1094
  }
@@ -1147,11 +1150,14 @@ however browsers don't seem to have implemented great looking supixel tweening y
1147
1150
  color: var(--utrecht-textbox-color, var(--utrecht-form-input-color));
1148
1151
  font-family: var(--utrecht-textbox-font-family, var(--utrecht-form-input-font-family));
1149
1152
  font-size: var(--utrecht-textbox-font-size, var(--utrecht-form-input-font-size, 1em));
1153
+ font-weight: initial; /* harden */
1154
+ height: initial; /* harden */
1155
+ line-height: initial; /* harden */
1150
1156
  max-inline-size: var(--utrecht-textbox-max-inline-size, var(--utrecht-form-input-max-inline-size));
1151
- padding-block-end: var(--utrecht-textbox-padding-block-end, var(--utrecht-form-input-padding-block-end));
1152
- padding-block-start: var(--utrecht-textbox-padding-block-start, var(--utrecht-form-input-padding-block-start));
1153
- padding-inline-end: var(--utrecht-textbox-padding-inline-end, var(--utrecht-form-input-padding-inline-end));
1154
- padding-inline-start: var(--utrecht-textbox-padding-inline-start, var(--utrecht-form-input-padding-inline-start));
1157
+ padding-block-end: var(--utrecht-textbox-padding-block-end, var(--utrecht-form-input-padding-block-end, 0));
1158
+ padding-block-start: var(--utrecht-textbox-padding-block-start, var(--utrecht-form-input-padding-block-start, 0));
1159
+ padding-inline-end: var(--utrecht-textbox-padding-inline-end, var(--utrecht-form-input-padding-inline-end, initial));
1160
+ padding-inline-start: var(--utrecht-textbox-padding-inline-start, var(--utrecht-form-input-padding-inline-start, initial));
1155
1161
  width: 100%;
1156
1162
  }
1157
1163
  .utrecht-html input:not([type]):disabled,
package/dist/index.css CHANGED
@@ -4182,12 +4182,15 @@ however browsers don't seem to have implemented great looking supixel tweening y
4182
4182
  color: var(--utrecht-textarea-color, var(--utrecht-form-input-color));
4183
4183
  font-family: var(--utrecht-textarea-font-family, var(--utrecht-form-input-font-family));
4184
4184
  font-size: var(--utrecht-textarea-font-size, var(--utrecht-form-input-font-size, 1em));
4185
+ font-weight: initial; /* harden */
4186
+ height: initial; /* harden */
4187
+ line-height: var(--utrecht-textarea-line-height, initial);
4185
4188
  max-inline-size: var(--utrecht-textarea-max-inline-size, var(--utrecht-form-input-max-inline-size));
4186
4189
  min-block-size: var(--utrecht-textarea-min-block-size);
4187
- padding-block-end: var(--utrecht-textarea-padding-block-end, var(--utrecht-form-input-padding-block-end));
4188
- padding-block-start: var(--utrecht-textarea-padding-block-start, var(--utrecht-form-input-padding-block-start));
4189
- padding-inline-end: var(--utrecht-textarea-padding-inline-end, var(--utrecht-form-input-padding-inline-end));
4190
- padding-inline-start: var(--utrecht-textarea-padding-inline-start, var(--utrecht-form-input-padding-inline-start));
4190
+ padding-block-end: var(--utrecht-textarea-padding-block-end, var(--utrecht-form-input-padding-block-end, 0));
4191
+ padding-block-start: var(--utrecht-textarea-padding-block-start, var(--utrecht-form-input-padding-block-start, 0));
4192
+ padding-inline-end: var(--utrecht-textarea-padding-inline-end, var(--utrecht-form-input-padding-inline-end, initial));
4193
+ padding-inline-start: var(--utrecht-textarea-padding-inline-start, var(--utrecht-form-input-padding-inline-start, initial));
4191
4194
  resize: vertical;
4192
4195
  width: 100%;
4193
4196
  }
@@ -4297,11 +4300,14 @@ however browsers don't seem to have implemented great looking supixel tweening y
4297
4300
  color: var(--utrecht-textbox-color, var(--utrecht-form-input-color));
4298
4301
  font-family: var(--utrecht-textbox-font-family, var(--utrecht-form-input-font-family));
4299
4302
  font-size: var(--utrecht-textbox-font-size, var(--utrecht-form-input-font-size, 1em));
4303
+ font-weight: initial; /* harden */
4304
+ height: initial; /* harden */
4305
+ line-height: initial; /* harden */
4300
4306
  max-inline-size: var(--utrecht-textbox-max-inline-size, var(--utrecht-form-input-max-inline-size));
4301
- padding-block-end: var(--utrecht-textbox-padding-block-end, var(--utrecht-form-input-padding-block-end));
4302
- padding-block-start: var(--utrecht-textbox-padding-block-start, var(--utrecht-form-input-padding-block-start));
4303
- padding-inline-end: var(--utrecht-textbox-padding-inline-end, var(--utrecht-form-input-padding-inline-end));
4304
- padding-inline-start: var(--utrecht-textbox-padding-inline-start, var(--utrecht-form-input-padding-inline-start));
4307
+ padding-block-end: var(--utrecht-textbox-padding-block-end, var(--utrecht-form-input-padding-block-end, 0));
4308
+ padding-block-start: var(--utrecht-textbox-padding-block-start, var(--utrecht-form-input-padding-block-start, 0));
4309
+ padding-inline-end: var(--utrecht-textbox-padding-inline-end, var(--utrecht-form-input-padding-inline-end, initial));
4310
+ padding-inline-start: var(--utrecht-textbox-padding-inline-start, var(--utrecht-form-input-padding-inline-start, initial));
4305
4311
  width: 100%;
4306
4312
  }
4307
4313
 
@@ -4399,7 +4405,7 @@ however browsers don't seem to have implemented great looking supixel tweening y
4399
4405
  .utrecht-textbox--html-input[type=url i], .utrecht-textbox--html-input[type=email i], .utrecht-textbox--html-input[inputMode=email i], .utrecht-textbox--html-input[inputMode=url i] {
4400
4406
  font-variant-ligatures: none;
4401
4407
  }
4402
- .utrecht-textbox--html-input[type=number i], .utrecht-textbox--html-input[type=tel i], .utrecht-textbox--html-input[inputMode=numeric i], .utrecht-textbox--html-input[inputMode=decimal i], .utrecht-textbox--html-input[inputMode=tel i] {
4408
+ .utrecht-textbox--html-input[pattern="\\d*"], .utrecht-textbox--html-input[pattern="[0-9]*"], .utrecht-textbox--html-input[type=number i], .utrecht-textbox--html-input[type=tel i], .utrecht-textbox--html-input[inputMode=numeric i], .utrecht-textbox--html-input[inputMode=decimal i], .utrecht-textbox--html-input[inputMode=tel i] {
4403
4409
  -moz-appearance: textfield; /* avoid spinner input in Firefox */
4404
4410
  font-variant-numeric: lining-nums tabular-nums;
4405
4411
  }
package/package.json CHANGED
@@ -1,5 +1,5 @@
1
1
  {
2
- "version": "1.0.0-alpha.341",
2
+ "version": "1.0.0-alpha.343",
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",
@@ -26,5 +26,5 @@
26
26
  "clean": "rimraf dist/"
27
27
  },
28
28
  "main": "dist/index.css",
29
- "gitHead": "7324a865bfa280b794843a11f7a65c21ff1c7d32"
29
+ "gitHead": "08f00991ed45538b70d04bef86ea36fed208a971"
30
30
  }