@digigov/css 2.0.0-6e3977bc → 2.0.0-76ec20a0

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 (122) 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/accordion.common.css +29 -0
  15. package/src/components/accordion.css +10 -7
  16. package/src/components/accordion.native.css +27 -0
  17. package/src/components/autocomplete.css +1 -3
  18. package/src/components/blockquote.common.css +11 -11
  19. package/src/components/blockquote.css +6 -6
  20. package/src/components/blockquote.native.css +4 -1
  21. package/src/components/breadcrumbs.css +1 -1
  22. package/src/components/button.css +1 -1
  23. package/src/components/button.native.css +6 -7
  24. package/src/components/card.common.css +30 -30
  25. package/src/components/card.css +1 -1
  26. package/src/components/checkboxes.common.css +13 -13
  27. package/src/components/checkboxes.native.css +2 -3
  28. package/src/components/chip.common.css +19 -0
  29. package/src/components/chip.css +5 -4
  30. package/src/components/chip.native.css +15 -0
  31. package/src/components/code.css +11 -10
  32. package/src/components/copy-to-clipboard.css +1 -1
  33. package/src/components/copy-to-clipboard.native.css +2 -4
  34. package/src/components/details.common.css +23 -23
  35. package/src/components/details.native.css +8 -0
  36. package/src/components/drawer.css +21 -4
  37. package/src/components/dropdown.common.css +20 -20
  38. package/src/components/dropdown.native.css +10 -11
  39. package/src/components/fillable.css +1 -1
  40. package/src/components/filter.css +75 -26
  41. package/src/components/footer.css +8 -7
  42. package/src/components/form.common.css +75 -76
  43. package/src/components/form.css +7 -4
  44. package/src/components/form.native.css +102 -53
  45. package/src/components/header.common.css +32 -33
  46. package/src/components/header.css +9 -13
  47. package/src/components/header.native.css +5 -10
  48. package/src/components/kitchensink.css +2 -2
  49. package/src/components/layout.common.css +2 -2
  50. package/src/components/layout.css +1 -1
  51. package/src/components/layout.native.css +1 -0
  52. package/src/components/loader.common.css +7 -0
  53. package/src/components/loader.css +3 -1
  54. package/src/components/loader.native.css +5 -0
  55. package/src/components/modal.common.css +16 -0
  56. package/src/components/modal.css +19 -15
  57. package/src/components/modal.native.css +18 -0
  58. package/src/components/nav.common.css +18 -18
  59. package/src/components/nav.native.css +4 -6
  60. package/src/components/notification-banner.common.css +2 -2
  61. package/src/components/notification-banner.css +20 -2
  62. package/src/components/pagination.css +19 -3
  63. package/src/components/panel.common.css +26 -26
  64. package/src/components/panel.native.css +8 -2
  65. package/src/components/phase-banner.common.css +1 -1
  66. package/src/components/phase-banner.native.css +0 -1
  67. package/src/components/postcss.config.js +7 -6
  68. package/src/components/radios.common.css +1 -1
  69. package/src/components/radios.native.css +2 -3
  70. package/src/components/skeleton.common.css +20 -0
  71. package/src/components/skeleton.css +7 -10
  72. package/src/components/skeleton.native.css +53 -0
  73. package/src/components/stack.common.css +67 -0
  74. package/src/components/stack.css +23 -21
  75. package/src/components/stack.native.css +68 -0
  76. package/src/components/stepnav.css +2 -2
  77. package/src/components/summary-list.common.css +6 -3
  78. package/src/components/summary-list.css +10 -7
  79. package/src/components/summary-list.native.css +5 -1
  80. package/src/components/svg-icons.common.css +1 -1
  81. package/src/components/svg-icons.native.css +2 -3
  82. package/src/components/table.css +25 -12
  83. package/src/components/tabs.css +1 -0
  84. package/src/components/task-list.css +12 -7
  85. package/src/components/test.css +2 -2
  86. package/src/components/timeline.css +8 -7
  87. package/src/components/typography.common.css +2 -7
  88. package/src/components/typography.css +5 -17
  89. package/src/components/typography.native.css +31 -0
  90. package/src/components/warning-text.common.css +1 -1
  91. package/src/components/warning-text.css +9 -6
  92. package/src/index.native.css +7 -1
  93. package/src/utilities/gap.css +141 -0
  94. package/src/utilities/index.css +6 -3
  95. package/src/utilities/index.native.css +6 -2
  96. package/src/utilities/layout.css +1 -1
  97. package/src/utilities/layout.native.css +1 -1
  98. package/src/utilities/margin.css +4299 -0
  99. package/src/utilities/padding.css +4299 -0
  100. package/src/utilities/postcss.config.js +7 -6
  101. package/src/utilities/print.css +1 -1
  102. package/src/utilities/utilities.css +3 -2378
  103. package/tailwind.config.js +102 -106
  104. package/theming.js +121 -0
  105. package/defaultTheme/accordion.json +0 -16
  106. package/defaultTheme/back-to-top.json +0 -27
  107. package/defaultTheme/brandConfig.json +0 -147
  108. package/defaultTheme/breadcrumbs.json +0 -8
  109. package/defaultTheme/button.json +0 -94
  110. package/defaultTheme/card.json +0 -23
  111. package/defaultTheme/form.json +0 -132
  112. package/defaultTheme/globals.json +0 -81
  113. package/defaultTheme/index.js +0 -27
  114. package/defaultTheme/layout.json +0 -55
  115. package/defaultTheme/misc.json +0 -68
  116. package/defaultTheme/panel.json +0 -48
  117. package/defaultTheme/phase-banner.json +0 -8
  118. package/defaultTheme/radios.json +0 -8
  119. package/defaultTheme/summary-list.json +0 -8
  120. package/defaultTheme/typography.json +0 -295
  121. package/src/utilities/spacing.css +0 -2133
  122. 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 py-4 px-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
  }
@@ -15,9 +18,9 @@
15
18
  .ds-warning-text__content {
16
19
  @apply flex items-center;
17
20
  }
18
- .ds-warning-text__assistive {
19
- @apply absolute w-px h-px m-0 p-0 border-0 overflow-hidden whitespace-nowrap !important;
20
- clip: rect(0 0 0 0) !important;
21
- clip-path: inset(50%) !important;
22
- }
21
+ }
22
+ .ds-warning-text__assistive {
23
+ @apply absolute w-px h-px m-0 p-0 border-0 overflow-hidden whitespace-nowrap !important;
24
+ clip: rect(0 0 0 0) !important;
25
+ clip-path: inset(50%) !important;
23
26
  }
package/src/index.native.css CHANGED
@@ -17,4 +17,10 @@
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';
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
+ }
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
+ }