@digigov/css 2.0.0-daaf7bdf → 2.0.0-e20fed09

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 (117) 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 +32 -10
  16. package/src/components/accordion.native.css +27 -0
  17. package/src/components/autocomplete.css +6 -4
  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 +7 -7
  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.css +4 -0
  36. package/src/components/details.native.css +8 -0
  37. package/src/components/drawer.css +20 -3
  38. package/src/components/dropdown.common.css +19 -19
  39. package/src/components/dropdown.native.css +10 -11
  40. package/src/components/filter.css +71 -22
  41. package/src/components/footer.css +8 -7
  42. package/src/components/form.common.css +75 -76
  43. package/src/components/form.css +8 -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.native.css +0 -1
  66. package/src/components/postcss.config.js +7 -6
  67. package/src/components/radios.common.css +1 -1
  68. package/src/components/radios.native.css +2 -3
  69. package/src/components/skeleton.common.css +20 -0
  70. package/src/components/skeleton.css +7 -10
  71. package/src/components/skeleton.native.css +53 -0
  72. package/src/components/stack.common.css +67 -0
  73. package/src/components/stack.css +23 -21
  74. package/src/components/stack.native.css +68 -0
  75. package/src/components/summary-list.common.css +5 -2
  76. package/src/components/summary-list.css +10 -7
  77. package/src/components/summary-list.native.css +5 -1
  78. package/src/components/svg-icons.common.css +1 -1
  79. package/src/components/svg-icons.native.css +2 -3
  80. package/src/components/table.css +44 -11
  81. package/src/components/test.css +2 -2
  82. package/src/components/typography.common.css +2 -7
  83. package/src/components/typography.css +20 -18
  84. package/src/components/typography.native.css +31 -0
  85. package/src/components/warning-text.common.css +1 -1
  86. package/src/components/warning-text.css +8 -6
  87. package/src/index.native.css +7 -1
  88. package/src/utilities/gap.css +141 -0
  89. package/src/utilities/index.css +6 -3
  90. package/src/utilities/index.native.css +6 -2
  91. package/src/utilities/layout.css +1 -1
  92. package/src/utilities/layout.native.css +1 -1
  93. package/src/utilities/margin.css +4299 -0
  94. package/src/utilities/padding.css +4299 -0
  95. package/src/utilities/postcss.config.js +7 -6
  96. package/src/utilities/print.css +1 -1
  97. package/src/utilities/utilities.css +3 -2378
  98. package/tailwind.config.js +102 -106
  99. package/theming.js +121 -0
  100. package/defaultTheme/accordion.json +0 -16
  101. package/defaultTheme/back-to-top.json +0 -27
  102. package/defaultTheme/brandConfig.json +0 -147
  103. package/defaultTheme/breadcrumbs.json +0 -8
  104. package/defaultTheme/button.json +0 -94
  105. package/defaultTheme/card.json +0 -23
  106. package/defaultTheme/form.json +0 -132
  107. package/defaultTheme/globals.json +0 -81
  108. package/defaultTheme/index.js +0 -27
  109. package/defaultTheme/layout.json +0 -55
  110. package/defaultTheme/misc.json +0 -68
  111. package/defaultTheme/panel.json +0 -48
  112. package/defaultTheme/phase-banner.json +0 -8
  113. package/defaultTheme/radios.json +0 -8
  114. package/defaultTheme/summary-list.json +0 -8
  115. package/defaultTheme/typography.json +0 -295
  116. package/src/utilities/spacing.css +0 -2133
  117. package/themes.plugin.js +0 -148
package/defaultTheme/card.json DELETED
@@ -1,23 +0,0 @@
1
- {
2
- "card__content": {
3
- "font-size": {
4
- "xs": "var(--text-sm)",
5
- "md": "var(--text-base)"
6
- },
7
- "line-height": {
8
- "xs": "var(--line-h-sm)",
9
- "md": "var(--line-h-base)"
10
- }
11
- },
12
- "card": {
13
- "border-radius": {
14
- "xs": "var(--border-radius-lg)"
15
- },
16
- "background-color": {
17
- "xs": "var(--color-base-100)"
18
- },
19
- "padding": {
20
- "xs": "0"
21
- }
22
- }
23
- }
package/defaultTheme/form.json DELETED
@@ -1,132 +0,0 @@
1
- {
2
- "fieldset__legend": {
3
- "margin-bottom": {
4
- "xs": "1rem"
5
- },
6
- "font-weight": {
7
- "xs": "700"
8
- },
9
- "letter-spacing": {
10
- "xs": "var(--letter-spacing-normal)"
11
- }
12
- },
13
- "fieldset__legend--xl": {
14
- "font-size": {
15
- "xs": "var(--text-3xl)",
16
- "md": "var(--text-5xl)"
17
- },
18
- "line-height": {
19
- "xs": "var(--line-h-3xl)",
20
- "md": "var(--line-h-5xl)"
21
- }
22
- },
23
- "fieldset__legend--lg": {
24
- "font-size": {
25
- "xs": "var(--text-2xl)",
26
- "md": "var(--text-4xl)"
27
- },
28
- "line-height": {
29
- "xs": "var(--line-h-2xl)",
30
- "md": "var(--line-h-4xl)"
31
- }
32
- },
33
- "fieldset__legend--md": {
34
- "font-size": {
35
- "xs": "var(--text-xl)",
36
- "md": "var(--text-2xl)"
37
- },
38
- "line-height": {
39
- "xs": "var(--line-h-xl)",
40
- "md": "var(--line-h-2xl)"
41
- }
42
- },
43
- "fieldset__legend--sm": {
44
- "font-size": {
45
- "xs": "var(--text-base)",
46
- "md": "var(--text-lg)"
47
- },
48
- "line-height": {
49
- "xs": "var(--line-h-base)",
50
- "md": "var(--line-h-lg)"
51
- }
52
- },
53
- "label": {
54
- "font-size": {
55
- "xs": "var(--text-base)",
56
- "md": "var(--text-lg)"
57
- },
58
- "line-height": {
59
- "xs": "var(--line-h-base)",
60
- "md": "var(--line-h-lg)"
61
- },
62
- "letter-spacing": {
63
- "xs": "var(--letter-spacing-normal)"
64
- }
65
- },
66
- "label__title": {
67
- "margin-bottom": {
68
- "xs": "0rem"
69
- },
70
- "font-weight": {
71
- "xs": "700"
72
- },
73
- "letter-spacing": {
74
- "xs": "var(--letter-spacing-normal)"
75
- }
76
- },
77
- "label__title--xl": {
78
- "font-size": {
79
- "xs": "var(--text-3xl)",
80
- "md": "var(--text-5xl)"
81
- },
82
- "line-height": {
83
- "xs": "var(--line-h-3xl)",
84
- "md": "var(--line-h-5xl)"
85
- }
86
- },
87
- "label__title--lg": {
88
- "font-size": {
89
- "xs": "var(--text-2xl)",
90
- "md": "var(--text-4xl)"
91
- },
92
- "line-height": {
93
- "xs": "var(--line-h-2xl)",
94
- "md": "var(--line-h-4xl)"
95
- }
96
- },
97
- "label__title--md": {
98
- "font-size": {
99
- "xs": "var(--text-xl)",
100
- "md": "var(--text-2xl)"
101
- },
102
- "line-height": {
103
- "xs": "var(--line-h-xl)",
104
- "md": "var(--line-h-2xl)"
105
- }
106
- },
107
- "label__title--sm": {
108
- "font-size": {
109
- "xs": "var(--text-base)",
110
- "md": "var(--text-lg)"
111
- },
112
- "line-height": {
113
- "xs": "var(--line-h-base)",
114
- "md": "var(--line-h-lg)"
115
- }
116
- },
117
- "input": {
118
- "border-radius": {
119
- "xs": "var(--border-radius-md)"
120
- }
121
- },
122
- "textarea": {
123
- "border-radius": {
124
- "xs": "var(--border-radius-md)"
125
- }
126
- },
127
- "select": {
128
- "border-radius": {
129
- "xs": "var(--border-radius-md)"
130
- }
131
- }
132
- }
package/defaultTheme/globals.json DELETED
@@ -1,81 +0,0 @@
1
- {
2
-
3
- "text-sm-default": "0.875rem",
4
- "text-base-default": "1rem",
5
- "text-lg-default": "1.1875rem",
6
- "text-xl-default": "1.25rem",
7
- "text-2xl-default": "1.5rem",
8
- "text-3xl-default": "1.875rem",
9
- "text-4xl-default": "2.25rem",
10
- "text-5xl-default": "3rem",
11
-
12
- "text-sm-large": "1rem",
13
- "text-base-large": "1.25rem",
14
- "text-lg-large": "1.4rem",
15
- "text-xl-large": "1.6rem",
16
- "text-2xl-large": "1.875rem",
17
- "text-3xl-large": "2.25rem",
18
- "text-4xl-large": "2.5rem",
19
- "text-5xl-large": "3rem",
20
-
21
- "text-sm": "var(--text-sm-default)",
22
- "text-base": "var(--text-base-default)",
23
- "text-lg": "var(--text-lg-default)",
24
- "text-xl": "var(--text-xl-default)",
25
- "text-2xl": "var(--text-2xl-default)",
26
- "text-3xl": "var(--text-3xl-default)",
27
- "text-4xl": "var(--text-4xl-default)",
28
- "text-5xl": "var(--text-5xl-default)",
29
-
30
- "line-h-sm-default": "1.375",
31
- "line-h-base-default": "1.375",
32
- "line-h-lg-default": "1.375",
33
- "line-h-xl-default": "1.25",
34
- "line-h-2xl-default": "1.25",
35
- "line-h-3xl-default": "1.25",
36
- "line-h-4xl-default": "1.25",
37
- "line-h-5xl-default": "1.25",
38
-
39
- "line-h-sm-large": "2",
40
- "line-h-base-large": "2",
41
- "line-h-lg-large": "2",
42
- "line-h-xl-large": "1.75",
43
- "line-h-2xl-large": "1.75",
44
- "line-h-3xl-large": "1.5",
45
- "line-h-4xl-large": "1.5",
46
- "line-h-5xl-large": "1.25",
47
-
48
- "line-h-sm": "var(--line-h-sm-default)",
49
- "line-h-base": "var(--line-h-base-default)",
50
- "line-h-lg": "var(--line-h-lg-default)",
51
- "line-h-xl": "var(--line-h-xl-default)",
52
- "line-h-2xl": "var(--line-h-2xl-default)",
53
- "line-h-3xl": "var(--line-h-3xl-default)",
54
- "line-h-4xl": "var(--line-h-4xl-default)",
55
- "line-h-5xl": "var(--line-h-5xl-default)",
56
-
57
- "letter-spacing-normal-default": "normal",
58
- "letter-spacing-wide-default": "0.025rem",
59
- "letter-spacing-wider-default": "0.05rem",
60
- "letter-spacing-widest-default": "0.075rem",
61
-
62
- "letter-spacing-normal-extra": "0.05rem",
63
- "letter-spacing-wide-extra": "0.075rem",
64
- "letter-spacing-wider-extra": "0.01rem",
65
- "letter-spacing-widest-extra": "0.125rem",
66
-
67
- "letter-spacing-normal": "var(--letter-spacing-normal-default)",
68
- "letter-spacing-wide": "var(--letter-spacing-wide-default)",
69
- "letter-spacing-wider": "var(--letter-spacing-wider-default)",
70
- "letter-spacing-widest": "var(--letter-spacing-widest-default)",
71
-
72
- "border-radius-md": "0px",
73
- "border-radius-lg": "0px",
74
-
75
- "color-footer-link": "var(--color-link)",
76
- "color-footer-link-hover": "var(--color-link-hover)",
77
-
78
- "color-header-text": "var(--color-white)",
79
- "color-header-text-hover": "var(--color-white)"
80
-
81
- }
package/defaultTheme/index.js DELETED
@@ -1,27 +0,0 @@
1
- const extractFromLeo = require("../leoTheme");
2
- const brandConfig = require("./brandConfig.json");
3
-
4
- module.exports = {
5
- name: "light",
6
- variables: {
7
- globals: {
8
- ...require("./globals.json"),
9
- },
10
- components: {
11
- ...require("./accordion.json"),
12
- ...require("./breadcrumbs.json"),
13
- ...require("./back-to-top.json"),
14
- ...require("./button.json"),
15
- ...require("./card.json"),
16
- ...require("./form.json"),
17
- ...require("./layout.json"),
18
- ...require("./misc.json"),
19
- ...require("./panel.json"),
20
- ...require("./phase-banner.json"),
21
- ...require("./radios.json"),
22
- ...require("./summary-list.json"),
23
- ...require("./typography.json"),
24
- },
25
- },
26
- colors: extractFromLeo(brandConfig, "light"),
27
- };
package/defaultTheme/layout.json DELETED
@@ -1,55 +0,0 @@
1
- {
2
- "footer__copyright": {
3
- "font-size": {
4
- "xs": "var(--text-sm)",
5
- "md": "var(--text-base)"
6
- }
7
- },
8
- "footer": {
9
- "border": {
10
- "xs": "solid var(--color-tertiary)"
11
- },
12
- "border-width": {
13
- "xs": "4px 0 0 0"
14
- },
15
- "background-color": {
16
- "xs": "var(--color-base-200)"
17
- },
18
- "color": {
19
- "xs": "var(--color-base-800)"
20
- }
21
- },
22
- "footer__link": {
23
- "text-decoration": {
24
- "xs": "underline"
25
- },
26
- "text-decoration-hover": {
27
- "xs": "underline"
28
- },
29
- "color-hover": {
30
- "xs": "var(--link-color-hover)"
31
- },
32
- "color-focus": {
33
- "xs": "var(--link-color-active)"
34
- }
35
- },
36
- "header": {
37
- "border": {
38
- "xs": "solid var(--color-tertiary)"
39
- },
40
- "border-width": {
41
- "xs": "0 0 8px 0"
42
- },
43
- "background": {
44
- "xs": "var(--color-primary)"
45
- }
46
- },
47
- "header__title": {
48
- "color": {
49
- "xs": "var(--color-header-text)"
50
- },
51
- "color-hover": {
52
- "xs": "var(--color-header-text-hover)"
53
- }
54
- }
55
- }
package/defaultTheme/misc.json DELETED
@@ -1,68 +0,0 @@
1
- {
2
- "warning-text": {
3
- "font-size": {
4
- "xs": "var(--text-base)",
5
- "md": "var(--text-lg)"
6
- }
7
- },
8
- "details": {
9
- "font-size": {
10
- "xs": "var(--text-base)",
11
- "md": "var(--text-lg)"
12
- },
13
- "line-height": {
14
- "xs": "var(--line-h-base)",
15
- "md": "var(--line-h-lg)"
16
- }
17
- },
18
- "details__summary": {
19
- "font-size": {
20
- "xs": "var(--text-base)",
21
- "md": "var(--text-lg)"
22
- },
23
- "line-height": {
24
- "xs": "var(--line-h-base)",
25
- "md": "var(--line-h-lg)"
26
- }
27
- },
28
- "details__summary--lg": {
29
- "font-size": {
30
- "xs": "var(--text-lg)",
31
- "md": "var(--text-xl)"
32
- },
33
- "line-height": {
34
- "xs": "var(--line-h-lg)",
35
- "md": "var(--line-h-xl)"
36
- }
37
- },
38
- "blockquote": {
39
- "font-size": {
40
- "xs": "var(--text-base)",
41
- "md": "var(--text-lg)"
42
- },
43
- "line-height": {
44
- "xs": "var(--line-h-base)",
45
- "md": "var(--line-h-lg)"
46
- }
47
- },
48
- "notification-banner": {
49
- "border-radius": {
50
- "xs": "var(--border-radius-md)"
51
- }
52
- },
53
- "circular-progress__circle--1": {
54
- "stroke": {
55
- "xs": "var(--color-secondary)"
56
- }
57
- },
58
- "circular-progress__circle--2": {
59
- "stroke": {
60
- "xs": "var(--color-primary)"
61
- }
62
- },
63
- "tabs__panel": {
64
- "border-radius": {
65
- "xs": "0"
66
- }
67
- }
68
- }
package/defaultTheme/panel.json DELETED
@@ -1,48 +0,0 @@
1
- {
2
- "panel": {
3
- "border-radius": {
4
- "xs": "var(--border-radius-md)"
5
- }
6
- },
7
- "panel__title": {
8
- "font-size": {
9
- "xs": "var(--text-4xl)",
10
- "md": "var(--text-5xl)",
11
- "print": "var(--text-4xl)"
12
- },
13
- "line-height": {
14
- "xs": "var(--line-h-4xl)",
15
- "md": "var(--line-h-5xl)",
16
- "print": "var(--line-h-4xl)"
17
- },
18
- "margin-bottom": {
19
- "xs": "1rem",
20
- "md": "1.5rem",
21
- "print": "1.5rem"
22
- },
23
- "font-weight": {
24
- "xs": "700"
25
- },
26
- "letter-spacing": {
27
- "xs": "var(--letter-spacing-normal)"
28
- }
29
- },
30
- "panel__body": {
31
- "font-size": {
32
- "xs": "var(--text-2xl)",
33
- "md": "var(--text-4xl)",
34
- "print": "var(--text-2xl)"
35
- },
36
- "line-height": {
37
- "xs": "var(--line-h-2xl)",
38
- "md": "var(--line-h-4xl)",
39
- "print": "var(--line-h-2xl)"
40
- },
41
- "margin": {
42
- "xs": "auto"
43
- },
44
- "letter-spacing": {
45
- "xs": "var(--letter-spacing-normal)"
46
- }
47
- }
48
- }
package/defaultTheme/phase-banner.json DELETED
@@ -1,8 +0,0 @@
1
- {
2
- "phase-banner__content": {
3
- "font-size": {
4
- "xs": "var(--text-base)",
5
- "md": "var(--text-lg)"
6
- }
7
- }
8
- }
package/defaultTheme/radios.json DELETED
@@ -1,8 +0,0 @@
1
- {
2
- "radios__label": {
3
- "font-size": {
4
- "xs": "var(--text-base)",
5
- "md": "var(--text-lg)"
6
- }
7
- }
8
- }
package/defaultTheme/summary-list.json DELETED
@@ -1,8 +0,0 @@
1
- {
2
- "summary-list": {
3
- "font-size": {
4
- "xs": "var(--text-base)",
5
- "md": "var(--text-lg)"
6
- }
7
- }
8
- }