@digigov/css 1.3.0-rc.0 → 2.0.0-113e6661

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 (128) hide show
  1. package/defaultTheme/accordion.json +8 -0
  2. package/defaultTheme/brandConfig.json +14 -2
  3. package/defaultTheme/button.json +16 -3
  4. package/defaultTheme/card.json +16 -5
  5. package/defaultTheme/form.json +117 -0
  6. package/defaultTheme/globals.json +11 -1
  7. package/defaultTheme/index.js +1 -1
  8. package/defaultTheme/layout.json +55 -0
  9. package/defaultTheme/misc.json +20 -0
  10. package/defaultTheme/panel.json +5 -0
  11. package/defaultTheme/typography.json +12 -12
  12. package/dist/base/index.css +1 -1
  13. package/dist/base.js +1 -1
  14. package/dist/components.js +1 -1
  15. package/dist/digigov.css +3 -3
  16. package/dist/utilities/index.css +1 -1
  17. package/dist/utilities.js +1 -1
  18. package/package.json +10 -6
  19. package/postcss.config.js +1 -0
  20. package/src/base/base.css +1 -1
  21. package/src/base/index.css +5 -5
  22. package/src/components/accordion.css +56 -53
  23. package/src/components/admin-header.css +2 -19
  24. package/src/components/admin-layout.css +13 -22
  25. package/src/components/autocomplete.css +89 -46
  26. package/src/components/back-to-top.css +3 -4
  27. package/src/components/blockquote.common.css +14 -0
  28. package/src/components/blockquote.css +9 -0
  29. package/src/components/blockquote.native.css +11 -0
  30. package/src/components/bottom-info.css +2 -1
  31. package/src/components/breadcrumbs.css +16 -7
  32. package/src/components/button.common.css +62 -0
  33. package/src/components/button.css +57 -71
  34. package/src/components/button.native.css +56 -0
  35. package/src/components/card.common.css +33 -0
  36. package/src/components/card.css +65 -52
  37. package/src/components/card.native.css +29 -0
  38. package/src/components/checkboxes.common.css +16 -0
  39. package/src/components/checkboxes.css +26 -31
  40. package/src/components/checkboxes.native.css +28 -0
  41. package/src/components/chip.css +28 -29
  42. package/src/components/code.css +128 -0
  43. package/src/components/components.css +2 -2
  44. package/src/components/copy-to-clipboard.css +27 -26
  45. package/src/components/copy-to-clipboard.native.css +28 -0
  46. package/src/components/details.common.css +26 -0
  47. package/src/components/details.css +14 -15
  48. package/src/components/details.native.css +26 -0
  49. package/src/components/dev-theme.css +2 -3
  50. package/src/components/drawer.css +46 -47
  51. package/src/components/dropdown.common.css +23 -0
  52. package/src/components/dropdown.css +57 -48
  53. package/src/components/dropdown.native.css +28 -0
  54. package/src/components/experimental.css +12 -12
  55. package/src/components/fillable.css +4 -4
  56. package/src/components/filter.css +10 -15
  57. package/src/components/footer.css +35 -21
  58. package/src/components/form.common.css +82 -0
  59. package/src/components/form.css +86 -48
  60. package/src/components/form.native.css +133 -0
  61. package/src/components/full-page-background.css +1 -1
  62. package/src/components/header.common.css +36 -0
  63. package/src/components/header.css +44 -43
  64. package/src/components/header.native.css +34 -0
  65. package/src/components/hidden.css +17 -17
  66. package/src/components/index.css +49 -47
  67. package/src/components/kitchensink.css +33 -33
  68. package/src/components/layout.common.css +36 -0
  69. package/src/components/layout.css +40 -41
  70. package/src/components/layout.native.css +39 -0
  71. package/src/components/loader.css +28 -28
  72. package/src/components/masthead.css +56 -55
  73. package/src/components/misc.css +37 -15
  74. package/src/components/modal.css +21 -14
  75. package/src/components/nav.common.css +22 -0
  76. package/src/components/nav.css +72 -67
  77. package/src/components/nav.native.css +41 -0
  78. package/src/components/notification-banner.common.css +46 -0
  79. package/src/components/notification-banner.css +23 -19
  80. package/src/components/notification-banner.native.css +42 -0
  81. package/src/components/pagination.css +29 -30
  82. package/src/components/panel.common.css +30 -0
  83. package/src/components/panel.css +10 -18
  84. package/src/components/panel.native.css +20 -0
  85. package/src/components/phase-banner.common.css +23 -0
  86. package/src/components/phase-banner.css +11 -10
  87. package/src/components/phase-banner.native.css +31 -0
  88. package/src/components/radios.common.css +16 -0
  89. package/src/components/radios.css +27 -30
  90. package/src/components/radios.native.css +24 -0
  91. package/src/components/skeleton.css +85 -0
  92. package/src/components/skiplink.css +2 -2
  93. package/src/components/stack.css +63 -63
  94. package/src/components/stepnav.css +33 -29
  95. package/src/components/summary-list.common.css +90 -0
  96. package/src/components/summary-list.css +101 -30
  97. package/src/components/summary-list.native.css +93 -0
  98. package/src/components/svg-icons.common.css +56 -0
  99. package/src/components/svg-icons.css +78 -80
  100. package/src/components/svg-icons.native.css +55 -0
  101. package/src/components/table.css +159 -178
  102. package/src/components/tabs.css +51 -67
  103. package/src/components/task-list.css +18 -18
  104. package/src/components/test.css +7 -0
  105. package/src/components/timeline.css +4 -3
  106. package/src/components/typography.common.css +140 -0
  107. package/src/components/typography.css +103 -175
  108. package/src/components/typography.native.css +97 -0
  109. package/src/components/warning-text.common.css +23 -0
  110. package/src/components/warning-text.css +8 -8
  111. package/src/components/warning-text.native.css +22 -0
  112. package/src/index.native.css +20 -0
  113. package/src/pages/index.js +1 -1
  114. package/src/utilities/index.css +3 -1655
  115. package/src/utilities/index.native.css +2 -0
  116. package/src/utilities/layout.css +231 -0
  117. package/src/utilities/layout.native.css +278 -0
  118. package/src/utilities/print.css +11 -0
  119. package/src/utilities/spacing.css +2133 -0
  120. package/src/utilities/utilities.css +723 -6
  121. package/tailwind.config.js +2 -0
  122. package/defaultTheme/footer.json +0 -8
  123. package/src/pages/admin-filtering-data.js +0 -160
  124. package/src/pages/admin.js +0 -61
  125. package/src/pages/dropdown.js +0 -249
  126. package/src/pages/form.js +0 -400
  127. package/src/pages/pagination.js +0 -124
  128. package/src/pages/table.js +0 -308
package/src/components/warning-text.css CHANGED
@@ -1,23 +1,23 @@
1
1
  .ds-warning-text {
2
- font-size: var(--warning-text-font-size);
3
2
  @apply flex py-4 px-0;
3
+ font-size: var(--warning-text-font-size);
4
+ &.ds-warning-text--dense,
5
+ .ds-dense & {
6
+ .ds-warning-text__icon {
7
+ @apply mr-4 md:mr-5;
8
+ }
9
+ }
4
10
  .ds-warning-text__icon {
5
11
  @apply text-base-content-invert font-bold bg-base-content text-3xl leading-10 text-center
6
12
  rounded-3xl md:min-h-10 min-w-10 h-fit mr-6 mt-1
7
13
  print:bg-white print:border-2 print:border-base-content print:text-base-content;
8
14
  }
9
- .ds-warning-text__text {
15
+ .ds-warning-text__content {
10
16
  @apply flex items-center;
11
17
  }
12
18
  .ds-warning-text__assistive {
13
19
  @apply absolute w-px h-px m-0 p-0 border-0 overflow-hidden whitespace-nowrap !important;
14
20
  clip: rect(0 0 0 0) !important;
15
- -webkit-clip-path: inset(50%) !important;
16
21
  clip-path: inset(50%) !important;
17
22
  }
18
- &.ds-warning-text--dense, .ds-dense & {
19
- .ds-warning-text__icon {
20
- @apply mr-4 md:mr-5;
21
- }
22
- }
23
23
  }
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,20 @@
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';
package/src/pages/index.js CHANGED
@@ -397,7 +397,7 @@ export default function Home() {
397
397
  <a className="ds-footer__link" href="#3">Σύνδεσμος 3</a>
398
398
  </li>
399
399
  </ul>
400
- <div className="ds-footer__content--logos">
400
+ <div className="ds-footer__content__logos">
401
401
  <img className="ds-footer__logo" src="/img/government-logo2.svg" alt="government logo" />
402
402
  <img className="ds-footer__logo" src="/img/government-logo2.svg" alt="government logo" />
403
403
  </div>