@gov-design-system-ce/components 4.0.6-alpha.1 → 4.0.6-alpha.3

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 (94) 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-button.cjs.entry.js +6 -2
  4. package/dist/cjs/gov-button.cjs.entry.js.map +1 -1
  5. package/dist/cjs/gov-chip.cjs.entry.js +1 -1
  6. package/dist/cjs/gov-icon.cjs.entry.js +1 -1
  7. package/dist/cjs/gov-tag.cjs.entry.js +1 -1
  8. package/dist/cjs/gov-tooltip.cjs.entry.js +1 -1
  9. package/dist/cjs/gov-tooltip.cjs.entry.js.map +1 -1
  10. package/dist/collection/components/gov-breadcrumbs/gov-breadcrumbs.css +24 -10
  11. package/dist/collection/components/gov-button/button/gov-button.js +9 -6
  12. package/dist/collection/components/gov-button/button/gov-button.js.map +1 -1
  13. package/dist/collection/components/gov-chip/gov-chip.css +1 -1
  14. package/dist/collection/components/gov-tag/gov-tag.css +1 -1
  15. package/dist/collection/components/gov-tooltip/gov-tooltip.js +1 -1
  16. package/dist/collection/components/gov-tooltip/gov-tooltip.js.map +1 -1
  17. package/dist/collection/pages/Button.js +100 -100
  18. package/dist/collection/pages/Button.js.map +1 -1
  19. package/dist/collection/pages/Chip.js +50 -50
  20. package/dist/collection/pages/Chip.js.map +1 -1
  21. package/dist/components/gov-accordion-item.js +1 -1
  22. package/dist/components/gov-attachments-item.js +1 -1
  23. package/dist/components/gov-breadcrumbs.js +1 -1
  24. package/dist/components/gov-breadcrumbs.js.map +1 -1
  25. package/dist/components/gov-button.js +1 -1
  26. package/dist/components/gov-card.js +1 -1
  27. package/dist/components/gov-chip.js +1 -1
  28. package/dist/components/gov-form-autocomplete.js +1 -1
  29. package/dist/components/gov-form-checkbox.js +1 -1
  30. package/dist/components/gov-form-file.js +1 -1
  31. package/dist/components/gov-form-input.js +1 -1
  32. package/dist/components/gov-form-multi-select.js +1 -1
  33. package/dist/components/gov-form-select.js +1 -1
  34. package/dist/components/gov-icon.js +1 -1
  35. package/dist/components/gov-infobar.js +1 -1
  36. package/dist/components/gov-loading.js +1 -1
  37. package/dist/components/gov-modal.js +1 -1
  38. package/dist/components/gov-pagination.js +1 -1
  39. package/dist/components/gov-prompt.js +1 -1
  40. package/dist/components/gov-side-nav-item.js +1 -1
  41. package/dist/components/gov-tabs.js +1 -1
  42. package/dist/components/gov-tag.js +1 -1
  43. package/dist/components/gov-toast.js +1 -1
  44. package/dist/components/gov-tooltip-content.js +1 -1
  45. package/dist/components/gov-tooltip.js +1 -1
  46. package/dist/components/gov-tooltip.js.map +1 -1
  47. package/dist/components/gov-wizard-item.js +1 -1
  48. package/dist/components/{p-dee8dc92.js → p-0afd0d49.js} +2 -2
  49. package/dist/components/{p-efda0473.js → p-30d7ac2f.js} +2 -2
  50. package/dist/components/{p-7b41bbaf.js → p-570f4671.js} +2 -2
  51. package/dist/components/{p-2af02cbd.js → p-6b959879.js} +2 -2
  52. package/dist/components/{p-7ca3be1b.js → p-75439031.js} +2 -2
  53. package/dist/components/{p-5459708d.js → p-7be9f54b.js} +2 -2
  54. package/dist/components/{p-15f4916d.js → p-c42dfcf3.js} +2 -2
  55. package/dist/components/p-c42dfcf3.js.map +1 -0
  56. package/dist/core/core.esm.js +1 -1
  57. package/dist/core/{p-b8ff6287.entry.js → p-035132e0.entry.js} +2 -2
  58. package/dist/core/p-035132e0.entry.js.map +1 -0
  59. package/dist/core/{p-728201f5.entry.js → p-1a834e37.entry.js} +2 -2
  60. package/dist/core/{p-13414324.entry.js → p-1cbd2c7c.entry.js} +2 -2
  61. package/dist/core/p-1cbd2c7c.entry.js.map +1 -0
  62. package/dist/core/{p-fddbe065.entry.js → p-24272c1a.entry.js} +2 -2
  63. package/dist/core/{p-c9e1e6fe.entry.js → p-94399ded.entry.js} +2 -2
  64. package/dist/core/p-e083ebd1.entry.js +2 -0
  65. package/dist/core/p-e083ebd1.entry.js.map +1 -0
  66. package/dist/esm/gov-breadcrumbs.entry.js +1 -1
  67. package/dist/esm/gov-breadcrumbs.entry.js.map +1 -1
  68. package/dist/esm/gov-button.entry.js +6 -2
  69. package/dist/esm/gov-button.entry.js.map +1 -1
  70. package/dist/esm/gov-chip.entry.js +1 -1
  71. package/dist/esm/gov-icon.entry.js +1 -1
  72. package/dist/esm/gov-tag.entry.js +1 -1
  73. package/dist/esm/gov-tooltip.entry.js +1 -1
  74. package/dist/esm/gov-tooltip.entry.js.map +1 -1
  75. package/dist/globals.d.ts +2 -0
  76. package/dist/hydrate/index.js +10 -6
  77. package/dist/types/components/gov-button/button/gov-button.d.ts +4 -2
  78. package/dist/types/components.d.ts +2 -2
  79. package/dist/types/types/typings.d.ts +6 -0
  80. package/package.json +2 -2
  81. package/dist/components/p-15f4916d.js.map +0 -1
  82. package/dist/core/p-13414324.entry.js.map +0 -1
  83. package/dist/core/p-2aaf310a.entry.js +0 -2
  84. package/dist/core/p-2aaf310a.entry.js.map +0 -1
  85. package/dist/core/p-b8ff6287.entry.js.map +0 -1
  86. /package/dist/components/{p-dee8dc92.js.map → p-0afd0d49.js.map} +0 -0
  87. /package/dist/components/{p-efda0473.js.map → p-30d7ac2f.js.map} +0 -0
  88. /package/dist/components/{p-7b41bbaf.js.map → p-570f4671.js.map} +0 -0
  89. /package/dist/components/{p-2af02cbd.js.map → p-6b959879.js.map} +0 -0
  90. /package/dist/components/{p-7ca3be1b.js.map → p-75439031.js.map} +0 -0
  91. /package/dist/components/{p-5459708d.js.map → p-7be9f54b.js.map} +0 -0
  92. /package/dist/core/{p-728201f5.entry.js.map → p-1a834e37.entry.js.map} +0 -0
  93. /package/dist/core/{p-fddbe065.entry.js.map → p-24272c1a.entry.js.map} +0 -0
  94. /package/dist/core/{p-c9e1e6fe.entry.js.map → p-94399ded.entry.js.map} +0 -0
@@ -9,7 +9,7 @@ class ButtonPage extends HTMLElement {
9
9
  <gov-layout-column>
10
10
  <div class="container-view">
11
11
  <gov-dropdown>
12
- <gov-button variant="primary" size="s">
12
+ <gov-button variant="primary" size="s" type="solid">
13
13
  Více
14
14
  </gov-button>
15
15
  <ul slot="list">
@@ -38,7 +38,7 @@ class ButtonPage extends HTMLElement {
38
38
  <gov-layout-column>
39
39
  <div class="container-view">
40
40
  <gov-dropdown position="right">
41
- <gov-button variant="primary" size="s">
41
+ <gov-button variant="primary" size="s" type="solid">
42
42
  Více
43
43
  </gov-button>
44
44
  <ul slot="list">
@@ -68,83 +68,83 @@ class ButtonPage extends HTMLElement {
68
68
 
69
69
  <h4>Buttons - primary (default)</h4>
70
70
 
71
- <gov-button variant="primary" size="s" icon-left="basic/info" icon-right="basic/info" href="http://localhost:3333/button">
71
+ <gov-button variant="primary" size="s" type="solid" icon-left="basic/info" icon-right="basic/info" href="http://localhost:3333/button">
72
72
  Small Primary Icon Param
73
73
  </gov-button>
74
74
 
75
75
  <div class="container-view">
76
- <gov-button variant="primary" size="s" href="http://localhost:3333/button">
76
+ <gov-button variant="primary" size="s" type="solid" href="http://localhost:3333/button">
77
77
  <gov-icon slot="left-icon" name="info"></gov-icon>
78
78
  Small Primary
79
79
  <gov-icon slot="right-icon" name="info"></gov-icon>
80
80
  </gov-button>
81
- <gov-button variant="primary">
81
+ <gov-button variant="primary" type="solid">
82
82
  <gov-icon slot="left-icon" name="info"></gov-icon>
83
83
  Normal Primary
84
84
  <gov-icon slot="right-icon" name="info"></gov-icon>
85
85
  </gov-button>
86
- <gov-button variant="primary" size="l">
86
+ <gov-button variant="primary" size="l" type="solid">
87
87
  <gov-icon slot="left-icon" name="info"></gov-icon>
88
88
  Large Primary
89
89
  <gov-icon slot="right-icon" name="info"></gov-icon>
90
90
  </gov-button>
91
- <gov-button variant="primary" size="xl" disabled>
91
+ <gov-button variant="primary" size="xl" type="solid" disabled>
92
92
  <gov-icon slot="left-icon" name="info"></gov-icon>
93
93
  X-Large Primary
94
94
  <gov-icon slot="right-icon" name="info"></gov-icon>
95
95
  </gov-button>
96
96
  <br><br>
97
- <gov-button variant="primary" size="s" href="http://localhost:3333/button" loading="false">
97
+ <gov-button variant="primary" size="s" type="solid" href="http://localhost:3333/button" loading="false">
98
98
  Odeslat
99
99
  </gov-button>
100
- <gov-button variant="primary" size="s" href="http://localhost:3333/button" loading="1" disabled>
100
+ <gov-button variant="primary" size="s" type="solid" href="http://localhost:3333/button" loading="1" disabled>
101
101
  Odeslat
102
102
  </gov-button>
103
- <gov-button variant="primary" href="http://localhost:3333/button" loading="0">
103
+ <gov-button variant="primary" type="solid" href="http://localhost:3333/button" loading="0">
104
104
  Odeslat
105
105
  </gov-button>
106
- <gov-button variant="primary" href="http://localhost:3333/button" loading="1" disabled>
106
+ <gov-button variant="primary" type="solid" href="http://localhost:3333/button" loading="1" disabled>
107
107
  Odeslat
108
108
  </gov-button>
109
- <gov-button variant="primary" size="l" loading="true">
109
+ <gov-button variant="primary" size="l" type="solid" loading="true">
110
110
  <gov-icon slot="left-icon" name="info"></gov-icon>
111
111
  Odeslat
112
112
  </gov-button>
113
- <gov-button variant="primary" size="l" loading="true" disabled>
113
+ <gov-button variant="primary" size="l" type="solid" loading="true" disabled>
114
114
  <gov-icon slot="left-icon" name="info"></gov-icon>
115
115
  Odeslat
116
116
  </gov-button>
117
- <gov-button variant="primary" size="xl" loading="false">
117
+ <gov-button variant="primary" size="xl" type="solid" loading="false">
118
118
  Odeslat
119
119
  <gov-icon slot="right-icon" name="info"></gov-icon>
120
120
  </gov-button>
121
- <gov-button variant="primary" size="xl" loading="true" disabled>
121
+ <gov-button variant="primary" size="xl" type="solid" loading="true" disabled>
122
122
  Odeslat
123
123
  <gov-icon slot="right-icon" name="info"></gov-icon>
124
124
  </gov-button>
125
125
  <br>
126
- <gov-button variant="primary" size="s">
126
+ <gov-button variant="primary" size="s" type="solid">
127
127
  <gov-icon slot="left-icon" name="x-lg"></gov-icon>
128
128
  </gov-button>
129
- <gov-button variant="primary" disabled>
129
+ <gov-button variant="primary" type="solid" disabled>
130
130
  <gov-icon slot="left-icon" name="x-lg"></gov-icon>
131
131
  </gov-button>
132
- <gov-button variant="primary" size="l">
132
+ <gov-button variant="primary" size="l" type="solid">
133
133
  <gov-icon slot="left-icon" name="x-lg"></gov-icon>
134
134
  </gov-button>
135
- <gov-button variant="primary" size="xl" disabled>
135
+ <gov-button variant="primary" size="xl" type="solid" disabled>
136
136
  <gov-icon slot="left-icon" name="x-lg"></gov-icon>
137
137
  </gov-button>
138
- <gov-button variant="primary" loading="false">
138
+ <gov-button variant="primary" type="solid" loading="false">
139
139
  <gov-icon slot="left-icon" name="x-lg"></gov-icon>
140
140
  </gov-button>
141
- <gov-button variant="primary" loading="true" disabled>
141
+ <gov-button variant="primary" type="solid" loading="true" disabled>
142
142
  <gov-icon slot="left-icon" name="x-lg"></gov-icon>
143
143
  </gov-button>
144
144
  </div>
145
145
  <h4>Buttons - primary (expanded)</h4>
146
146
  <div class="container-view">
147
- <gov-button variant="primary" expanded="true">
147
+ <gov-button variant="primary" type="solid" expanded="true">
148
148
  <gov-icon slot="left-icon" name="info"></gov-icon>
149
149
  Expanded
150
150
  <gov-icon slot="right-icon" name="info"></gov-icon>
@@ -152,22 +152,22 @@ class ButtonPage extends HTMLElement {
152
152
  </div>
153
153
  <h4>Buttons - primary (inversed)</h4>
154
154
  <div class="container-view gov-bg--primary-600">
155
- <gov-button inverse variant="primary" size="s">
155
+ <gov-button inverse variant="primary" size="s" type="solid">
156
156
  <gov-icon slot="left-icon" name="x-lg"></gov-icon>
157
157
  </gov-button>
158
- <gov-button inverse variant="primary" disabled>
158
+ <gov-button inverse variant="primary" type="solid" disabled>
159
159
  <gov-icon slot="left-icon" name="x-lg"></gov-icon>
160
160
  </gov-button>
161
- <gov-button inverse variant="primary" size="l">
161
+ <gov-button inverse variant="primary" size="l" type="solid">
162
162
  <gov-icon slot="left-icon" name="x-lg"></gov-icon>
163
163
  </gov-button>
164
- <gov-button inverse variant="primary" size="xl" disabled>
164
+ <gov-button inverse variant="primary" size="xl" type="solid" disabled>
165
165
  <gov-icon slot="left-icon" name="x-lg"></gov-icon>
166
166
  </gov-button>
167
- <gov-button inverse variant="primary" loading="false">
167
+ <gov-button inverse variant="primary" type="solid" loading="false">
168
168
  <gov-icon slot="left-icon" name="x-lg"></gov-icon>
169
169
  </gov-button>
170
- <gov-button inverse variant="primary" loading="true" disabled>
170
+ <gov-button inverse variant="primary" type="solid" loading="true" disabled>
171
171
  <gov-icon slot="left-icon" name="x-lg"></gov-icon>
172
172
  </gov-button>
173
173
  </div>
@@ -348,50 +348,50 @@ class ButtonPage extends HTMLElement {
348
348
 
349
349
  <h4>Buttons - secondary (default)</h4>
350
350
  <div class="container-view">
351
- <gov-button variant="secondary" size="s">
351
+ <gov-button variant="secondary" size="s" type="solid">
352
352
  <gov-icon slot="left-icon" name="info"></gov-icon>
353
353
  Small secondary
354
354
  <gov-icon slot="right-icon" name="info"></gov-icon>
355
355
  </gov-button>
356
- <gov-button variant="secondary" disabled>
356
+ <gov-button variant="secondary" type="solid" disabled>
357
357
  <gov-icon slot="left-icon" name="info"></gov-icon>
358
358
  Normal secondary
359
359
  <gov-icon slot="right-icon" name="info"></gov-icon>
360
360
  </gov-button>
361
- <gov-button variant="secondary" size="l">
361
+ <gov-button variant="secondary" size="l" type="solid">
362
362
  <gov-icon slot="left-icon" name="info"></gov-icon>
363
363
  Large secondary
364
364
  <gov-icon slot="right-icon" name="info"></gov-icon>
365
365
  </gov-button>
366
- <gov-button variant="secondary" size="xl" disabled>
366
+ <gov-button variant="secondary" size="xl" type="solid" disabled>
367
367
  <gov-icon slot="left-icon" name="info"></gov-icon>
368
368
  X-Large secondary
369
369
  <gov-icon slot="right-icon" name="info"></gov-icon>
370
370
  </gov-button>
371
371
  <br>
372
- <gov-button variant="secondary" href="http://localhost:3333/button" loading="false">
372
+ <gov-button variant="secondary" type="solid" href="http://localhost:3333/button" loading="false">
373
373
  Odeslat
374
374
  </gov-button>
375
- <gov-button variant="secondary" href="http://localhost:3333/button" loading="true" disabled>
375
+ <gov-button variant="secondary" type="solid" href="http://localhost:3333/button" loading="true" disabled>
376
376
  Odeslat
377
377
  </gov-button>
378
378
  <br>
379
- <gov-button variant="secondary" size="s">
379
+ <gov-button variant="secondary" size="s" type="solid">
380
380
  <gov-icon slot="left-icon" name="x-lg"></gov-icon>
381
381
  </gov-button>
382
- <gov-button variant="secondary" disabled>
382
+ <gov-button variant="secondary" type="solid" disabled>
383
383
  <gov-icon slot="left-icon" name="x-lg"></gov-icon>
384
384
  </gov-button>
385
- <gov-button variant="secondary" size="l">
385
+ <gov-button variant="secondary" size="l" type="solid">
386
386
  <gov-icon slot="left-icon" name="x-lg"></gov-icon>
387
387
  </gov-button>
388
- <gov-button variant="secondary" size="xl" disabled>
388
+ <gov-button variant="secondary" size="xl" type="solid" disabled>
389
389
  <gov-icon slot="left-icon" name="x-lg"></gov-icon>
390
390
  </gov-button>
391
- <gov-button variant="secondary" loading="false">
391
+ <gov-button variant="secondary" type="solid" loading="false">
392
392
  <gov-icon slot="left-icon" name="x-lg"></gov-icon>
393
393
  </gov-button>
394
- <gov-button variant="secondary" loading="true" disabled>
394
+ <gov-button variant="secondary" type="solid" loading="true" disabled>
395
395
  <gov-icon slot="left-icon" name="x-lg"></gov-icon>
396
396
  </gov-button>
397
397
  </div>
@@ -399,22 +399,22 @@ class ButtonPage extends HTMLElement {
399
399
 
400
400
  <h4>Buttons - secondary (inversed)</h4>
401
401
  <div class="container-view gov-bg--secondary-800">
402
- <gov-button inverse variant="secondary" size="s">
402
+ <gov-button inverse variant="secondary" size="s" type="solid">
403
403
  <gov-icon slot="left-icon" name="x-lg"></gov-icon>
404
404
  </gov-button>
405
- <gov-button inverse variant="secondary" disabled>
405
+ <gov-button inverse variant="secondary" type="solid" disabled>
406
406
  <gov-icon slot="left-icon" name="x-lg"></gov-icon>
407
407
  </gov-button>
408
- <gov-button inverse variant="secondary" size="l">
408
+ <gov-button inverse variant="secondary" size="l" type="solid">
409
409
  <gov-icon slot="left-icon" name="x-lg"></gov-icon>
410
410
  </gov-button>
411
- <gov-button inverse variant="secondary" size="xl" disabled>
411
+ <gov-button inverse variant="secondary" size="xl" type="solid" disabled>
412
412
  <gov-icon slot="left-icon" name="x-lg"></gov-icon>
413
413
  </gov-button>
414
- <gov-button inverse variant="secondary" loading="false">
414
+ <gov-button inverse variant="secondary" type="solid" loading="false">
415
415
  <gov-icon slot="left-icon" name="x-lg"></gov-icon>
416
416
  </gov-button>
417
- <gov-button inverse variant="secondary" loading="true" disabled>
417
+ <gov-button inverse variant="secondary" type="solid" loading="true" disabled>
418
418
  <gov-icon slot="left-icon" name="x-lg"></gov-icon>
419
419
  </gov-button>
420
420
  </div>
@@ -596,50 +596,50 @@ class ButtonPage extends HTMLElement {
596
596
 
597
597
  <h4>Buttons - warning (default)</h4>
598
598
  <div class="container-view">
599
- <gov-button variant="warning" size="s" class="u-mr--medium u-mr-mobile--2xl u-mr-tablet--unset u-mr-portable--medium">
599
+ <gov-button variant="warning" size="s" type="solid" class="u-mr--medium u-mr-mobile--2xl u-mr-tablet--unset u-mr-portable--medium">
600
600
  <gov-icon slot="left-icon" name="info"></gov-icon>
601
601
  Small warning
602
602
  <gov-icon slot="right-icon" name="info"></gov-icon>
603
603
  </gov-button>
604
- <gov-button variant="warning" disabled>
604
+ <gov-button variant="warning" type="solid" disabled>
605
605
  <gov-icon slot="left-icon" name="info"></gov-icon>
606
606
  Normal warning
607
607
  <gov-icon slot="right-icon" name="info"></gov-icon>
608
608
  </gov-button>
609
- <gov-button variant="warning" size="l">
609
+ <gov-button variant="warning" size="l" type="solid">
610
610
  <gov-icon slot="left-icon" name="info"></gov-icon>
611
611
  Large warning
612
612
  <gov-icon slot="right-icon" name="info"></gov-icon>
613
613
  </gov-button>
614
- <gov-button variant="warning" size="xl" disabled>
614
+ <gov-button variant="warning" size="xl" type="solid" disabled>
615
615
  <gov-icon slot="left-icon" name="info"></gov-icon>
616
616
  X-Large warning
617
617
  <gov-icon slot="right-icon" name="info"></gov-icon>
618
618
  </gov-button>
619
619
  <br>
620
- <gov-button variant="warning" href="http://localhost:3333/button" loading="false">
620
+ <gov-button variant="warning" type="solid" href="http://localhost:3333/button" loading="false">
621
621
  Odeslat
622
622
  </gov-button>
623
- <gov-button variant="warning" href="http://localhost:3333/button" loading="true" disabled>
623
+ <gov-button variant="warning" type="solid" href="http://localhost:3333/button" loading="true" disabled>
624
624
  Odeslat
625
625
  </gov-button>
626
626
  <br>
627
- <gov-button variant="warning" size="s">
627
+ <gov-button variant="warning" size="s" type="solid">
628
628
  <gov-icon slot="left-icon" name="x-lg"></gov-icon>
629
629
  </gov-button>
630
- <gov-button variant="warning" disabled>
630
+ <gov-button variant="warning" type="solid" disabled>
631
631
  <gov-icon slot="left-icon" name="x-lg"></gov-icon>
632
632
  </gov-button>
633
- <gov-button variant="warning" size="l">
633
+ <gov-button variant="warning" size="l" type="solid">
634
634
  <gov-icon slot="left-icon" name="x-lg"></gov-icon>
635
635
  </gov-button>
636
- <gov-button variant="warning" size="xl" disabled>
636
+ <gov-button variant="warning" size="xl" type="solid" disabled>
637
637
  <gov-icon slot="left-icon" name="x-lg"></gov-icon>
638
638
  </gov-button>
639
- <gov-button variant="warning" loading="false">
639
+ <gov-button variant="warning" type="solid" loading="false">
640
640
  <gov-icon slot="left-icon" name="x-lg"></gov-icon>
641
641
  </gov-button>
642
- <gov-button variant="warning" loading="true" disabled>
642
+ <gov-button variant="warning" type="solid" loading="true" disabled>
643
643
  <gov-icon slot="left-icon" name="x-lg"></gov-icon>
644
644
  </gov-button>
645
645
  </div>
@@ -647,22 +647,22 @@ class ButtonPage extends HTMLElement {
647
647
 
648
648
  <h4>Buttons - warning (inversed)</h4>
649
649
  <div class="container-view gov-bg--warning-500">
650
- <gov-button inverse variant="warning" size="s">
650
+ <gov-button inverse variant="warning" size="s" type="solid">
651
651
  <gov-icon slot="left-icon" name="x-lg"></gov-icon>
652
652
  </gov-button>
653
- <gov-button inverse variant="warning" disabled>
653
+ <gov-button inverse variant="warning" type="solid" disabled>
654
654
  <gov-icon slot="left-icon" name="x-lg"></gov-icon>
655
655
  </gov-button>
656
- <gov-button inverse variant="warning" size="l">
656
+ <gov-button inverse variant="warning" size="l" type="solid">
657
657
  <gov-icon slot="left-icon" name="x-lg"></gov-icon>
658
658
  </gov-button>
659
- <gov-button inverse variant="warning" size="xl" disabled>
659
+ <gov-button inverse variant="warning" size="xl" type="solid" disabled>
660
660
  <gov-icon slot="left-icon" name="x-lg"></gov-icon>
661
661
  </gov-button>
662
- <gov-button inverse variant="warning" loading="false">
662
+ <gov-button inverse variant="warning" type="solid" loading="false">
663
663
  <gov-icon slot="left-icon" name="x-lg"></gov-icon>
664
664
  </gov-button>
665
- <gov-button inverse variant="warning" loading="true" disabled>
665
+ <gov-button inverse variant="warning" type="solid" loading="true" disabled>
666
666
  <gov-icon slot="left-icon" name="x-lg"></gov-icon>
667
667
  </gov-button>
668
668
  </div>
@@ -844,50 +844,50 @@ class ButtonPage extends HTMLElement {
844
844
 
845
845
  <h4>Buttons - success (default)</h4>
846
846
  <div class="container-view">
847
- <gov-button variant="success" size="s" class="u-mr--medium u-mr-mobile--2xl u-mr-tablet--unset u-mr-portable--medium">
847
+ <gov-button variant="success" size="s" type="solid" class="u-mr--medium u-mr-mobile--2xl u-mr-tablet--unset u-mr-portable--medium">
848
848
  <gov-icon slot="left-icon" name="info"></gov-icon>
849
849
  Small success
850
850
  <gov-icon slot="right-icon" name="info"></gov-icon>
851
851
  </gov-button>
852
- <gov-button variant="success" disabled>
852
+ <gov-button variant="success" type="solid" disabled>
853
853
  <gov-icon slot="left-icon" name="info"></gov-icon>
854
854
  Normal success
855
855
  <gov-icon slot="right-icon" name="info"></gov-icon>
856
856
  </gov-button>
857
- <gov-button variant="success" size="l">
857
+ <gov-button variant="success" size="l" type="solid">
858
858
  <gov-icon slot="left-icon" name="info"></gov-icon>
859
859
  Large success
860
860
  <gov-icon slot="right-icon" name="info"></gov-icon>
861
861
  </gov-button>
862
- <gov-button variant="success" size="xl" disabled>
862
+ <gov-button variant="success" size="xl" type="solid" disabled>
863
863
  <gov-icon slot="left-icon" name="info"></gov-icon>
864
864
  X-Large success
865
865
  <gov-icon slot="right-icon" name="info"></gov-icon>
866
866
  </gov-button>
867
867
  <br>
868
- <gov-button variant="success" href="http://localhost:3333/button" loading="false">
868
+ <gov-button variant="success" type="solid" href="http://localhost:3333/button" loading="false">
869
869
  Odeslat
870
870
  </gov-button>
871
- <gov-button variant="success" href="http://localhost:3333/button" loading="true" disabled>
871
+ <gov-button variant="success" type="solid" href="http://localhost:3333/button" loading="true" disabled>
872
872
  Odeslat
873
873
  </gov-button>
874
874
  <br>
875
- <gov-button variant="success" size="s">
875
+ <gov-button variant="success" size="s" type="solid">
876
876
  <gov-icon slot="left-icon" name="x-lg"></gov-icon>
877
877
  </gov-button>
878
- <gov-button variant="success" disabled>
878
+ <gov-button variant="success" type="solid" disabled>
879
879
  <gov-icon slot="left-icon" name="x-lg"></gov-icon>
880
880
  </gov-button>
881
- <gov-button variant="success" size="l">
881
+ <gov-button variant="success" size="l" type="solid">
882
882
  <gov-icon slot="left-icon" name="x-lg"></gov-icon>
883
883
  </gov-button>
884
- <gov-button variant="success" size="xl" disabled>
884
+ <gov-button variant="success" size="xl" type="solid" disabled>
885
885
  <gov-icon slot="left-icon" name="x-lg"></gov-icon>
886
886
  </gov-button>
887
- <gov-button variant="success" loading="false">
887
+ <gov-button variant="success" type="solid" loading="false">
888
888
  <gov-icon slot="left-icon" name="x-lg"></gov-icon>
889
889
  </gov-button>
890
- <gov-button variant="success" loading="true" disabled>
890
+ <gov-button variant="success" type="solid" loading="true" disabled>
891
891
  <gov-icon slot="left-icon" name="x-lg"></gov-icon>
892
892
  </gov-button>
893
893
  </div>
@@ -895,22 +895,22 @@ class ButtonPage extends HTMLElement {
895
895
 
896
896
  <h4>Buttons - success (inversed)</h4>
897
897
  <div class="container-view gov-bg--success-500">
898
- <gov-button inverse variant="success" size="s">
898
+ <gov-button inverse variant="success" size="s" type="solid">
899
899
  <gov-icon slot="left-icon" name="x-lg"></gov-icon>
900
900
  </gov-button>
901
- <gov-button inverse variant="success" disabled>
901
+ <gov-button inverse variant="success" type="solid" disabled>
902
902
  <gov-icon slot="left-icon" name="x-lg"></gov-icon>
903
903
  </gov-button>
904
- <gov-button inverse variant="success" size="l">
904
+ <gov-button inverse variant="success" size="l" type="solid">
905
905
  <gov-icon slot="left-icon" name="x-lg"></gov-icon>
906
906
  </gov-button>
907
- <gov-button inverse variant="success" size="xl" disabled>
907
+ <gov-button inverse variant="success" size="xl" type="solid" disabled>
908
908
  <gov-icon slot="left-icon" name="x-lg"></gov-icon>
909
909
  </gov-button>
910
- <gov-button inverse variant="success" loading="false">
910
+ <gov-button inverse variant="success" type="solid" loading="false">
911
911
  <gov-icon slot="left-icon" name="x-lg"></gov-icon>
912
912
  </gov-button>
913
- <gov-button inverse variant="success" loading="true" disabled>
913
+ <gov-button inverse variant="success" type="solid" loading="true" disabled>
914
914
  <gov-icon slot="left-icon" name="x-lg"></gov-icon>
915
915
  </gov-button>
916
916
  </div>
@@ -1092,50 +1092,50 @@ class ButtonPage extends HTMLElement {
1092
1092
 
1093
1093
  <h4>Buttons - error (default)</h4>
1094
1094
  <div class="container-view">
1095
- <gov-button variant="error" size="s" class="u-mr--medium u-mr-mobile--2xl u-mr-tablet--unset u-mr-portable--medium">
1095
+ <gov-button variant="error" size="s" type="solid" class="u-mr--medium u-mr-mobile--2xl u-mr-tablet--unset u-mr-portable--medium">
1096
1096
  <gov-icon slot="left-icon" name="info"></gov-icon>
1097
1097
  Small error
1098
1098
  <gov-icon slot="right-icon" name="info"></gov-icon>
1099
1099
  </gov-button>
1100
- <gov-button variant="error" disabled>
1100
+ <gov-button variant="error" type="solid" disabled>
1101
1101
  <gov-icon slot="left-icon" name="info"></gov-icon>
1102
1102
  Normal error
1103
1103
  <gov-icon slot="right-icon" name="info"></gov-icon>
1104
1104
  </gov-button>
1105
- <gov-button variant="error" size="l">
1105
+ <gov-button variant="error" size="l" type="solid">
1106
1106
  <gov-icon slot="left-icon" name="info"></gov-icon>
1107
1107
  Large error
1108
1108
  <gov-icon slot="right-icon" name="info"></gov-icon>
1109
1109
  </gov-button>
1110
- <gov-button variant="error" size="xl" disabled>
1110
+ <gov-button variant="error" size="xl" type="solid" disabled>
1111
1111
  <gov-icon slot="left-icon" name="info"></gov-icon>
1112
1112
  X-Large error
1113
1113
  <gov-icon slot="right-icon" name="info"></gov-icon>
1114
1114
  </gov-button>
1115
1115
  <br>
1116
- <gov-button variant="error" href="http://localhost:3333/button" loading="false">
1116
+ <gov-button variant="error" type="solid" href="http://localhost:3333/button" loading="false">
1117
1117
  Odeslat
1118
1118
  </gov-button>
1119
- <gov-button variant="error" href="http://localhost:3333/button" loading="true" disabled>
1119
+ <gov-button variant="error" type="solid" href="http://localhost:3333/button" loading="true" disabled>
1120
1120
  Odeslat
1121
1121
  </gov-button>
1122
1122
  <br>
1123
- <gov-button variant="error" size="s">
1123
+ <gov-button variant="error" size="s" type="solid">
1124
1124
  <gov-icon slot="left-icon" name="x-lg"></gov-icon>
1125
1125
  </gov-button>
1126
- <gov-button variant="error" disabled>
1126
+ <gov-button variant="error" type="solid" disabled>
1127
1127
  <gov-icon slot="left-icon" name="x-lg"></gov-icon>
1128
1128
  </gov-button>
1129
- <gov-button variant="error" size="l">
1129
+ <gov-button variant="error" size="l" type="solid">
1130
1130
  <gov-icon slot="left-icon" name="x-lg"></gov-icon>
1131
1131
  </gov-button>
1132
- <gov-button variant="error" size="xl" disabled>
1132
+ <gov-button variant="error" size="xl" type="solid" disabled>
1133
1133
  <gov-icon slot="left-icon" name="x-lg"></gov-icon>
1134
1134
  </gov-button>
1135
- <gov-button variant="error" loading="false">
1135
+ <gov-button variant="error" type="solid" loading="false">
1136
1136
  <gov-icon slot="left-icon" name="x-lg"></gov-icon>
1137
1137
  </gov-button>
1138
- <gov-button variant="error" loading="true" disabled>
1138
+ <gov-button variant="error" type="solid" loading="true" disabled>
1139
1139
  <gov-icon slot="left-icon" name="x-lg"></gov-icon>
1140
1140
  </gov-button>
1141
1141
  </div>
@@ -1143,22 +1143,22 @@ class ButtonPage extends HTMLElement {
1143
1143
 
1144
1144
  <h4>Buttons - error (inversed)</h4>
1145
1145
  <div class="container-view gov-bg--error-400">
1146
- <gov-button inverse variant="error" size="s">
1146
+ <gov-button inverse variant="error" size="s" type="solid">
1147
1147
  <gov-icon slot="left-icon" name="x-lg"></gov-icon>
1148
1148
  </gov-button>
1149
- <gov-button inverse variant="error" disabled>
1149
+ <gov-button inverse variant="error" type="solid" disabled>
1150
1150
  <gov-icon slot="left-icon" name="x-lg"></gov-icon>
1151
1151
  </gov-button>
1152
- <gov-button inverse variant="error" size="l">
1152
+ <gov-button inverse variant="error" size="l" type="solid">
1153
1153
  <gov-icon slot="left-icon" name="x-lg"></gov-icon>
1154
1154
  </gov-button>
1155
- <gov-button inverse variant="error" size="xl" disabled>
1155
+ <gov-button inverse variant="error" size="xl" type="solid" disabled>
1156
1156
  <gov-icon slot="left-icon" name="x-lg"></gov-icon>
1157
1157
  </gov-button>
1158
- <gov-button inverse variant="error" loading="false">
1158
+ <gov-button inverse variant="error" type="solid" loading="false">
1159
1159
  <gov-icon slot="left-icon" name="x-lg"></gov-icon>
1160
1160
  </gov-button>
1161
- <gov-button inverse variant="error" loading="true" disabled>
1161
+ <gov-button inverse variant="error" type="solid" loading="true" disabled>
1162
1162
  <gov-icon slot="left-icon" name="x-lg"></gov-icon>
1163
1163
  </gov-button>
1164
1164
  </div>