@digigov/css 2.0.0-6e3977bc → 2.0.0-834daea4

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 (80) hide show
  1. package/dist/base/index.css +1 -1
  2. package/dist/base.js +1 -1
  3. package/dist/components.js +1 -1
  4. package/dist/digigov.css +3 -3
  5. package/dist/utilities/index.css +1 -1
  6. package/dist/utilities.js +1 -1
  7. package/index.js +99 -69
  8. package/package.json +10 -10
  9. package/postcss.config.js +4 -4
  10. package/src/base/index.css +1 -0
  11. package/src/base/postcss.config.js +11 -10
  12. package/src/base/tailwind.config.js +4 -11
  13. package/src/components/accordion.css +5 -1
  14. package/src/components/blockquote.common.css +2 -2
  15. package/src/components/breadcrumbs.css +1 -1
  16. package/src/components/button.common.css +1 -1
  17. package/src/components/button.css +2 -2
  18. package/src/components/button.native.css +2 -3
  19. package/src/components/card.common.css +1 -1
  20. package/src/components/code.css +5 -6
  21. package/src/components/details.common.css +1 -1
  22. package/src/components/drawer.css +18 -1
  23. package/src/components/dropdown.common.css +1 -1
  24. package/src/components/fillable.css +1 -1
  25. package/src/components/filter.css +35 -6
  26. package/src/components/form.css +1 -1
  27. package/src/components/kitchensink.css +2 -2
  28. package/src/components/layout.css +2 -2
  29. package/src/components/loader.common.css +7 -0
  30. package/src/components/loader.css +3 -1
  31. package/src/components/loader.native.css +5 -0
  32. package/src/components/modal.common.css +17 -0
  33. package/src/components/modal.css +20 -16
  34. package/src/components/modal.native.css +18 -0
  35. package/src/components/notification-banner.common.css +1 -1
  36. package/src/components/pagination.css +19 -3
  37. package/src/components/panel.common.css +1 -1
  38. package/src/components/phase-banner.common.css +1 -1
  39. package/src/components/postcss.config.js +7 -6
  40. package/src/components/stack.common.css +67 -0
  41. package/src/components/stack.css +23 -21
  42. package/src/components/stack.native.css +68 -0
  43. package/src/components/stepnav.css +2 -3
  44. package/src/components/summary-list.common.css +4 -2
  45. package/src/components/table.css +8 -8
  46. package/src/components/tabs.css +1 -0
  47. package/src/components/task-list.css +12 -7
  48. package/src/components/timeline.css +16 -15
  49. package/src/components/typography.common.css +1 -6
  50. package/src/components/typography.css +3 -3
  51. package/src/components/warning-text.common.css +1 -1
  52. package/src/components/warning-text.css +4 -1
  53. package/src/index.native.css +4 -1
  54. package/src/utilities/gap.css +141 -0
  55. package/src/utilities/index.css +4 -1
  56. package/src/utilities/index.native.css +5 -1
  57. package/src/utilities/margin.css +4299 -0
  58. package/src/utilities/padding.css +4299 -0
  59. package/src/utilities/postcss.config.js +7 -6
  60. package/src/utilities/utilities.css +3 -2377
  61. package/tailwind.config.js +102 -106
  62. package/theming.js +121 -0
  63. package/defaultTheme/accordion.json +0 -16
  64. package/defaultTheme/back-to-top.json +0 -27
  65. package/defaultTheme/brandConfig.json +0 -147
  66. package/defaultTheme/breadcrumbs.json +0 -8
  67. package/defaultTheme/button.json +0 -94
  68. package/defaultTheme/card.json +0 -23
  69. package/defaultTheme/form.json +0 -132
  70. package/defaultTheme/globals.json +0 -81
  71. package/defaultTheme/index.js +0 -27
  72. package/defaultTheme/layout.json +0 -55
  73. package/defaultTheme/misc.json +0 -68
  74. package/defaultTheme/panel.json +0 -48
  75. package/defaultTheme/phase-banner.json +0 -8
  76. package/defaultTheme/radios.json +0 -8
  77. package/defaultTheme/summary-list.json +0 -8
  78. package/defaultTheme/typography.json +0 -295
  79. package/src/utilities/spacing.css +0 -2133
  80. package/themes.plugin.js +0 -148
package/src/components/warning-text.css CHANGED
@@ -1,8 +1,11 @@
1
+ @import './warning-text.common.css';
2
+
1
3
  .ds-warning-text {
2
- @apply flex py-4 px-0;
4
+ @apply util-warning-text p-0;
3
5
  font-size: var(--warning-text-font-size);
4
6
  &.ds-warning-text--dense,
5
7
  .ds-dense & {
8
+ @apply mb-3 md:mb-6;
6
9
  .ds-warning-text__icon {
7
10
  @apply mr-4 md:mr-5;
8
11
  }
package/src/index.native.css CHANGED
@@ -17,4 +17,7 @@
17
17
  @import './components/warning-text.native';
18
18
  @import './components/form.native';
19
19
  @import './components/checkboxes.native';
20
- @import './components/radios.native';
20
+ @import './components/radios.native';
21
+ @import './components/modal.native';
22
+ @import './components/loader.native';
23
+ @import './components/stack.native';
package/src/utilities/gap.css ADDED
@@ -0,0 +1,141 @@
1
+ .ds-gap-1 {
2
+ @apply gap-1;
3
+ }
4
+ .ds-gap-2 {
5
+ @apply gap-2;
6
+ }
7
+ .ds-gap-4 {
8
+ @apply gap-4;
9
+ }
10
+ .ds-gap-6 {
11
+ @apply gap-6;
12
+ }
13
+ .ds-gap-8 {
14
+ @apply gap-8;
15
+ }
16
+ .ds-gap-10 {
17
+ @apply gap-10;
18
+ }
19
+ .ds-gap-12 {
20
+ @apply gap-12;
21
+ }
22
+ .ds-gap-xs-1 {
23
+ @apply gap-1;
24
+ }
25
+ .ds-gap-xs-2 {
26
+ @apply gap-2;
27
+ }
28
+ .ds-gap-xs-4 {
29
+ @apply gap-4;
30
+ }
31
+ .ds-gap-xs-5 {
32
+ @apply gap-5;
33
+ }
34
+ .ds-gap-xs-6 {
35
+ @apply gap-6;
36
+ }
37
+ .ds-gap-xs-8 {
38
+ @apply gap-8;
39
+ }
40
+ .ds-gap-xs-10 {
41
+ @apply gap-10;
42
+ }
43
+ .ds-gap-xs-12 {
44
+ @apply gap-12;
45
+ }
46
+ .ds-gap-sm-1 {
47
+ @apply sm:gap-1;
48
+ }
49
+ .ds-gap-sm-2 {
50
+ @apply sm:gap-2;
51
+ }
52
+ .ds-gap-sm-4 {
53
+ @apply sm:gap-4;
54
+ }
55
+ .ds-gap-sm-5 {
56
+ @apply sm:gap-5;
57
+ }
58
+ .ds-gap-sm-6 {
59
+ @apply sm:gap-6;
60
+ }
61
+ .ds-gap-sm-8 {
62
+ @apply sm:gap-8;
63
+ }
64
+ .ds-gap-sm-10 {
65
+ @apply sm:gap-10;
66
+ }
67
+ .ds-gap-sm-12 {
68
+ @apply sm:gap-12;
69
+ }
70
+ .ds-gap-md-1 {
71
+ @apply md:gap-1;
72
+ }
73
+ .ds-gap-md-2 {
74
+ @apply md:gap-2;
75
+ }
76
+ .ds-gap-md-4 {
77
+ @apply md:gap-4;
78
+ }
79
+ .ds-gap-md-5 {
80
+ @apply md:gap-5;
81
+ }
82
+ .ds-gap-md-6 {
83
+ @apply md:gap-6;
84
+ }
85
+ .ds-gap-md-8 {
86
+ @apply md:gap-8;
87
+ }
88
+ .ds-gap-md-10 {
89
+ @apply md:gap-10;
90
+ }
91
+ .ds-gap-md-12 {
92
+ @apply md:gap-12;
93
+ }
94
+ .ds-gap-lg-1 {
95
+ @apply lg:gap-1;
96
+ }
97
+ .ds-gap-lg-2 {
98
+ @apply lg:gap-2;
99
+ }
100
+ .ds-gap-lg-4 {
101
+ @apply lg:gap-4;
102
+ }
103
+ .ds-gap-lg-5 {
104
+ @apply lg:gap-5;
105
+ }
106
+ .ds-gap-lg-6 {
107
+ @apply lg:gap-6;
108
+ }
109
+ .ds-gap-lg-8 {
110
+ @apply lg:gap-8;
111
+ }
112
+ .ds-gap-lg-10 {
113
+ @apply lg:gap-10;
114
+ }
115
+ .ds-gap-lg-12 {
116
+ @apply lg:gap-12;
117
+ }
118
+ .ds-gap-xl-1 {
119
+ @apply xl:gap-1;
120
+ }
121
+ .ds-gap-xl-2 {
122
+ @apply xl:gap-2;
123
+ }
124
+ .ds-gap-xl-4 {
125
+ @apply xl:gap-4;
126
+ }
127
+ .ds-gap-xl-5 {
128
+ @apply xl:gap-5;
129
+ }
130
+ .ds-gap-xl-6 {
131
+ @apply xl:gap-6;
132
+ }
133
+ .ds-gap-xl-8 {
134
+ @apply xl:gap-8;
135
+ }
136
+ .ds-gap-xl-10 {
137
+ @apply xl:gap-10;
138
+ }
139
+ .ds-gap-xl-12 {
140
+ @apply xl:gap-12;
141
+ }
package/src/utilities/index.css CHANGED
@@ -1,3 +1,6 @@
1
1
  @import "./layout.css";
2
- @import "./spacing.css";
2
+ @import "./gap.css";
3
+ @import "./margin.css";
4
+ @import "./padding.css";
5
+ @import "./margin.css";
3
6
  @import "./print.css";
package/src/utilities/index.native.css CHANGED
@@ -1,2 +1,6 @@
1
1
  @import "./layout.native.css";
2
- @import "./spacing.css";
2
+ @import "./gap.css";
3
+ @import "./margin.css";
4
+ @import "./padding.css";
5
+ @import "./margin.css";
6
+ @import "./print.css";