@digigov/css 0.38.2 → 1.0.0-rc

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 (62) hide show
  1. package/defaultTheme/misc.json +1 -1
  2. package/defaultTheme/typography.json +10 -7
  3. package/dist/base/index.css +3 -3
  4. package/dist/base.js +1 -1
  5. package/dist/components.js +1 -1
  6. package/dist/digigov.css +5 -5
  7. package/dist/utilities/index.css +1 -1
  8. package/dist/utilities.js +1 -1
  9. package/package.json +2 -2
  10. package/src/components/accessibility-menu.css +3 -6
  11. package/src/components/accordion.css +8 -7
  12. package/src/components/admin-header.css +0 -6
  13. package/src/components/admin-layout.css +1 -37
  14. package/src/components/autocomplete.css +33 -45
  15. package/src/components/bottom-info.css +2 -4
  16. package/src/components/breadcrumbs.css +12 -12
  17. package/src/components/button.css +6 -9
  18. package/src/components/card.css +41 -43
  19. package/src/components/checkboxes.css +2 -10
  20. package/src/components/chip.css +48 -0
  21. package/src/components/copy-to-clipboard.css +10 -12
  22. package/src/components/details.css +5 -6
  23. package/src/components/drawer.css +4 -4
  24. package/src/components/dropdown.css +26 -34
  25. package/src/components/filter.css +7 -39
  26. package/src/components/footer.css +1 -4
  27. package/src/components/form.css +54 -43
  28. package/src/components/full-page-background.css +0 -3
  29. package/src/components/header.css +35 -34
  30. package/src/components/index.css +2 -3
  31. package/src/components/kitchensink.css +2 -2
  32. package/src/components/layout.css +9 -6
  33. package/src/components/loader.css +11 -12
  34. package/src/components/misc.css +9 -12
  35. package/src/components/modal.css +7 -6
  36. package/src/components/nav.css +5 -44
  37. package/src/components/notification-banner.css +8 -8
  38. package/src/components/pagination.css +20 -8
  39. package/src/components/phase-banner.css +13 -10
  40. package/src/components/radios.css +9 -1
  41. package/src/components/skiplink.css +6 -7
  42. package/src/components/stepnav.css +56 -62
  43. package/src/components/summary-list.css +25 -32
  44. package/src/components/svg-icons.css +90 -49
  45. package/src/components/table.css +80 -51
  46. package/src/components/tabs.css +7 -12
  47. package/src/components/task-list.css +11 -10
  48. package/src/components/timeline.css +9 -7
  49. package/src/components/typography.css +51 -48
  50. package/src/pages/admin-filtering-data.js +21 -21
  51. package/src/pages/admin.js +9 -9
  52. package/src/pages/dropdown.js +27 -27
  53. package/src/pages/form.js +26 -26
  54. package/src/pages/headings/service-heading.js +7 -7
  55. package/src/pages/index.js +23 -23
  56. package/src/pages/pagination.js +6 -6
  57. package/src/pages/table.js +15 -15
  58. package/src/utilities/index.css +0 -33
  59. package/src/utilities/utilities.css +0 -33
  60. package/src/components/admin-footer.css +0 -3
  61. package/src/components/admin-form.css +0 -5
  62. package/src/components/cookie.css +0 -3
package/src/pages/table.js CHANGED
@@ -1,17 +1,17 @@
1
1
  export default function Table() {
2
2
  return (
3
- <body className="example">
3
+ <body>
4
4
 
5
5
 
6
6
  <table className="govgr-table">
7
- <caption className="govgr-table__caption govgr-table__caption--s">Table caption S</caption>
8
- <caption className="govgr-table__caption govgr-table__caption--m">Table caption M</caption>
9
- <caption className="govgr-table__caption govgr-table__caption--l">Table caption L</caption>
7
+ <caption className="govgr-table__caption govgr-table__caption--sm">Table caption S</caption>
8
+ <caption className="govgr-table__caption govgr-table__caption--md">Table caption M</caption>
9
+ <caption className="govgr-table__caption govgr-table__caption--lg">Table caption L</caption>
10
10
  <caption className="govgr-table__caption govgr-table__caption--xl">Table caption XL</caption>
11
11
  </table>
12
12
 
13
13
  <table className="govgr-table">
14
- <caption className="govgr-table__caption govgr-table__caption--m">Simple Table</caption>
14
+ <caption className="govgr-table__caption govgr-table__caption--md">Simple Table</caption>
15
15
  <thead className="govgr-table__head">
16
16
  <tr className="govgr-table__row">
17
17
  <th scope="col" className="govgr-table__header">Date</th>
@@ -35,8 +35,8 @@ export default function Table() {
35
35
  </table>
36
36
 
37
37
  {/* Table with vertical lines */}
38
- <table className="govgr-table govgr-table--with-vertical-lines">
39
- <caption className="govgr-table__caption govgr-table__caption--m">Table with vertical lines</caption>
38
+ <table className="govgr-table govgr-table--vertical-lines">
39
+ <caption className="govgr-table__caption govgr-table__caption--md">Table with vertical lines</caption>
40
40
  <thead className="govgr-table__head">
41
41
  <tr className="govgr-table__row">
42
42
  <th scope="col" className="govgr-table__header">Date</th>
@@ -64,7 +64,7 @@ export default function Table() {
64
64
  </table>
65
65
 
66
66
  <table className="govgr-table">
67
- <caption className="govgr-table__caption govgr-table__caption--m">Table with numbers and custom column widths </caption>
67
+ <caption className="govgr-table__caption govgr-table__caption--md">Table with numbers and custom column widths </caption>
68
68
  <thead className="govgr-table__head">
69
69
  <tr className="govgr-table__row">
70
70
  <th scope="col" className="govgr-table__header govgr-!-width-one-half">Date</th>
@@ -87,8 +87,8 @@ export default function Table() {
87
87
  </table>
88
88
 
89
89
  {/* Table with primary color at header */}
90
- <table className="govgr-table govgr-table--dark govgr-table--with-vertical-lines">
91
- <caption className="govgr-table__caption govgr-table__caption--m">Table with primary color at header</caption>
90
+ <table className="govgr-table govgr-table--dark govgr-table--vertical-lines">
91
+ <caption className="govgr-table__caption govgr-table__caption--md">Table with primary color at header</caption>
92
92
  <thead className="govgr-table__head">
93
93
  <tr className="govgr-table__row">
94
94
  <th scope="col" className="govgr-table__header govgr-table__header--dark">Date</th>
@@ -113,7 +113,7 @@ export default function Table() {
113
113
 
114
114
  {/* Table with gray color at all headers */}
115
115
  <table className="govgr-table govgr-table--dark ">
116
- <caption className="govgr-table__caption govgr-table__caption--m">Table with gray color at header</caption>
116
+ <caption className="govgr-table__caption govgr-table__caption--md">Table with gray color at header</caption>
117
117
  <thead className="govgr-table__head">
118
118
  <tr className="govgr-table__row">
119
119
  <th scope="col" className="govgr-table__header govgr-table__header--gray">Date</th>
@@ -137,7 +137,7 @@ export default function Table() {
137
137
 
138
138
  {/* Zebra Table */}
139
139
  <table className="govgr-table govgr-table--zebra">
140
- <caption className="govgr-table__caption govgr-table__caption--m">Zebra Table</caption>
140
+ <caption className="govgr-table__caption govgr-table__caption--md">Zebra Table</caption>
141
141
  <thead className="govgr-table__head">
142
142
  <tr className="govgr-table__row">
143
143
  <th scope="col" className="govgr-table__header">Date</th>
@@ -170,7 +170,7 @@ export default function Table() {
170
170
 
171
171
  {/* Zebra Table with dark header */}
172
172
  <table className="govgr-table govgr-table--dark govgr-table--zebra">
173
- <caption className="govgr-table__caption govgr-table__caption--m">Zebra Table with dark header</caption>
173
+ <caption className="govgr-table__caption govgr-table__caption--md">Zebra Table with dark header</caption>
174
174
  <thead className="govgr-table__head">
175
175
  <tr className="govgr-table__row">
176
176
  <th scope="col" className="govgr-table__header govgr-table__header--dark">Date</th>
@@ -203,7 +203,7 @@ export default function Table() {
203
203
 
204
204
  {/* Zebra Table with dark headers */}
205
205
  <table className="govgr-table govgr-table--dark govgr-table--zebra">
206
- <caption className="govgr-table__caption govgr-table__caption--m">Zebra Table with dark header</caption>
206
+ <caption className="govgr-table__caption govgr-table__caption--md">Zebra Table with dark header</caption>
207
207
  <thead className="govgr-table__head">
208
208
  <tr className="govgr-table__row">
209
209
  <th scope="col" className="govgr-table__header govgr-table__header--dark">Date</th>
@@ -248,7 +248,7 @@ export default function Table() {
248
248
 
249
249
  {/* Densed zebra Table */}
250
250
  <table className="govgr-table govgr-table--zebra govgr-table--dense">
251
- <caption className="govgr-table__caption govgr-table__caption--m">Densed zebra Table</caption>
251
+ <caption className="govgr-table__caption govgr-table__caption--md">Densed zebra Table</caption>
252
252
  <thead className="govgr-table__head">
253
253
  <tr className="govgr-table__row">
254
254
  <th scope="col" className="govgr-table__header">Date</th>
package/src/utilities/index.css CHANGED
@@ -400,9 +400,6 @@
400
400
  .govgr-grid__gap-2 {
401
401
  @apply gap-2;
402
402
  }
403
- .govgr-grid__gap-3 {
404
- @apply gap-3;
405
- }
406
403
  .govgr-grid__gap-4 {
407
404
  @apply gap-4;
408
405
  }
@@ -457,36 +454,6 @@
457
454
  .govgr-grid__col-span-12 {
458
455
  @apply col-span-12;
459
456
  }
460
- .govgr-lg-up {
461
- @apply lg:hidden;
462
- }
463
- .govgr-md-up {
464
- @apply md:hidden;
465
- }
466
- .govgr-sm-up {
467
- @apply sm:hidden;
468
- }
469
- .govgr-xl-up {
470
- @apply xl:hidden;
471
- }
472
- .govgr-xs-up {
473
- @apply xs:hidden;
474
- }
475
- .govgr-lg-up-block {
476
- @apply lg:block !important;
477
- }
478
- .govgr-md-up-block {
479
- @apply md:block !important;
480
- }
481
- .govgr-sm-up-block {
482
- @apply sm:block !important;
483
- }
484
- .govgr-xl-up-block {
485
- @apply xl:block !important;
486
- }
487
- .govgr-xs-up-block {
488
- @apply xs:block !important;
489
- }
490
457
  .govgr-print-hidden {
491
458
  @apply print:hidden !important;
492
459
  }
package/src/utilities/utilities.css CHANGED
@@ -402,9 +402,6 @@
402
402
  .govgr-grid__gap-2 {
403
403
  @apply gap-2;
404
404
  }
405
- .govgr-grid__gap-3 {
406
- @apply gap-3;
407
- }
408
405
  .govgr-grid__gap-4 {
409
406
  @apply gap-4;
410
407
  }
@@ -459,36 +456,6 @@
459
456
  .govgr-grid__col-span-12 {
460
457
  @apply col-span-12;
461
458
  }
462
- .govgr-lg-up {
463
- @apply lg:hidden;
464
- }
465
- .govgr-md-up {
466
- @apply md:hidden;
467
- }
468
- .govgr-sm-up {
469
- @apply sm:hidden;
470
- }
471
- .govgr-xl-up {
472
- @apply xl:hidden;
473
- }
474
- .govgr-xs-up {
475
- @apply xs:hidden;
476
- }
477
- .govgr-lg-up-block {
478
- @apply lg:block !important;
479
- }
480
- .govgr-md-up-block {
481
- @apply md:block !important;
482
- }
483
- .govgr-sm-up-block {
484
- @apply sm:block !important;
485
- }
486
- .govgr-xl-up-block {
487
- @apply xl:block !important;
488
- }
489
- .govgr-xs-up-block {
490
- @apply xs:block !important;
491
- }
492
459
  .govgr-print-hidden {
493
460
  @apply print:hidden !important;
494
461
  }
package/src/components/admin-footer.css DELETED
@@ -1,3 +0,0 @@
1
- .govgr-admin-footer {
2
- @apply border-0 border-solid font-normal text-base py-4 md:py-8 border-t-4 border-tertiary text-base-800 bg-base-200 w-full;
3
- }
package/src/components/admin-form.css DELETED
@@ -1,5 +0,0 @@
1
- .govgr-admin-filter-wrapper {
2
- .govgr-field:last-child {
3
- @apply border-b border-base-300 md:border-0 mb-0 pb-6;
4
- }
5
- }
package/src/components/cookie.css DELETED
@@ -1,3 +0,0 @@
1
- .govgr-cookie-banner {
2
- @apply bg-base-200;
3
- }