@gov-design-system-ce/components 4.0.6-alpha.5 → 4.0.7

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 (82) hide show
  1. package/dist/cjs/gov-breadcrumbs.cjs.entry.js +1 -1
  2. package/dist/cjs/gov-breadcrumbs.cjs.entry.js.map +1 -1
  3. package/dist/cjs/gov-chip.cjs.entry.js +1 -1
  4. package/dist/cjs/gov-chip.cjs.entry.js.map +1 -1
  5. package/dist/cjs/gov-icon.cjs.entry.js +1 -1
  6. package/dist/cjs/gov-tag.cjs.entry.js +1 -1
  7. package/dist/cjs/gov-tag.cjs.entry.js.map +1 -1
  8. package/dist/collection/components/gov-breadcrumbs/gov-breadcrumbs.css +1 -0
  9. package/dist/collection/components/gov-button/button/gov-button.css +1 -1
  10. package/dist/collection/components/gov-chip/gov-chip.css +1 -5
  11. package/dist/collection/components/gov-tag/gov-tag.css +4 -99
  12. package/dist/collection/pages/Button.js +1 -1
  13. package/dist/collection/pages/Button.js.map +1 -1
  14. package/dist/collection/pages/Tag.js +27 -27
  15. package/dist/collection/pages/Tag.js.map +1 -1
  16. package/dist/components/gov-accordion-item.js +1 -1
  17. package/dist/components/gov-attachments-item.js +1 -1
  18. package/dist/components/gov-breadcrumbs.js +1 -1
  19. package/dist/components/gov-breadcrumbs.js.map +1 -1
  20. package/dist/components/gov-button.js +1 -1
  21. package/dist/components/gov-card.js +1 -1
  22. package/dist/components/gov-chip.js +1 -1
  23. package/dist/components/gov-form-autocomplete.js +1 -1
  24. package/dist/components/gov-form-checkbox.js +1 -1
  25. package/dist/components/gov-form-file.js +1 -1
  26. package/dist/components/gov-form-input.js +1 -1
  27. package/dist/components/gov-form-multi-select.js +1 -1
  28. package/dist/components/gov-form-select.js +1 -1
  29. package/dist/components/gov-icon.js +1 -1
  30. package/dist/components/gov-infobar.js +1 -1
  31. package/dist/components/gov-loading.js +1 -1
  32. package/dist/components/gov-modal.js +1 -1
  33. package/dist/components/gov-pagination.js +1 -1
  34. package/dist/components/gov-prompt.js +1 -1
  35. package/dist/components/gov-side-nav-item.js +1 -1
  36. package/dist/components/gov-tabs.js +1 -1
  37. package/dist/components/gov-tag.js +1 -1
  38. package/dist/components/gov-tag.js.map +1 -1
  39. package/dist/components/gov-toast.js +1 -1
  40. package/dist/components/gov-tooltip-content.js +1 -1
  41. package/dist/components/gov-wizard-item.js +1 -1
  42. package/dist/components/{p-d25560a5.js → p-2d5d24af.js} +2 -2
  43. package/dist/components/{p-8872a404.js → p-44762d17.js} +2 -2
  44. package/dist/components/{p-18a543f3.js → p-5dbe0178.js} +2 -2
  45. package/dist/components/{p-4a8e6cf3.js → p-76b229e3.js} +2 -2
  46. package/dist/components/p-8b7b916a.js +2 -0
  47. package/dist/components/{p-cdf58536.js.map → p-8b7b916a.js.map} +1 -1
  48. package/dist/components/{p-eb3f5481.js → p-976404a5.js} +2 -2
  49. package/dist/components/p-976404a5.js.map +1 -0
  50. package/dist/components/{p-112a64fe.js → p-99860f34.js} +2 -2
  51. package/dist/core/core.esm.js +1 -1
  52. package/dist/core/{p-94399ded.entry.js → p-2d1f3d62.entry.js} +2 -2
  53. package/dist/core/p-2d1f3d62.entry.js.map +1 -0
  54. package/dist/core/p-a49391e5.entry.js +2 -0
  55. package/dist/core/p-a49391e5.entry.js.map +1 -0
  56. package/dist/core/{p-24272c1a.entry.js → p-aaf2510a.entry.js} +2 -2
  57. package/dist/core/p-aaf2510a.entry.js.map +1 -0
  58. package/dist/core/p-e3b14974.entry.js +2 -0
  59. package/dist/core/{p-57435302.entry.js.map → p-e3b14974.entry.js.map} +1 -1
  60. package/dist/esm/gov-breadcrumbs.entry.js +1 -1
  61. package/dist/esm/gov-breadcrumbs.entry.js.map +1 -1
  62. package/dist/esm/gov-chip.entry.js +1 -1
  63. package/dist/esm/gov-chip.entry.js.map +1 -1
  64. package/dist/esm/gov-icon.entry.js +1 -1
  65. package/dist/esm/gov-tag.entry.js +1 -1
  66. package/dist/esm/gov-tag.entry.js.map +1 -1
  67. package/dist/globals.d.ts +2 -0
  68. package/dist/hydrate/index.js +3 -3
  69. package/dist/types/types/typings.d.ts +6 -0
  70. package/package.json +2 -2
  71. package/dist/components/p-cdf58536.js +0 -2
  72. package/dist/components/p-eb3f5481.js.map +0 -1
  73. package/dist/core/p-24272c1a.entry.js.map +0 -1
  74. package/dist/core/p-57435302.entry.js +0 -2
  75. package/dist/core/p-94399ded.entry.js.map +0 -1
  76. package/dist/core/p-e083ebd1.entry.js +0 -2
  77. package/dist/core/p-e083ebd1.entry.js.map +0 -1
  78. /package/dist/components/{p-d25560a5.js.map → p-2d5d24af.js.map} +0 -0
  79. /package/dist/components/{p-8872a404.js.map → p-44762d17.js.map} +0 -0
  80. /package/dist/components/{p-18a543f3.js.map → p-5dbe0178.js.map} +0 -0
  81. /package/dist/components/{p-4a8e6cf3.js.map → p-76b229e3.js.map} +0 -0
  82. /package/dist/components/{p-112a64fe.js.map → p-99860f34.js.map} +0 -0
package/dist/collection/components/gov-tag/gov-tag.css CHANGED
@@ -231,7 +231,7 @@
231
231
  * Tag
232
232
  */
233
233
  /*
234
- * Button & Chip Shared Definitions
234
+ * Button & Chip & Tag Shared Definitions
235
235
  */
236
236
  .gov-tag .element {
237
237
  margin: 0;
@@ -1088,90 +1088,35 @@
1088
1088
  height: var(--gov-button-xl-icon-size, 1.75rem);
1089
1089
  }
1090
1090
 
1091
- .gov-tag {
1092
- display: inline-flex;
1093
- }
1094
- .gov-tag a .gov-icon {
1095
- margin: 0;
1096
- }
1097
- .gov-tag .element {
1098
- padding: 0.25rem 0.5rem;
1099
- font-family: var(--gov-font-family, "Roboto", sans-serif);
1100
- font-weight: 400;
1101
- letter-spacing: initial;
1102
- }
1103
- .gov-tag .gov-button .element {
1104
- border: none;
1091
+ .gov-tag[type=solid][variant=warning] .element {
1092
+ background-color: var(--gov-button-warning-solid-bg, var(--gov-color-warning-400));
1093
+ color: var(--gov-button-warning-solid-color, var(--gov-color-neutral-black));
1105
1094
  }
1106
1095
  .gov-tag[size=xs] .element {
1107
1096
  border-radius: var(--gov-tag-radius, 0.25rem);
1108
1097
  -moz-column-gap: var(--gov-tag-gap, 0.5rem);
1109
1098
  column-gap: var(--gov-tag-gap, 0.5rem);
1110
1099
  }
1111
- .gov-tag[size=xs][hoverable] .element:focus {
1112
- outline: none;
1113
- }
1114
- .gov-tag[size=xs][hoverable] .element:focus-visible {
1115
- border-radius: var(--gov-tag-radius, 0.25rem);
1116
- outline: var(--gov-outline-width, 0.125rem) solid var(--gov-color-focus-base);
1117
- outline-offset: 0.0625rem;
1118
- }
1119
1100
  .gov-tag[size=s] .element {
1120
1101
  border-radius: var(--gov-tag-radius, 0.25rem);
1121
1102
  -moz-column-gap: var(--gov-tag-gap, 0.5rem);
1122
1103
  column-gap: var(--gov-tag-gap, 0.5rem);
1123
1104
  }
1124
- .gov-tag[size=s][hoverable] .element:focus {
1125
- outline: none;
1126
- }
1127
- .gov-tag[size=s][hoverable] .element:focus-visible {
1128
- border-radius: var(--gov-tag-radius, 0.25rem);
1129
- outline: var(--gov-outline-width, 0.125rem) solid var(--gov-color-focus-base);
1130
- outline-offset: 0.0625rem;
1131
- }
1132
1105
  .gov-tag[size=m] .element {
1133
1106
  border-radius: var(--gov-tag-radius, 0.25rem);
1134
1107
  -moz-column-gap: var(--gov-tag-gap, 0.5rem);
1135
1108
  column-gap: var(--gov-tag-gap, 0.5rem);
1136
1109
  }
1137
- .gov-tag[size=m][hoverable] .element:focus {
1138
- outline: none;
1139
- }
1140
- .gov-tag[size=m][hoverable] .element:focus-visible {
1141
- border-radius: var(--gov-tag-radius, 0.25rem);
1142
- outline: var(--gov-outline-width, 0.125rem) solid var(--gov-color-focus-base);
1143
- outline-offset: 0.0625rem;
1144
- }
1145
1110
  .gov-tag[size=l] .element {
1146
1111
  border-radius: var(--gov-tag-radius, 0.25rem);
1147
1112
  -moz-column-gap: var(--gov-tag-gap, 0.5rem);
1148
1113
  column-gap: var(--gov-tag-gap, 0.5rem);
1149
1114
  }
1150
- .gov-tag[size=l][hoverable] .element:focus {
1151
- outline: none;
1152
- }
1153
- .gov-tag[size=l][hoverable] .element:focus-visible {
1154
- border-radius: var(--gov-tag-radius, 0.25rem);
1155
- outline: var(--gov-outline-width, 0.125rem) solid var(--gov-color-focus-base);
1156
- outline-offset: 0.0625rem;
1157
- }
1158
1115
  .gov-tag[size=xl] .element {
1159
1116
  border-radius: var(--gov-tag-radius, 0.25rem);
1160
1117
  -moz-column-gap: var(--gov-tag-gap, 0.5rem);
1161
1118
  column-gap: var(--gov-tag-gap, 0.5rem);
1162
1119
  }
1163
- .gov-tag[size=xl][hoverable] .element:focus {
1164
- outline: none;
1165
- }
1166
- .gov-tag[size=xl][hoverable] .element:focus-visible {
1167
- border-radius: var(--gov-tag-radius, 0.25rem);
1168
- outline: var(--gov-outline-width, 0.125rem) solid var(--gov-color-focus-base);
1169
- outline-offset: 0.0625rem;
1170
- }
1171
- .gov-tag[type=solid][variant=warning] .element {
1172
- background-color: var(--gov-button-warning-solid-bg, var(--gov-color-warning-400));
1173
- color: var(--gov-button-warning-solid-color, var(--gov-color-neutral-black));
1174
- }
1175
1120
  .gov-tag[variant=primary][inverse=""] .element,
1176
1121
  .gov-tag[variant=primary][inverse=""] .element .element, .gov-tag[variant=primary][inverse=true i] .element,
1177
1122
  .gov-tag[variant=primary][inverse=true i] .element .element, .gov-tag[variant=primary][inverse="1"] .element,
@@ -1181,14 +1126,6 @@
1181
1126
  background-color: var(--gov-chip-inverse-primary-bg, var(--gov-color-primary-200));
1182
1127
  color: var(--gov-chip-inverse-primary-color, var(--gov-color-primary));
1183
1128
  }
1184
- @media not all and (pointer: coarse) {
1185
- .gov-tag[variant=primary][inverse=""] .element:hover,
1186
- .gov-tag[variant=primary][inverse=""] .element .element:hover, .gov-tag[variant=primary][inverse=true i] .element:hover,
1187
- .gov-tag[variant=primary][inverse=true i] .element .element:hover, .gov-tag[variant=primary][inverse="1"] .element:hover,
1188
- .gov-tag[variant=primary][inverse="1"] .element .element:hover {
1189
- border-color: var(--gov-chip-inverse-primary-border-color-hover, var(--gov-color-primary-200));
1190
- }
1191
- }
1192
1129
  .gov-tag[variant=secondary][inverse=""] .element,
1193
1130
  .gov-tag[variant=secondary][inverse=""] .element .element, .gov-tag[variant=secondary][inverse=true i] .element,
1194
1131
  .gov-tag[variant=secondary][inverse=true i] .element .element, .gov-tag[variant=secondary][inverse="1"] .element,
@@ -1198,14 +1135,6 @@
1198
1135
  background-color: var(--gov-chip-inverse-secondary-bg, var(--gov-color-secondary-200));
1199
1136
  color: var(--gov-chip-inverse-secondary-color, var(--gov-color-secondary-900));
1200
1137
  }
1201
- @media not all and (pointer: coarse) {
1202
- .gov-tag[variant=secondary][inverse=""] .element:hover,
1203
- .gov-tag[variant=secondary][inverse=""] .element .element:hover, .gov-tag[variant=secondary][inverse=true i] .element:hover,
1204
- .gov-tag[variant=secondary][inverse=true i] .element .element:hover, .gov-tag[variant=secondary][inverse="1"] .element:hover,
1205
- .gov-tag[variant=secondary][inverse="1"] .element .element:hover {
1206
- border-color: var(--gov-chip-inverse-secondary-border-color-hover, var(--gov-color-secondary-400));
1207
- }
1208
- }
1209
1138
  .gov-tag[variant=success][inverse=""] .element,
1210
1139
  .gov-tag[variant=success][inverse=""] .element .element, .gov-tag[variant=success][inverse=true i] .element,
1211
1140
  .gov-tag[variant=success][inverse=true i] .element .element, .gov-tag[variant=success][inverse="1"] .element,
@@ -1215,14 +1144,6 @@
1215
1144
  background-color: var(--gov-chip-inverse-success-bg, var(--gov-color-success-100));
1216
1145
  color: var(--gov-chip-inverse-success-color, var(--gov-color-success-600));
1217
1146
  }
1218
- @media not all and (pointer: coarse) {
1219
- .gov-tag[variant=success][inverse=""] .element:hover,
1220
- .gov-tag[variant=success][inverse=""] .element .element:hover, .gov-tag[variant=success][inverse=true i] .element:hover,
1221
- .gov-tag[variant=success][inverse=true i] .element .element:hover, .gov-tag[variant=success][inverse="1"] .element:hover,
1222
- .gov-tag[variant=success][inverse="1"] .element .element:hover {
1223
- border-color: var(--gov-chip-inverse-success-border-color-hover, var(--gov-color-success-200));
1224
- }
1225
- }
1226
1147
  .gov-tag[variant=warning][inverse=""] .element,
1227
1148
  .gov-tag[variant=warning][inverse=""] .element .element, .gov-tag[variant=warning][inverse=true i] .element,
1228
1149
  .gov-tag[variant=warning][inverse=true i] .element .element, .gov-tag[variant=warning][inverse="1"] .element,
@@ -1232,14 +1153,6 @@
1232
1153
  background-color: var(--gov-chip-inverse-warning-bg, var(--gov-color-warning-100));
1233
1154
  color: var(--gov-chip-inverse-warning-color, var(--gov-color-warning-600));
1234
1155
  }
1235
- @media not all and (pointer: coarse) {
1236
- .gov-tag[variant=warning][inverse=""] .element:hover,
1237
- .gov-tag[variant=warning][inverse=""] .element .element:hover, .gov-tag[variant=warning][inverse=true i] .element:hover,
1238
- .gov-tag[variant=warning][inverse=true i] .element .element:hover, .gov-tag[variant=warning][inverse="1"] .element:hover,
1239
- .gov-tag[variant=warning][inverse="1"] .element .element:hover {
1240
- border-color: var(--gov-chip-inverse-warning-border-color-hover, var(--gov-color-warning-200));
1241
- }
1242
- }
1243
1156
  .gov-tag[variant=error][inverse=""] .element,
1244
1157
  .gov-tag[variant=error][inverse=""] .element .element, .gov-tag[variant=error][inverse=true i] .element,
1245
1158
  .gov-tag[variant=error][inverse=true i] .element .element, .gov-tag[variant=error][inverse="1"] .element,
@@ -1248,12 +1161,4 @@
1248
1161
  border-color: var(--gov-chip-inverse-error-border-color, var(--gov-color-error-200));
1249
1162
  background-color: var(--gov-chip-inverse-error-bg, var(--gov-color-error-100));
1250
1163
  color: var(--gov-chip-inverse-error-color, var(--gov-color-error-500));
1251
- }
1252
- @media not all and (pointer: coarse) {
1253
- .gov-tag[variant=error][inverse=""] .element:hover,
1254
- .gov-tag[variant=error][inverse=""] .element .element:hover, .gov-tag[variant=error][inverse=true i] .element:hover,
1255
- .gov-tag[variant=error][inverse=true i] .element .element:hover, .gov-tag[variant=error][inverse="1"] .element:hover,
1256
- .gov-tag[variant=error][inverse="1"] .element .element:hover {
1257
- border-color: var(--gov-chip-inverse-error-border-color-hover, var(--gov-color-error-200));
1258
- }
1259
1164
  }
package/dist/collection/pages/Button.js CHANGED
@@ -308,7 +308,7 @@ class ButtonPage extends HTMLElement {
308
308
  <gov-button variant="primary" type="link" href="http://localhost:3333/button" loading="false">
309
309
  Odeslat
310
310
  </gov-button>
311
- <gov-button variant="primary" type="link" href="http://localhost:3333/button" loading="true" disabled>
311
+ <gov-button variant="primary" type="link" size="m" href="http://localhost:3333/button" loading="true" disabled>
312
312
  Odeslat
313
313
  </gov-button>
314
314
  </div>