@utrecht/component-library-css 1.0.0-alpha.231 → 1.0.0-alpha.232

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 +85 -0
  2. package/package.json +3 -3
  3. package/src/index.scss +1 -0
package/dist/index.css CHANGED
@@ -1065,6 +1065,91 @@ ol.utrecht-breadcrumb__list {
1065
1065
  display: block;
1066
1066
  }
1067
1067
 
1068
+ /**
1069
+ * @license EUPL-1.2
1070
+ * Copyright (c) 2021 Robbert Broersma
1071
+ */
1072
+ /**
1073
+ * @license EUPL-1.2
1074
+ * Copyright (c) 2021 Robbert Broersma
1075
+ */
1076
+ /**
1077
+ * @license EUPL-1.2
1078
+ * Copyright (c) 2021 Gemeente Utrecht
1079
+ * Copyright (c) 2021 Robbert Broersma
1080
+ */
1081
+ /* stylelint-disable-next-line block-no-empty */
1082
+ .utrecht-custom-radio-button {
1083
+ -webkit-appearance: none;
1084
+ -moz-appearance: none;
1085
+ appearance: none;
1086
+ background-color: var(--utrecht-custom-radio-button-background-color);
1087
+ background-position: center;
1088
+ background-repeat: no-repeat;
1089
+ background-size: contain;
1090
+ border-color: var(--utrecht-custom-radio-button-border-color);
1091
+ border-radius: 50%;
1092
+ border-style: solid;
1093
+ border-width: var(--utrecht-custom-radio-button-border-width);
1094
+ height: var(--utrecht-custom-radio-button-size);
1095
+ margin-block-start: var(--utrecht-custom-radio-button-margin-block-start);
1096
+ -webkit-print-color-adjust: exact;
1097
+ print-color-adjust: exact;
1098
+ vertical-align: top;
1099
+ width: var(--utrecht-custom-radio-button-size);
1100
+ }
1101
+
1102
+ .utrecht-custom-radio-button:checked,
1103
+ .utrecht-custom-radio-button--checked {
1104
+ background-color: var(--utrecht-custom-radio-button-checked-background-color, var(--utrecht-custom-radio-button-background-color));
1105
+ background-image: url("data:image/svg+xml,%3Csvg viewBox='-4 -4 8 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3ccircle r='2' fill='%23fff'/%3e%3c/svg%3e");
1106
+ border-color: var(--utrecht-custom-radio-button-checked-border-color, var(--utrecht-custom-radio-button-border-color));
1107
+ border-width: var(--utrecht-custom-radio-button-checked-border-width, var(--utrecht-custom-radio-button-border-width));
1108
+ color: var(--utrecht-custom-radio-button-checked-color, var(--utrecht-custom-radio-button-color));
1109
+ }
1110
+
1111
+ .utrecht-custom-radio-button:active,
1112
+ .utrecht-custom-radio-button--active {
1113
+ background-color: var(--utrecht-custom-radio-button-active-background-color, var(--utrecht-custom-radio-button-background-color));
1114
+ background-image: url("data:image/svg+xml,%3Csvg viewBox='-4 -4 8 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3ccircle r='2' fill='%23fff'/%3e%3c/svg%3e");
1115
+ border-color: var(--utrecht-custom-radio-button-active-border-color, var(--utrecht-custom-radio-button-border-color));
1116
+ border-width: var(--utrecht-custom-radio-button-active-border-width, var(--utrecht-custom-radio-button-border-width));
1117
+ color: var(--utrecht-custom-radio-button-active-color, var(--utrecht-custom-radio-button-color));
1118
+ }
1119
+
1120
+ .utrecht-custom-radio-button--focus,
1121
+ .utrecht-custom-radio-button:focus {
1122
+ border-color: var(--utrecht-custom-radio-button-focus-border-color, var(--utrecht-custom-radio-button-border-color));
1123
+ border-width: var(--utrecht-custom-radio-button-focus-border-width, var(--utrecht-custom-radio-button-border-width));
1124
+ color: var(--utrecht-custom-radio-button-focus-color, var(--utrecht-custom-radio-button-color));
1125
+ }
1126
+
1127
+ .utrecht-custom-radio-button:focus-visible,
1128
+ .utrecht-custom-radio-button--focus-visible {
1129
+ box-shadow: 0 0 0 var(--utrecht-focus-box-shadow-spread-radius, 0) var(--utrecht-focus-box-shadow-color, transparent);
1130
+ outline-color: var(--utrecht-focus-outline-color, transparent);
1131
+ outline-offset: var(--utrecht-focus-outline-offset, 0);
1132
+ outline-style: var(--utrecht-focus-outline-style, solid);
1133
+ outline-width: var(--utrecht-focus-outline-width, 0);
1134
+ }
1135
+
1136
+ .utrecht-custom-radio-button--disabled {
1137
+ background-color: var(--utrecht-custom-radio-button-disabled-background-color, var(--utrecht-custom-radio-button-background-color));
1138
+ background-image: url("data:image/svg+xml,%3Csvg viewBox='-4 -4 8 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3ccircle r='2' fill='%23fff'/%3e%3c/svg%3e");
1139
+ border-color: var(--utrecht-custom-radio-button-disabled-border-color, var(--utrecht-custom-radio-button-border-color));
1140
+ border-width: var(--utrecht-custom-radio-button-disabled-border-width, var(--utrecht-custom-radio-button-border-width));
1141
+ color: var(--utrecht-custom-radio-button-disabled-color, var(--utrecht-custom-radio-button-color));
1142
+ cursor: var(--utrecht-action-disabled-cursor);
1143
+ }
1144
+
1145
+ .utrecht-custom-radio-button--invalid {
1146
+ background-color: var(--utrecht-custom-radio-button-invalid-background-color, var(--utrecht-custom-radio-button-background-color));
1147
+ background-image: url("data:image/svg+xml,%3Csvg viewBox='-4 -4 8 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3ccircle r='2' fill='%23fff'/%3e%3c/svg%3e");
1148
+ border-color: var(--utrecht-custom-radio-button-invalid-border-color, var(--utrecht-custom-radio-button-border-color));
1149
+ border-width: var(--utrecht-custom-radio-button-invalid-border-width, var(--utrecht-custom-radio-button-border-width));
1150
+ color: var(--utrecht-custom-radio-button-invalid-color, var(--utrecht-custom-radio-button-color));
1151
+ }
1152
+
1068
1153
  /**
1069
1154
  * @license EUPL-1.2
1070
1155
  * Copyright (c) 2021 Robbert Broersma
package/package.json CHANGED
@@ -1,5 +1,5 @@
1
1
  {
2
- "version": "1.0.0-alpha.231",
2
+ "version": "1.0.0-alpha.232",
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",
@@ -16,7 +16,7 @@
16
16
  "url": "git@github.com:nl-design-system/utrecht.git"
17
17
  },
18
18
  "devDependencies": {
19
- "@utrecht/design-tokens": "1.0.0-alpha.224",
19
+ "@utrecht/design-tokens": "1.0.0-alpha.225",
20
20
  "node-sass-package-importer": "5.3.2",
21
21
  "rimraf": "3.0.2",
22
22
  "sass": "1.51.0"
@@ -27,5 +27,5 @@
27
27
  "clean": "rimraf dist/"
28
28
  },
29
29
  "main": "dist/index.css",
30
- "gitHead": "4afaa314a8b210cad14a1642f35e1bfaff1a8674"
30
+ "gitHead": "858d3b27a1dc14e68389491faa84338539ccd580"
31
31
  }
package/src/index.scss CHANGED
@@ -28,6 +28,7 @@
28
28
  @import "../../../components/button-link/css";
29
29
  @import "../../../components/checkbox/css";
30
30
  @import "../../../components/custom-checkbox/css";
31
+ @import "../../../components/custom-radio-button/css";
31
32
  @import "../../../components/digid-button/css";
32
33
  @import "../../../components/document/css";
33
34
  @import "../../../components/emphasis/css";