@digigov/css 1.0.0-6b93ebf2 → 1.0.0-871b6be5

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 (39) hide show
  1. package/defaultTheme/footer.json +1 -1
  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/base/index.css +3 -0
  11. package/src/components/accordion.css +50 -3
  12. package/src/components/admin-header.css +1 -1
  13. package/src/components/admin-layout.css +6 -0
  14. package/src/components/button.css +19 -1
  15. package/src/components/chip.css +11 -6
  16. package/src/components/drawer.css +0 -21
  17. package/src/components/dropdown.css +10 -11
  18. package/src/components/filter.css +10 -31
  19. package/src/components/footer.css +15 -15
  20. package/src/components/form.css +12 -13
  21. package/src/components/header.css +43 -7
  22. package/src/components/hidden.css +3 -0
  23. package/src/components/index.css +1 -0
  24. package/src/components/kitchensink.css +2 -2
  25. package/src/components/layout.css +3 -3
  26. package/src/components/modal.css +0 -3
  27. package/src/components/nav.css +63 -124
  28. package/src/components/pagination.css +1 -1
  29. package/src/components/phase-banner.css +6 -1
  30. package/src/components/stack.css +66 -0
  31. package/src/components/stepnav.css +10 -4
  32. package/src/components/table.css +4 -7
  33. package/src/components/task-list.css +3 -4
  34. package/src/components/typography.css +18 -2
  35. package/src/pages/admin-filtering-data.js +1 -1
  36. package/src/utilities/index.css +21 -21
  37. package/src/utilities/utilities.css +23 -22
  38. package/tailwind.config.js +2 -0
  39. package/themes.plugin.js +17 -17
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) {
@@ -129,7 +129,7 @@ function addThemes({ addBase, addComponents, theme, config }) {
129
129
  extractVars(customThemeObject);
130
130
  } else {
131
131
  base[
132
- `:root.${customTheme},.${customTheme} *::before,.${customTheme} *::after`
132
+ `:root.${customTheme},.${customTheme},.${customTheme} *::before,.${customTheme} *::after`
133
133
  ] = extractVars(customThemeObject);
134
134
  }
135
135