@digigov/css 1.0.0-002c630d → 1.0.0-480e3d97

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 (46) hide show
  1. package/defaultTheme/footer.json +5 -5
  2. package/defaultTheme/typography.json +22 -2
  3. package/dist/base/index.css +1 -1
  4. package/dist/base.js +1 -1
  5. package/dist/components.js +1 -1
  6. package/dist/digigov.css +3 -3
  7. package/dist/utilities/index.css +1 -1
  8. package/dist/utilities.js +1 -1
  9. package/package.json +4 -4
  10. package/src/components/accordion.css +50 -3
  11. package/src/components/admin-header.css +1 -1
  12. package/src/components/admin-layout.css +6 -0
  13. package/src/components/button.css +19 -1
  14. package/src/components/checkboxes.css +5 -2
  15. package/src/components/chip.css +11 -6
  16. package/src/components/copy-to-clipboard.css +36 -29
  17. package/src/components/drawer.css +0 -21
  18. package/src/components/dropdown.css +4 -1
  19. package/src/components/filter.css +10 -31
  20. package/src/components/footer.css +16 -16
  21. package/src/components/form.css +14 -18
  22. package/src/components/header.css +3 -3
  23. package/src/components/index.css +1 -0
  24. package/src/components/kitchensink.css +2 -2
  25. package/src/components/layout.css +7 -8
  26. package/src/components/loader.css +7 -7
  27. package/src/components/modal.css +0 -3
  28. package/src/components/nav.css +4 -4
  29. package/src/components/notification-banner.css +20 -9
  30. package/src/components/pagination.css +1 -1
  31. package/src/components/panel.css +4 -4
  32. package/src/components/phase-banner.css +1 -1
  33. package/src/components/radios.css +4 -8
  34. package/src/components/stack.css +66 -0
  35. package/src/components/stepnav.css +10 -4
  36. package/src/components/table.css +11 -9
  37. package/src/components/task-list.css +3 -4
  38. package/src/components/typography.css +18 -2
  39. package/src/pages/admin-filtering-data.js +1 -1
  40. package/src/pages/dropdown.js +2 -2
  41. package/src/pages/form.js +1 -1
  42. package/src/pages/index.js +12 -10
  43. package/src/utilities/index.css +21 -21
  44. package/src/utilities/utilities.css +23 -22
  45. package/tailwind.config.js +2 -0
  46. package/themes.plugin.js +16 -16
package/src/utilities/index.css CHANGED
@@ -394,27 +394,6 @@
394
394
  .govgr-grid-inline {
395
395
  @apply inline-grid;
396
396
  }
397
- .govgr-grid__gap-1 {
398
- @apply gap-1;
399
- }
400
- .govgr-grid__gap-2 {
401
- @apply gap-2;
402
- }
403
- .govgr-grid__gap-4 {
404
- @apply gap-4;
405
- }
406
- .govgr-grid__gap-6 {
407
- @apply gap-6;
408
- }
409
- .govgr-grid__gap-8 {
410
- @apply gap-8;
411
- }
412
- .govgr-grid__gap-10 {
413
- @apply gap-10;
414
- }
415
- .govgr-grid__gap-12 {
416
- @apply gap-12;
417
- }
418
397
  .govgr-grid__col-auto {
419
398
  @apply col-auto;
420
399
  }
@@ -462,4 +441,25 @@
462
441
  }
463
442
  .govgr-print-visible-inline {
464
443
  @apply print:inline !important;
444
+ }
445
+ .govgr-gap-1 {
446
+ @apply gap-1;
447
+ }
448
+ .govgr-gap-2 {
449
+ @apply gap-2;
450
+ }
451
+ .govgr-gap-4 {
452
+ @apply gap-4;
453
+ }
454
+ .govgr-gap-6 {
455
+ @apply gap-6;
456
+ }
457
+ .govgr-gap-8 {
458
+ @apply gap-8;
459
+ }
460
+ .govgr-gap-10 {
461
+ @apply gap-10;
462
+ }
463
+ .govgr-gap-12 {
464
+ @apply gap-12;
465
465
  }
package/src/utilities/utilities.css CHANGED
@@ -396,27 +396,6 @@
396
396
  .govgr-grid-inline {
397
397
  @apply inline-grid;
398
398
  }
399
- .govgr-grid__gap-1 {
400
- @apply gap-1;
401
- }
402
- .govgr-grid__gap-2 {
403
- @apply gap-2;
404
- }
405
- .govgr-grid__gap-4 {
406
- @apply gap-4;
407
- }
408
- .govgr-grid__gap-6 {
409
- @apply gap-6;
410
- }
411
- .govgr-grid__gap-8 {
412
- @apply gap-8;
413
- }
414
- .govgr-grid__gap-10 {
415
- @apply gap-10;
416
- }
417
- .govgr-grid__gap-12 {
418
- @apply gap-12;
419
- }
420
399
  .govgr-grid__col-auto {
421
400
  @apply col-auto;
422
401
  }
@@ -465,4 +444,26 @@
465
444
  .govgr-print-visible-inline {
466
445
  @apply print:inline !important;
467
446
  }
468
- };
447
+ .govgr-gap-1 {
448
+ @apply gap-1;
449
+ }
450
+ .govgr-gap-2 {
451
+ @apply gap-2;
452
+ }
453
+ .govgr-gap-4 {
454
+ @apply gap-4;
455
+ }
456
+ .govgr-gap-6 {
457
+ @apply gap-6;
458
+ }
459
+ .govgr-gap-8 {
460
+ @apply gap-8;
461
+ }
462
+ .govgr-gap-10 {
463
+ @apply gap-10;
464
+ }
465
+ .govgr-gap-12 {
466
+ @apply gap-12;
467
+ }
468
+ };
469
+
package/tailwind.config.js CHANGED
@@ -156,6 +156,8 @@ module.exports = {
156
156
  zIndex: {
157
157
  "/1": -1,
158
158
  1: 1,
159
+ 2: 2,
160
+ 3: 3,
159
161
  },
160
162
  opacity: {
161
163
  85: "0.85",
package/themes.plugin.js CHANGED
@@ -6,7 +6,7 @@ const postcssJs = require("postcss-js");
6
6
 
7
7
  const prefix = "govgr";
8
8
  const mediaQueriesMapping = {
9
- xs: "",
9
+ xs: "@media (min-width: 0px)",
10
10
  sm: "@media (min-width: 640px)",
11
11
  md: "@media (min-width: 768px)",
12
12
  lg: "@media (min-width: 1024px)",
@@ -28,21 +28,21 @@ function addThemes({ addBase, addComponents, theme, config }) {
28
28
  }
29
29
  hasRun = true;
30
30
  function extractColorVars(colorObj, colorGroup = "") {
31
- return Object.keys(colorObj).reduce((vars, colorKey) => {
32
- const value = colorObj[colorKey];
33
- const colorName =
34
- colorKey == "default"
35
- ? `--color${colorGroup}`
36
- : `--color${colorGroup}-${colorKey}`;
37
- const newVars =
38
- typeof value === "string"
39
- ? {
40
- [colorName]: value,
41
- [`${colorName}-rgb`]: hexToRGB(value),
42
- }
43
- : extractColorVars(value, `-${colorKey}`);
44
- return { ...vars, ...newVars };
45
- }, {});
31
+ return Object.keys(colorObj).reduce((vars, colorKey) => {
32
+ const value = colorObj[colorKey];
33
+ const colorName =
34
+ colorKey == "default"
35
+ ? `--color${colorGroup}`
36
+ : `--color${colorGroup}-${colorKey}`;
37
+ const newVars =
38
+ typeof value === "string"
39
+ ? {
40
+ [colorName]: value,
41
+ [`${colorName}-rgb`]: hexToRGB(value),
42
+ }
43
+ : extractColorVars(value, `-${colorKey}`);
44
+ return { ...vars, ...newVars };
45
+ }, {});
46
46
  }
47
47
 
48
48
  function extractMediaQueriesFromComponentVars(componentObj, customTheme) {