@digigov/css 2.0.0-113e6661 → 2.0.0-2177f152

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 (106) 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 +13 -13
  9. package/postcss.config.js +4 -4
  10. package/src/base/index.css +1 -0
  11. package/src/base/index.native.css +0 -0
  12. package/src/base/postcss.config.js +11 -10
  13. package/src/base/tailwind.config.js +4 -11
  14. package/src/components/autocomplete.css +1 -3
  15. package/src/components/blockquote.common.css +11 -11
  16. package/src/components/blockquote.css +6 -6
  17. package/src/components/blockquote.native.css +4 -1
  18. package/src/components/breadcrumbs.css +1 -1
  19. package/src/components/button.common.css +1 -1
  20. package/src/components/button.css +1 -1
  21. package/src/components/button.native.css +6 -7
  22. package/src/components/card.common.css +30 -30
  23. package/src/components/card.css +1 -1
  24. package/src/components/checkboxes.common.css +13 -13
  25. package/src/components/checkboxes.native.css +2 -3
  26. package/src/components/chip.common.css +19 -0
  27. package/src/components/chip.css +5 -4
  28. package/src/components/chip.native.css +15 -0
  29. package/src/components/code.css +3 -3
  30. package/src/components/copy-to-clipboard.css +1 -1
  31. package/src/components/details.common.css +23 -23
  32. package/src/components/details.native.css +8 -0
  33. package/src/components/drawer.css +20 -3
  34. package/src/components/dropdown.common.css +19 -19
  35. package/src/components/dropdown.native.css +10 -11
  36. package/src/components/filter.css +70 -21
  37. package/src/components/footer.css +7 -7
  38. package/src/components/form.common.css +75 -76
  39. package/src/components/form.native.css +102 -53
  40. package/src/components/header.common.css +32 -33
  41. package/src/components/header.css +8 -12
  42. package/src/components/header.native.css +5 -10
  43. package/src/components/kitchensink.css +2 -2
  44. package/src/components/layout.common.css +2 -2
  45. package/src/components/layout.css +1 -1
  46. package/src/components/layout.native.css +1 -0
  47. package/src/components/loader.common.css +7 -0
  48. package/src/components/loader.css +3 -1
  49. package/src/components/loader.native.css +5 -0
  50. package/src/components/modal.common.css +16 -0
  51. package/src/components/modal.css +19 -15
  52. package/src/components/modal.native.css +18 -0
  53. package/src/components/nav.common.css +18 -18
  54. package/src/components/nav.native.css +4 -6
  55. package/src/components/notification-banner.common.css +1 -1
  56. package/src/components/notification-banner.css +1 -1
  57. package/src/components/pagination.css +19 -3
  58. package/src/components/panel.common.css +26 -26
  59. package/src/components/panel.native.css +8 -2
  60. package/src/components/phase-banner.native.css +0 -1
  61. package/src/components/postcss.config.js +7 -6
  62. package/src/components/radios.common.css +1 -1
  63. package/src/components/radios.native.css +2 -3
  64. package/src/components/stack.common.css +67 -0
  65. package/src/components/stack.css +23 -21
  66. package/src/components/stack.native.css +68 -0
  67. package/src/components/summary-list.common.css +1 -1
  68. package/src/components/summary-list.css +3 -3
  69. package/src/components/summary-list.native.css +5 -1
  70. package/src/components/svg-icons.common.css +1 -1
  71. package/src/components/svg-icons.native.css +2 -3
  72. package/src/components/test.css +2 -2
  73. package/src/components/typography.common.css +1 -4
  74. package/src/components/typography.css +6 -3
  75. package/src/components/typography.native.css +31 -0
  76. package/src/index.native.css +5 -1
  77. package/src/utilities/gap.css +141 -0
  78. package/src/utilities/index.css +6 -3
  79. package/src/utilities/index.native.css +6 -2
  80. package/src/utilities/layout.css +1 -1
  81. package/src/utilities/layout.native.css +1 -1
  82. package/src/utilities/margin.css +4299 -0
  83. package/src/utilities/padding.css +4299 -0
  84. package/src/utilities/postcss.config.js +7 -6
  85. package/src/utilities/print.css +1 -1
  86. package/src/utilities/utilities.css +3 -2378
  87. package/tailwind.config.js +102 -106
  88. package/theming.js +121 -0
  89. package/defaultTheme/accordion.json +0 -16
  90. package/defaultTheme/back-to-top.json +0 -27
  91. package/defaultTheme/brandConfig.json +0 -147
  92. package/defaultTheme/breadcrumbs.json +0 -8
  93. package/defaultTheme/button.json +0 -94
  94. package/defaultTheme/card.json +0 -23
  95. package/defaultTheme/form.json +0 -132
  96. package/defaultTheme/globals.json +0 -81
  97. package/defaultTheme/index.js +0 -27
  98. package/defaultTheme/layout.json +0 -55
  99. package/defaultTheme/misc.json +0 -68
  100. package/defaultTheme/panel.json +0 -48
  101. package/defaultTheme/phase-banner.json +0 -8
  102. package/defaultTheme/radios.json +0 -8
  103. package/defaultTheme/summary-list.json +0 -8
  104. package/defaultTheme/typography.json +0 -295
  105. package/src/utilities/spacing.css +0 -2133
  106. package/themes.plugin.js +0 -148
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
- @import "./layout.css";
2
- @import "./spacing.css";
3
- @import "./print.css";
1
+ @import './layout.css';
2
+ @import './gap.css';
3
+ @import './margin.css';
4
+ @import './padding.css';
5
+ @import './margin.css';
6
+ @import './print.css';
package/src/utilities/index.native.css CHANGED
@@ -1,2 +1,6 @@
1
- @import "./layout.native.css";
2
- @import "./spacing.css";
1
+ @import './layout.native.css';
2
+ @import './gap.css';
3
+ @import './margin.css';
4
+ @import './padding.css';
5
+ @import './margin.css';
6
+ @import './print.css';
package/src/utilities/layout.css CHANGED
@@ -228,4 +228,4 @@
228
228
  .lg\:ds-grid__col-span-12 {
229
229
  @apply col-span-12;
230
230
  }
231
- }
231
+ }
package/src/utilities/layout.native.css CHANGED
@@ -275,4 +275,4 @@
275
275
  flex-basis: 100%;
276
276
  max-width: 100%;
277
277
  }
278
- }
278
+ }