@graupl/graupl 1.0.0-alpha.6 → 1.0.0-alpha.8

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 (153) hide show
  1. package/CHANGELOG.md +48 -0
  2. package/dist/base/form.css.map +1 -0
  3. package/dist/base/link.css.map +1 -0
  4. package/dist/base/table.css +2 -0
  5. package/dist/base/table.css.map +1 -0
  6. package/dist/base.css +2 -0
  7. package/dist/base.css.map +1 -0
  8. package/dist/component/button.css +2 -0
  9. package/dist/component/button.css.map +1 -0
  10. package/dist/component/input-group.css +2 -0
  11. package/dist/component/input-group.css.map +1 -0
  12. package/dist/component/table.css +2 -0
  13. package/dist/component/table.css.map +1 -0
  14. package/dist/component.css +2 -0
  15. package/dist/component.css.map +1 -0
  16. package/dist/graupl.css +1 -1
  17. package/dist/graupl.css.map +1 -1
  18. package/dist/layout/{columns/columns.css → columns.css} +1 -1
  19. package/dist/layout/columns.css.map +1 -0
  20. package/dist/layout/container.css +2 -0
  21. package/dist/layout/container.css.map +1 -0
  22. package/dist/layout.css +2 -0
  23. package/dist/layout.css.map +1 -0
  24. package/dist/state/focus.css.map +1 -0
  25. package/dist/state.css +2 -0
  26. package/dist/state.css.map +1 -0
  27. package/dist/theme/color.css.map +1 -0
  28. package/dist/theme/typography.css +2 -0
  29. package/dist/theme/typography.css.map +1 -0
  30. package/dist/theme.css +2 -0
  31. package/dist/theme.css.map +1 -0
  32. package/dist/utilities/colors.css.map +1 -0
  33. package/dist/utilities/spacing.css +2 -0
  34. package/dist/utilities/spacing.css.map +1 -0
  35. package/dist/utilities/typography.css +2 -0
  36. package/dist/utilities/typography.css.map +1 -0
  37. package/dist/utilities.css +2 -0
  38. package/dist/utilities.css.map +1 -0
  39. package/docs/.vitepress/theme/custom.scss +1 -1
  40. package/index.html +327 -75
  41. package/package.json +32 -16
  42. package/scss/base/form.scss +3 -0
  43. package/scss/base/link.scss +3 -0
  44. package/scss/base/table.scss +3 -0
  45. package/scss/base.scss +3 -0
  46. package/scss/component/button.scss +3 -0
  47. package/scss/component/input-group.scss +3 -0
  48. package/scss/component/table.scss +3 -0
  49. package/scss/component.scss +3 -0
  50. package/scss/graupl.scss +1 -1
  51. package/scss/layout/columns.scss +3 -0
  52. package/scss/layout/container.scss +3 -0
  53. package/scss/layout.scss +3 -0
  54. package/scss/state/focus.scss +3 -0
  55. package/scss/state.scss +3 -0
  56. package/scss/theme/color.scss +3 -0
  57. package/scss/theme/typography.scss +3 -0
  58. package/scss/theme.scss +3 -0
  59. package/scss/utilities/colors.scss +3 -0
  60. package/scss/utilities/spacing.scss +3 -0
  61. package/scss/utilities/typography.scss +3 -0
  62. package/scss/utilities.scss +3 -0
  63. package/{scss → src/scss}/_defaults.scss +25 -6
  64. package/{scss → src/scss}/_variables.scss +4 -4
  65. package/{scss → src/scss}/base/_index.scss +1 -0
  66. package/src/scss/base/table/_defaults.scss +8 -0
  67. package/src/scss/base/table/_index.scss +27 -0
  68. package/src/scss/base/table/_variables.scss +65 -0
  69. package/{scss → src/scss}/component/_index.scss +2 -0
  70. package/src/scss/component/button/_defaults.scss +39 -0
  71. package/{scss → src/scss}/component/button/_index.scss +4 -21
  72. package/{scss → src/scss}/component/button/_variables.scss +5 -7
  73. package/src/scss/component/input-group/_defaults.scss +23 -0
  74. package/src/scss/component/input-group/_index.scss +45 -0
  75. package/src/scss/component/input-group/_variables.scss +63 -0
  76. package/src/scss/component/table/_defaults.scss +30 -0
  77. package/src/scss/component/table/_index.scss +77 -0
  78. package/src/scss/component/table/_variables.scss +64 -0
  79. package/{scss → src/scss}/functions/_theme.scss +8 -1
  80. package/{scss → src/scss}/layout/columns/_defaults.scss +1 -2
  81. package/{scss → src/scss}/layout/columns/_index.scss +2 -1
  82. package/src/scss/layout/container/_index.scss +36 -0
  83. package/{scss → src/scss}/layout/container/_variables.scss +16 -0
  84. package/{scss → src/scss}/mixins/_media-queries.scss +11 -0
  85. package/{scss → src/scss}/theme/color/_defaults.scss +4 -2
  86. package/{scss → src/scss}/theme/typography/_defaults.scss +14 -3
  87. package/{scss → src/scss}/theme/typography/_index.scss +1 -1
  88. package/{scss → src/scss}/theme/typography/_variables.scss +7 -4
  89. package/{scss → src/scss}/utilities/spacing/_defaults.scss +21 -2
  90. package/stylelint.config.js +2 -0
  91. package/dist/base/form/form.css.map +0 -1
  92. package/dist/base/link/link.css.map +0 -1
  93. package/dist/component/button/button.css +0 -2
  94. package/dist/component/button/button.css.map +0 -1
  95. package/dist/layout/columns/columns.css.map +0 -1
  96. package/dist/layout/container/container.css +0 -2
  97. package/dist/layout/container/container.css.map +0 -1
  98. package/dist/state/focus/focus.css.map +0 -1
  99. package/dist/theme/color/color.css.map +0 -1
  100. package/dist/theme/typography/typography.css +0 -2
  101. package/dist/theme/typography/typography.css.map +0 -1
  102. package/dist/utilities/colors/colors.css.map +0 -1
  103. package/dist/utilities/spacing/spacing.css +0 -2
  104. package/dist/utilities/spacing/spacing.css.map +0 -1
  105. package/dist/utilities/typography/typography.css +0 -2
  106. package/dist/utilities/typography/typography.css.map +0 -1
  107. package/scss/base/form/form.scss +0 -3
  108. package/scss/base/link/link.scss +0 -3
  109. package/scss/component/button/_defaults.scss +0 -10
  110. package/scss/component/button/button.scss +0 -3
  111. package/scss/layout/columns/columns.scss +0 -3
  112. package/scss/layout/container/_index.scss +0 -54
  113. package/scss/layout/container/container.scss +0 -3
  114. package/scss/state/focus/focus.scss +0 -3
  115. package/scss/theme/color/color.scss +0 -3
  116. package/scss/theme/typography/typography.scss +0 -3
  117. package/scss/utilities/colors/colors.scss +0 -3
  118. package/scss/utilities/spacing/spacing.scss +0 -3
  119. package/scss/utilities/typography/typography.scss +0 -3
  120. /package/dist/base/{form/form.css → form.css} +0 -0
  121. /package/dist/base/{link/link.css → link.css} +0 -0
  122. /package/dist/state/{focus/focus.css → focus.css} +0 -0
  123. /package/dist/theme/{color/color.css → color.css} +0 -0
  124. /package/dist/utilities/{colors/colors.css → colors.css} +0 -0
  125. /package/{scss → src/scss}/_index.scss +0 -0
  126. /package/{scss → src/scss}/_init.scss +0 -0
  127. /package/{scss → src/scss}/base/form/_defaults.scss +0 -0
  128. /package/{scss → src/scss}/base/form/_index.scss +0 -0
  129. /package/{scss → src/scss}/base/form/_variables.scss +0 -0
  130. /package/{scss → src/scss}/base/link/_defaults.scss +0 -0
  131. /package/{scss → src/scss}/base/link/_index.scss +0 -0
  132. /package/{scss → src/scss}/base/link/_variables.scss +0 -0
  133. /package/{scss → src/scss}/functions/_important.scss +0 -0
  134. /package/{scss → src/scss}/layout/_index.scss +0 -0
  135. /package/{scss → src/scss}/layout/columns/_variables.scss +0 -0
  136. /package/{scss → src/scss}/layout/container/_defaults.scss +0 -0
  137. /package/{scss → src/scss}/mixins/_layer.scss +0 -0
  138. /package/{scss → src/scss}/state/_index.scss +0 -0
  139. /package/{scss → src/scss}/state/focus/_defaults.scss +0 -0
  140. /package/{scss → src/scss}/state/focus/_index.scss +0 -0
  141. /package/{scss → src/scss}/state/focus/_variables.scss +0 -0
  142. /package/{scss → src/scss}/theme/_index.scss +0 -0
  143. /package/{scss → src/scss}/theme/color/_index.scss +0 -0
  144. /package/{scss → src/scss}/theme/color/_variables.scss +0 -0
  145. /package/{scss → src/scss}/utilities/_index.scss +0 -0
  146. /package/{scss → src/scss}/utilities/colors/_defaults.scss +0 -0
  147. /package/{scss → src/scss}/utilities/colors/_index.scss +0 -0
  148. /package/{scss → src/scss}/utilities/colors/_variables.scss +0 -0
  149. /package/{scss → src/scss}/utilities/spacing/_index.scss +0 -0
  150. /package/{scss → src/scss}/utilities/spacing/_variables.scss +0 -0
  151. /package/{scss → src/scss}/utilities/typography/_defaults.scss +0 -0
  152. /package/{scss → src/scss}/utilities/typography/_index.scss +0 -0
  153. /package/{scss → src/scss}/utilities/typography/_variables.scss +0 -0
@@ -1,54 +0,0 @@
1
- // Graupl Container layout.
2
-
3
- @use "variables" as *;
4
- @use "../../mixins/layer" as *;
5
- @use "../../defaults" as root-defaults;
6
-
7
- @include layer(layout) {
8
- .container,
9
- .container > .full-width {
10
- --#{root-defaults.$prefix}-container-full-width: minmax(
11
- #{$container-gap},
12
- 1fr
13
- );
14
- --#{root-defaults.$prefix}-container-content: min(
15
- #{$container-content-max-width},
16
- calc(100% - #{$container-gap} * 2)
17
- );
18
- --#{root-defaults.$prefix}-container-breakout: minmax(
19
- 0,
20
- #{$container-breakout-width}
21
- );
22
- --#{root-defaults.$prefix}-container-feature: minmax(
23
- 0,
24
- #{$container-feature-width}
25
- );
26
-
27
- display: grid;
28
- grid-template-columns:
29
- [full-width-start] var(--#{root-defaults.$prefix}-container-full-width)
30
- [feature-start] var(--#{root-defaults.$prefix}-container-feature)
31
- [breakout-start] var(--#{root-defaults.$prefix}-container-breakout)
32
- [content-start] var(--#{root-defaults.$prefix}-container-content)
33
- [content-end]
34
- var(--#{root-defaults.$prefix}-container-breakout) [breakout-end]
35
- var(--#{root-defaults.$prefix}-container-feature) [feature-end]
36
- var(--#{root-defaults.$prefix}-container-full-width) [full-width-end];
37
-
38
- > :not(.breakout, .full-width, .feature) {
39
- grid-column: content;
40
- }
41
-
42
- .breakout {
43
- grid-column: breakout;
44
- }
45
-
46
- .feature {
47
- grid-column: feature;
48
- }
49
-
50
- .full-width {
51
- grid-column: full-width;
52
- }
53
- }
54
- }
@@ -1,3 +0,0 @@
1
- // Graupl Container layout.
2
-
3
- @forward "index";
@@ -1,3 +0,0 @@
1
- // Focus state styles.
2
-
3
- @forward "index";
@@ -1,3 +0,0 @@
1
- // Color theme styles.
2
-
3
- @forward "index";
@@ -1,3 +0,0 @@
1
- // Typography theme styles.
2
-
3
- @forward "index";
@@ -1,3 +0,0 @@
1
- // Graupl color utilities.
2
-
3
- @forward "index";
@@ -1,3 +0,0 @@
1
- // Graupl spacing utilities.
2
-
3
- @forward "index";
@@ -1,3 +0,0 @@
1
- // Graupl typography utilities.
2
-
3
- @forward "index";
File without changes
File without changes
File without changes
File without changes
File without changes
File without changes
File without changes
File without changes
File without changes
File without changes
File without changes
File without changes
File without changes
File without changes
File without changes
File without changes
File without changes
File without changes
File without changes
File without changes
File without changes
File without changes
File without changes
File without changes