@digigov/css 2.0.0-rc.7 → 2.0.2

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