@graupl/graupl 1.0.0-alpha.5 → 1.0.0-alpha.7

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 (150) hide show
  1. package/CHANGELOG.md +56 -0
  2. package/dist/base/form.css +2 -0
  3. package/dist/base/form.css.map +1 -0
  4. package/dist/base/link.css.map +1 -0
  5. package/dist/base/table.css +2 -0
  6. package/dist/base/table.css.map +1 -0
  7. package/dist/base.css +2 -0
  8. package/dist/base.css.map +1 -0
  9. package/dist/component/button.css +2 -0
  10. package/dist/component/button.css.map +1 -0
  11. package/dist/component/input-group.css +2 -0
  12. package/dist/component/input-group.css.map +1 -0
  13. package/dist/component/table.css +2 -0
  14. package/dist/component/table.css.map +1 -0
  15. package/dist/component.css +2 -0
  16. package/dist/component.css.map +1 -0
  17. package/dist/graupl.css +1 -1
  18. package/dist/graupl.css.map +1 -1
  19. package/dist/layout/columns.css +2 -0
  20. package/dist/layout/columns.css.map +1 -0
  21. package/dist/layout/container.css +2 -0
  22. package/dist/layout/container.css.map +1 -0
  23. package/dist/layout.css +2 -0
  24. package/dist/layout.css.map +1 -0
  25. package/dist/state/focus.css.map +1 -0
  26. package/dist/state.css +2 -0
  27. package/dist/state.css.map +1 -0
  28. package/dist/theme/color.css +2 -0
  29. package/dist/theme/color.css.map +1 -0
  30. package/dist/theme/typography.css +2 -0
  31. package/dist/theme/typography.css.map +1 -0
  32. package/dist/theme.css +2 -0
  33. package/dist/theme.css.map +1 -0
  34. package/dist/utilities/colors.css.map +1 -0
  35. package/dist/utilities/spacing.css +2 -0
  36. package/dist/utilities/spacing.css.map +1 -0
  37. package/dist/utilities/typography.css +2 -0
  38. package/dist/utilities/typography.css.map +1 -0
  39. package/dist/utilities.css +2 -0
  40. package/dist/utilities.css.map +1 -0
  41. package/docs/.vitepress/theme/custom.scss +1 -1
  42. package/index.html +327 -75
  43. package/package.json +34 -18
  44. package/scss/base/form.scss +3 -0
  45. package/scss/base/link.scss +3 -0
  46. package/scss/base/table.scss +3 -0
  47. package/scss/base.scss +3 -0
  48. package/scss/component/button.scss +3 -0
  49. package/scss/component/input-group.scss +3 -0
  50. package/scss/component/table.scss +3 -0
  51. package/scss/component.scss +3 -0
  52. package/scss/graupl.scss +1 -1
  53. package/scss/layout/columns.scss +3 -0
  54. package/scss/layout/container.scss +3 -0
  55. package/scss/layout.scss +3 -0
  56. package/scss/state/focus.scss +3 -0
  57. package/scss/state.scss +3 -0
  58. package/scss/theme/color.scss +3 -0
  59. package/scss/theme/typography.scss +3 -0
  60. package/scss/theme.scss +3 -0
  61. package/scss/utilities/colors.scss +3 -0
  62. package/scss/utilities/spacing.scss +3 -0
  63. package/scss/utilities/typography.scss +3 -0
  64. package/scss/utilities.scss +3 -0
  65. package/{scss → src/scss}/_defaults.scss +35 -9
  66. package/{scss → src/scss}/_variables.scss +10 -20
  67. package/{scss → src/scss}/base/_index.scss +1 -0
  68. package/{scss → src/scss}/base/form/_variables.scss +5 -4
  69. package/src/scss/base/table/_defaults.scss +8 -0
  70. package/src/scss/base/table/_index.scss +27 -0
  71. package/src/scss/base/table/_variables.scss +65 -0
  72. package/{scss → src/scss}/component/_index.scss +2 -0
  73. package/{scss → src/scss}/component/button/_index.scss +6 -2
  74. package/{scss → src/scss}/component/button/_variables.scss +4 -3
  75. package/src/scss/component/input-group/_defaults.scss +23 -0
  76. package/src/scss/component/input-group/_index.scss +45 -0
  77. package/src/scss/component/input-group/_variables.scss +63 -0
  78. package/src/scss/component/table/_index.scss +106 -0
  79. package/src/scss/component/table/_variables.scss +64 -0
  80. package/src/scss/functions/_theme.scss +18 -0
  81. package/{scss → src/scss}/layout/columns/_defaults.scss +1 -2
  82. package/{scss → src/scss}/layout/columns/_index.scss +4 -6
  83. package/src/scss/layout/columns/_variables.scss +47 -0
  84. package/src/scss/layout/container/_index.scss +36 -0
  85. package/{scss → src/scss}/layout/container/_variables.scss +18 -1
  86. package/src/scss/mixins/_media-queries.scss +43 -0
  87. package/src/scss/theme/_index.scss +4 -0
  88. package/{scss/theme → src/scss/theme/color}/_defaults.scss +0 -13
  89. package/{scss/theme → src/scss/theme/color}/_index.scss +6 -8
  90. package/{scss/theme → src/scss/theme/color}/_variables.scss +5 -15
  91. package/src/scss/theme/typography/_defaults.scss +52 -0
  92. package/src/scss/theme/typography/_index.scss +111 -0
  93. package/src/scss/theme/typography/_variables.scss +227 -0
  94. package/src/scss/utilities/_index.scss +5 -0
  95. package/src/scss/utilities/colors/_defaults.scss +5 -0
  96. package/{scss → src/scss}/utilities/colors/_index.scss +2 -2
  97. package/src/scss/utilities/spacing/_defaults.scss +44 -0
  98. package/src/scss/utilities/spacing/_index.scss +64 -0
  99. package/src/scss/utilities/spacing/_variables.scss +3 -0
  100. package/src/scss/utilities/typography/_defaults.scss +5 -0
  101. package/src/scss/utilities/typography/_index.scss +92 -0
  102. package/src/scss/utilities/typography/_variables.scss +3 -0
  103. package/stylelint.config.js +2 -0
  104. package/dist/base/form/form.css +0 -2
  105. package/dist/base/form/form.css.map +0 -1
  106. package/dist/base/link/link.css.map +0 -1
  107. package/dist/component/button/button.css +0 -2
  108. package/dist/component/button/button.css.map +0 -1
  109. package/dist/layout/columns/columns.css +0 -2
  110. package/dist/layout/columns/columns.css.map +0 -1
  111. package/dist/layout/container/container.css +0 -2
  112. package/dist/layout/container/container.css.map +0 -1
  113. package/dist/state/focus/focus.css.map +0 -1
  114. package/dist/theme/theme.css +0 -2
  115. package/dist/theme/theme.css.map +0 -1
  116. package/dist/utilities/colors/colors.css.map +0 -1
  117. package/scss/base/form/form.scss +0 -3
  118. package/scss/base/link/link.scss +0 -3
  119. package/scss/component/button/button.scss +0 -3
  120. package/scss/functions/_theme.scss +0 -11
  121. package/scss/layout/columns/_variables.scss +0 -33
  122. package/scss/layout/columns/columns.scss +0 -3
  123. package/scss/layout/container/_index.scss +0 -54
  124. package/scss/layout/container/container.scss +0 -3
  125. package/scss/mixins/_media-queries.scss +0 -15
  126. package/scss/state/focus/focus.scss +0 -3
  127. package/scss/theme/theme.scss +0 -3
  128. package/scss/utilities/_index.scss +0 -3
  129. package/scss/utilities/colors/colors.scss +0 -3
  130. /package/dist/base/{link/link.css → link.css} +0 -0
  131. /package/dist/state/{focus/focus.css → focus.css} +0 -0
  132. /package/dist/utilities/{colors/colors.css → colors.css} +0 -0
  133. /package/{scss → src/scss}/_index.scss +0 -0
  134. /package/{scss → src/scss}/_init.scss +0 -0
  135. /package/{scss → src/scss}/base/form/_defaults.scss +0 -0
  136. /package/{scss → src/scss}/base/form/_index.scss +0 -0
  137. /package/{scss → src/scss}/base/link/_defaults.scss +0 -0
  138. /package/{scss → src/scss}/base/link/_index.scss +0 -0
  139. /package/{scss → src/scss}/base/link/_variables.scss +0 -0
  140. /package/{scss → src/scss}/component/button/_defaults.scss +0 -0
  141. /package/{scss/utilities/colors → src/scss/component/table}/_defaults.scss +0 -0
  142. /package/{scss → src/scss}/functions/_important.scss +0 -0
  143. /package/{scss → src/scss}/layout/_index.scss +0 -0
  144. /package/{scss → src/scss}/layout/container/_defaults.scss +0 -0
  145. /package/{scss → src/scss}/mixins/_layer.scss +0 -0
  146. /package/{scss → src/scss}/state/_index.scss +0 -0
  147. /package/{scss → src/scss}/state/focus/_defaults.scss +0 -0
  148. /package/{scss → src/scss}/state/focus/_index.scss +0 -0
  149. /package/{scss → src/scss}/state/focus/_variables.scss +0 -0
  150. /package/{scss → src/scss}/utilities/colors/_variables.scss +0 -0
@@ -0,0 +1,44 @@
1
+ // Default values for Graupl.
2
+ //
3
+ // Generally, these should not be used directly when styling components.
4
+ // They are mainly used to provide default fallbacks for custom properties
5
+ // which can be found in the `variables.scss` file.
6
+
7
+ @use "sass:map";
8
+
9
+ $base-spacing-properties: (
10
+ g: gap,
11
+ rg: row-gap,
12
+ cg: column-gap,
13
+ p: padding,
14
+ pt: padding-top,
15
+ pr: padding-right,
16
+ pb: padding-bottom,
17
+ pl: padding-left,
18
+ px: padding-left padding-right,
19
+ py: padding-top padding-bottom,
20
+ pbs: padding-block-start,
21
+ pbe: padding-block-end,
22
+ pbse: padding-block-start padding-block-end,
23
+ pis: padding-inline-start,
24
+ pie: padding-inline-end,
25
+ pise: padding-inline-start padding-inline-end,
26
+ m: margin,
27
+ mt: margin-top,
28
+ mr: margin-right,
29
+ mb: margin-bottom,
30
+ ml: margin-left,
31
+ mx: margin-left margin-right,
32
+ my: margin-top margin-bottom,
33
+ mbs: margin-block-start,
34
+ mbe: margin-block-end,
35
+ mbse: margin-block-start margin-block-end,
36
+ mis: margin-inline-start,
37
+ mie: margin-inline-end,
38
+ mise: margin-inline-start margin-inline-end,
39
+ ) !default;
40
+ $custom-spacing-properties: () !default;
41
+ $spacing-properties: map.merge(
42
+ $base-spacing-properties,
43
+ $custom-spacing-properties
44
+ ) !default;
@@ -0,0 +1,64 @@
1
+ // Graupl spacing utilities.
2
+
3
+ @use "variables" as *;
4
+ @use "defaults" as defaults;
5
+ @use "../../mixins/layer" as *;
6
+ @use "../../functions/important";
7
+ @use "../../variables" as root-variables;
8
+ @use "../../defaults" as root-defaults;
9
+
10
+ @include layer(utilities) {
11
+ // For each spacing property, create a utility class.
12
+ @each $name, $property in defaults.$spacing-properties {
13
+ @each $key, $value in root-variables.$spacers {
14
+ .#{$name}-#{$key} {
15
+ // If we're dealing with gap, column-gap, or row-gap inside of .columns, we should update
16
+ // the columns-column-gap property instead of the raw property.
17
+ @if $name == "g" {
18
+ &.columns {
19
+ --#{root-defaults.$prefix}-columns-column-gap: #{important.insert(
20
+ $value
21
+ )};
22
+ --#{root-defaults.$prefix}-columns-row-gap: #{important.insert(
23
+ $value
24
+ )};
25
+ }
26
+
27
+ &:not(.columns) {
28
+ @each $prop in $property {
29
+ #{$prop}: important.insert($value);
30
+ }
31
+ }
32
+ } @else if $name == "cg" {
33
+ &.columns {
34
+ --#{root-defaults.$prefix}-columns-column-gap: #{important.insert(
35
+ $value
36
+ )};
37
+ }
38
+
39
+ &:not(.columns) {
40
+ @each $prop in $property {
41
+ #{$prop}: important.insert($value);
42
+ }
43
+ }
44
+ } @else if $name == "rg" {
45
+ &.columns {
46
+ --#{root-defaults.$prefix}-columns-row-gap: #{important.insert(
47
+ $value
48
+ )};
49
+ }
50
+
51
+ &:not(.columns) {
52
+ @each $prop in $property {
53
+ #{$prop}: important.insert($value);
54
+ }
55
+ }
56
+ } @else {
57
+ @each $prop in $property {
58
+ #{$prop}: important.insert($value);
59
+ }
60
+ }
61
+ }
62
+ }
63
+ }
64
+ }
@@ -0,0 +1,3 @@
1
+ // Variables referencing custom properties.
2
+
3
+ @forward "defaults";
@@ -0,0 +1,5 @@
1
+ // Default values for Graupl.
2
+ //
3
+ // Generally, these should not be used directly when styling components.
4
+ // They are mainly used to provide default fallbacks for custom properties
5
+ // which can be found in the `variables.scss` file.
@@ -0,0 +1,92 @@
1
+ // Graupl typography utilities.
2
+
3
+ @use "variables" as *;
4
+ @use "../../mixins/layer" as *;
5
+ @use "../../functions/important";
6
+ @use "../../theme/typography/variables" as typography;
7
+
8
+ @include layer(utilities) {
9
+ @each $size, $value in typography.$font-sizes {
10
+ .text-#{$size} {
11
+ font-size: important.insert($value);
12
+ }
13
+ }
14
+
15
+ .text-paragraph {
16
+ margin: important.insert(typography.$paragraph-margin);
17
+ font-size: important.insert(typography.$paragraph-font-size);
18
+ font-weight: important.insert(typography.$paragraph-font-weight);
19
+ line-height: important.insert(typography.$paragraph-line-height);
20
+ }
21
+
22
+ .text-small {
23
+ margin: important.insert(typography.$small-margin);
24
+ font-size: important.insert(typography.$small-font-size);
25
+ font-weight: important.insert(typography.$small-font-weight);
26
+ line-height: important.insert(typography.$small-line-height);
27
+ }
28
+
29
+ .text-h1 {
30
+ margin: important.insert(typography.$h1-margin);
31
+ font-family: important.insert(typography.$h1-font-family);
32
+ font-size: important.insert(typography.$h1-font-size);
33
+ font-weight: important.insert(typography.$h1-font-weight);
34
+ line-height: important.insert(typography.$h1-line-height);
35
+ }
36
+
37
+ .text-h2 {
38
+ margin: important.insert(typography.$h2-margin);
39
+ font-family: important.insert(typography.$h2-font-family);
40
+ font-size: important.insert(typography.$h2-font-size);
41
+ font-weight: important.insert(typography.$h2-font-weight);
42
+ line-height: important.insert(typography.$h2-line-height);
43
+ }
44
+
45
+ .text-h3 {
46
+ margin: important.insert(typography.$h3-margin);
47
+ font-family: important.insert(typography.$h3-font-family);
48
+ font-size: important.insert(typography.$h3-font-size);
49
+ font-weight: important.insert(typography.$h3-font-weight);
50
+ line-height: important.insert(typography.$h3-line-height);
51
+ }
52
+
53
+ .text-h4 {
54
+ margin: important.insert(typography.$h4-margin);
55
+ font-family: important.insert(typography.$h4-font-family);
56
+ font-size: important.insert(typography.$h4-font-size);
57
+ font-weight: important.insert(typography.$h4-font-weight);
58
+ line-height: important.insert(typography.$h4-line-height);
59
+ }
60
+
61
+ .text-h5 {
62
+ margin: important.insert(typography.$h5-margin);
63
+ font-family: important.insert(typography.$h5-font-family);
64
+ font-size: important.insert(typography.$h5-font-size);
65
+ font-weight: important.insert(typography.$h5-font-weight);
66
+ line-height: important.insert(typography.$h5-line-height);
67
+ }
68
+
69
+ .text-h6 {
70
+ margin: important.insert(typography.$h6-margin);
71
+ font-family: important.insert(typography.$h6-font-family);
72
+ font-size: important.insert(typography.$h6-font-size);
73
+ font-weight: important.insert(typography.$h6-font-weight);
74
+ line-height: important.insert(typography.$h6-line-height);
75
+ }
76
+
77
+ // Font weight utilities.
78
+ @each $size, $value in typography.$font-weights {
79
+ .font-#{$size} {
80
+ font-weight: important.insert($value);
81
+ }
82
+ }
83
+
84
+ // Font style utilities.
85
+ .font-italic {
86
+ font-style: important.insert(italic);
87
+ }
88
+
89
+ .font-not-italic {
90
+ font-style: important.insert(normal);
91
+ }
92
+ }
@@ -0,0 +1,3 @@
1
+ // Variables referencing custom properties.
2
+
3
+ @forward "defaults";
@@ -8,6 +8,8 @@ const config = {
8
8
  rules: {
9
9
  "prettier/prettier": true,
10
10
  "scss/comment-no-empty": null,
11
+ "selector-max-compound-selectors": 4,
12
+ "selector-no-qualifying-type": null,
11
13
  },
12
14
  };
13
15
 
@@ -1,2 +0,0 @@
1
- @layer graupl.base{input,select,textarea{border-radius:var(--graupl-input-border-radius,var(--graupl-border-radius,.125rem));border-style:var(--graupl-botton-border-style,var(--graupl-border-style,solid));border-width:var(--graupl-input-border-width,var(--graupl-border-width,2px));font-size:var(--graupl-input-font-size,var(--graupl-font-size-default,1rem));padding:var(--graupl-input-padding,var(--graupl-input-padding-y,calc(var(--graupl-gap, 1rem)/2)) var(--graupl-input-padding-x,var(--graupl-gap,1rem)))}input:disabled,select:disabled,textarea:disabled{cursor:not-allowed}label{font-size:var(--graupl-label-font-size,var(--graupl-input-font-size,var(--graupl-font-size-default,1rem)))}fieldset{border-radius:var(--graupl-fieldset-border-radius,var(--graupl-input-border-radius,var(--graupl-border-radius,.125rem)));border-style:var(--graupl-fieldset-border-style,var(--graupl-botton-border-style,var(--graupl-border-style,solid)));border-width:var(--graupl-fieldset-border-width,var(--graupl-input-border-width,var(--graupl-border-width,2px)));display:flex;flex-flow:var(--graupl-fieldset-direction,column) wrap;font-size:var(--graupl-fieldset-font-size,var(--graupl-input-font-size,var(--graupl-font-size-default,1rem)));gap:var(--graupl-fieldset-gap,calc(var(--graupl-gap, 1rem)/4));padding:var(--graupl-fieldset-padding,var(--graupl-fieldset-padding-y,var(--graupl-input-padding-y,calc(var(--graupl-gap, 1rem)/2))) var(--graupl-fieldset-padding-x,var(--graupl-input-padding-x,var(--graupl-gap,1rem))))}fieldset:disabled input,fieldset:disabled select,fieldset:disabled textarea{cursor:not-allowed}}@layer graupl.theme{input,select,textarea{accent-color:var(--graupl-input-accent-color,var(--graupl-theme-active--primary--700,var(--graupl-theme-light--primary--700,var(--graupl-primary--700,#1244a1))));background:var(--graupl-input-background,var(--graupl-theme-active--primary--100,var(--graupl-theme-light--primary--100,var(--graupl-primary--100,#e6eeff))));border-color:var(--graupl-input-border-color,var(--graupl-theme-active--secondary--700,var(--graupl-theme-light--secondary--700,var(--graupl-secondary--700,#474a6b))));color:var(--graupl-input-color,var(--graupl-theme-active--primary--900,var(--graupl-theme-light--primary--900,var(--graupl-primary--900,#001233))))}input::-moz-placeholder,select::-moz-placeholder,textarea::-moz-placeholder{color:var(--graupl-input-placeholder-color,var(--graupl-theme-active--secondary--600,var(--graupl-theme-light--secondary--600,var(--graupl-secondary--600,#626484))))}input::placeholder,select::placeholder,textarea::placeholder{color:var(--graupl-input-placeholder-color,var(--graupl-theme-active--secondary--600,var(--graupl-theme-light--secondary--600,var(--graupl-secondary--600,#626484))))}input:disabled,select:disabled,textarea:disabled{border-color:var(--graupl-input-disabled-border-color,var(--graupl-theme-active--secondary--200,var(--graupl-theme-light--secondary--200,var(--graupl-secondary--200,#bdbfdb))));color:var(--graupl-input-disabled-color,var(--graupl-theme-active--secondary--400,var(--graupl-theme-light--secondary--400,var(--graupl-secondary--400,#7b7e9d))))}input:disabled::-moz-placeholder,select:disabled::-moz-placeholder,textarea:disabled::-moz-placeholder{color:var(--graupl-input-disabled-placeholder-color,var(--graupl-input-disabled-color,var(--graupl-theme-active--secondary--400,var(--graupl-theme-light--secondary--400,var(--graupl-secondary--400,#7b7e9d)))))}input:disabled::placeholder,select:disabled::placeholder,textarea:disabled::placeholder{color:var(--graupl-input-disabled-placeholder-color,var(--graupl-input-disabled-color,var(--graupl-theme-active--secondary--400,var(--graupl-theme-light--secondary--400,var(--graupl-secondary--400,#7b7e9d)))))}label{color:var(--graupl-label-color,var(--graupl-input-color,var(--graupl-theme-active--primary--900,var(--graupl-theme-light--primary--900,var(--graupl-primary--900,#001233)))))}label:has(+input:disabled,+textarea:disabled,+select:disabled){color:var(--graupl-label-disabled-color,var(--graupl-input-disabled-color,var(--graupl-theme-active--secondary--400,var(--graupl-theme-light--secondary--400,var(--graupl-secondary--400,#7b7e9d)))))}fieldset{background:var(--graupl-fieldset-background,var(--graupl-input-background,var(--graupl-theme-active--primary--100,var(--graupl-theme-light--primary--100,var(--graupl-primary--100,#e6eeff)))));border-color:var(--graupl-fieldset-border-color,var(--graupl-input-border-color,var(--graupl-theme-active--secondary--700,var(--graupl-theme-light--secondary--700,var(--graupl-secondary--700,#474a6b)))));color:var(--graupl-fieldset-color,var(--graupl-input-color,var(--graupl-theme-active--primary--900,var(--graupl-theme-light--primary--900,var(--graupl-primary--900,#001233)))))}fieldset:disabled{border-color:var(--graupl-fieldset-disabled-border-color,var(--graupl-input-disabled-border-color,var(--graupl-theme-active--secondary--200,var(--graupl-theme-light--secondary--200,var(--graupl-secondary--200,#bdbfdb)))));color:var(--graupl-fieldset-disabled-color,var(--graupl-input-disabled-color,var(--graupl-theme-active--secondary--400,var(--graupl-theme-light--secondary--400,var(--graupl-secondary--400,#7b7e9d)))))}fieldset:disabled label{color:var(--graupl-label-disabled-color,var(--graupl-input-disabled-color,var(--graupl-theme-active--secondary--400,var(--graupl-theme-light--secondary--400,var(--graupl-secondary--400,#7b7e9d)))))}}
2
- /*# sourceMappingURL=form.css.map */
@@ -1 +0,0 @@
1
- {"version":3,"sources":["../../../scss/mixins/_layer.scss","../../../scss/base/form/_index.scss","../../../scss/base/form/_variables.scss","form.css"],"names":[],"mappings":"AASI,mBCHF,sBAME,mFC2FkB,CD5FlB,+ECwFiB,CDzFjB,4ECqFiB,CDlFjB,4ECOc,CDXd,sJECF,CFKE,iDACE,kBEDJ,CFKA,MACE,0GEHF,CFMA,SAOE,wHCoFqB,CDrFrB,mHCiFoB,CDlFpB,gHC8EoB,CDlFpB,YAAA,CACA,sDAAA,CAMA,6GCgBiB,CDrBjB,8DCKW,CDJX,2NEAF,CFOI,4EAGE,kBELN,CACF,CHzBI,oBCoCF,sBAME,iKCwFiB,CD1FjB,6JCKe,CDNf,uKCyEiB,CDvEjB,mJEPF,CFUE,4EACE,qKENJ,CFKE,6DACE,qKENJ,CFSE,iDACE,gLCmEwB,CDlExB,kKELJ,CFOI,uGACE,iNEHN,CFEI,wFACE,iNEHN,CFQA,MACE,6KENF,CFQE,+DACE,qMENJ,CFUA,SAEE,+LCnBkB,CDkBlB,2MCqDoB,CDnDpB,gLERF,CFUE,kBACE,6NCoD2B,CDnD3B,wMERJ,CFUI,wBACE,qMERN,CACF","file":"form.css"}
@@ -1 +0,0 @@
1
- {"version":3,"sources":["../../../scss/mixins/_layer.scss","../../../scss/base/link/_index.scss","../../../scss/base/link/_variables.scss","link.css"],"names":[],"mappings":"AASI,mBCHF,EACE,oECCmB,CDDnB,4DCCmB,CDAnB,qGEHF,CACF,CHGI,oBCIF,EACE,kJEJF,CFME,QACE,2JEJJ,CFOE,SACE,4JELJ,CFQE,UACE,0JENJ,CFQI,gBACE,2JENN,CACF","file":"link.css"}
@@ -1,2 +0,0 @@
1
- @layer graupl.component{.button{align-items:center;border-radius:var(--graupl-button-border-radius,var(--graupl-border-radius,.125rem));border-style:var(--graupl-botton-border-style,var(--graupl-border-style,solid));border-width:var(--graupl-button-border-width,var(--graupl-border-width,2px));cursor:pointer;display:flex;font-size:var(--graupl-button-font-size,var(--graupl-font-size-default,1rem));justify-content:center;min-height:var(--graupl-button-min-height,44px);min-width:var(--graupl-button-min-width,44px);padding:var(--graupl-button-padding,var(--graupl-button-padding-y,calc(var(--graupl-gap, 1rem)/2)) var(--graupl-button-padding-x,var(--graupl-gap,1rem)));transition:var(--graupl-button-transition,background var(--graupl-transition-duration-fast,.15s) var(--graupl-transition-timing-function,ease),color var(--graupl-transition-duration-fast,.15s) var(--graupl-transition-timing-function,ease),border-color var(--graupl-transition-duration-fast,.15s) var(--graupl-transition-timing-function,ease),transform var(--graupl-transition-duration-fast,.15s) var(--graupl-transition-timing-function,ease))}.button:hover{transform:var(--graupl-button-hover-transform,none)}.button:active{transform:var(--graupl-button-active-transform,scale(.95))}.button:disabled{cursor:not-allowed}.button:disabled:active,.button:disabled:hover{transform:none}@media (prefers-reduced-motion:reduce){.button{transition:var(--graupl-button-transition-reduced-motion,background var(--graupl-transition-timing-function,ease),color var(--graupl-transition-timing-function,ease),border-color var(--graupl-transition-timing-function,ease))}.button:hover{transform:var(--graupl-button-hover-transform-reduced-motion,none)}.button:active{transform:var(--graupl-button-active-transform-reduced-motion,scale(.98))}}}@layer graupl.theme{.button{background:var(--graupl-button-background,var(--graupl-theme-active--primary--100,var(--graupl-theme-light--primary--100,var(--graupl-primary--100,#e6eeff))));border-color:var(--graupl-button-border-color,var(--graupl-theme-active--primary--900,var(--graupl-theme-light--primary--900,var(--graupl-primary--900,#001233))));color:var(--graupl-button-color,var(--graupl-theme-active--primary--900,var(--graupl-theme-light--primary--900,var(--graupl-primary--900,#001233))))}.button:hover{background:var(--graupl-button-hover-background,var(--graupl-theme-active--primary--900,var(--graupl-theme-light--primary--900,var(--graupl-primary--900,#001233))));border-color:var(--graupl-button-hover-border-color,var(--graupl-theme-active--primary--900,var(--graupl-theme-light--primary--900,var(--graupl-primary--900,#001233))));color:var(--graupl-button-hover-color,var(--graupl-theme-active--primary--100,var(--graupl-theme-light--primary--100,var(--graupl-primary--100,#e6eeff))))}.button:active{background:var(--graupl-button-active-background,var(--graupl-theme-active--primary--900,var(--graupl-theme-light--primary--900,var(--graupl-primary--900,#001233))));border-color:var(--graupl-button-active-border-color,var(--graupl-theme-active--primary--900,var(--graupl-theme-light--primary--900,var(--graupl-primary--900,#001233))));color:var(--graupl-button-active-color,var(--graupl-theme-active--primary--100,var(--graupl-theme-light--primary--100,var(--graupl-primary--100,#e6eeff))))}.button:disabled,.button:disabled:active,.button:disabled:hover{background:var(--graupl-button-disabled-background,var(--graupl-theme-active--primary--100,var(--graupl-theme-light--primary--100,var(--graupl-primary--100,#e6eeff))));border-color:var(--graupl-button-disabled-border-color,var(--graupl-theme-active--primary--200,var(--graupl-theme-light--primary--200,var(--graupl-primary--200,#9ebefa))));color:var(--graupl-button-disabled-color,var(--graupl-theme-active--primary--200,var(--graupl-theme-light--primary--200,var(--graupl-primary--200,#9ebefa))))}.button.primary{--graupl-button-hover-background:var(--graupl-theme-active--primary--700,var(--graupl-theme-light--primary--700,var(--graupl-primary--700,#1244a1)));--graupl-button-active-background:var(--graupl-theme-active--primary--700,var(--graupl-theme-light--primary--700,var(--graupl-primary--700,#1244a1)));--graupl-button-border-color:var(--graupl-theme-active--primary--700,var(--graupl-theme-light--primary--700,var(--graupl-primary--700,#1244a1)));--graupl-button-hover-border-color:var(--graupl-theme-active--primary--700,var(--graupl-theme-light--primary--700,var(--graupl-primary--700,#1244a1)));--graupl-button-active-border-color:var(--graupl-theme-active--primary--700,var(--graupl-theme-light--primary--700,var(--graupl-primary--700,#1244a1)));--graupl-button-disabled-border-color:var(--graupl-theme-active--primary--200,var(--graupl-theme-light--primary--200,var(--graupl-primary--200,#9ebefa)))}.button.secondary{--graupl-button-hover-background:var(--graupl-theme-active--secondary--700,var(--graupl-theme-light--secondary--700,var(--graupl-secondary--700,#474a6b)));--graupl-button-active-background:var(--graupl-theme-active--secondary--700,var(--graupl-theme-light--secondary--700,var(--graupl-secondary--700,#474a6b)));--graupl-button-border-color:var(--graupl-theme-active--secondary--700,var(--graupl-theme-light--secondary--700,var(--graupl-secondary--700,#474a6b)));--graupl-button-hover-border-color:var(--graupl-theme-active--secondary--700,var(--graupl-theme-light--secondary--700,var(--graupl-secondary--700,#474a6b)));--graupl-button-active-border-color:var(--graupl-theme-active--secondary--700,var(--graupl-theme-light--secondary--700,var(--graupl-secondary--700,#474a6b)));--graupl-button-disabled-border-color:var(--graupl-theme-active--secondary--200,var(--graupl-theme-light--secondary--200,var(--graupl-secondary--200,#bdbfdb)))}.button.tertiary{--graupl-button-hover-background:var(--graupl-theme-active--tertiary--700,var(--graupl-theme-light--tertiary--700,var(--graupl-tertiary--700,#931f46)));--graupl-button-active-background:var(--graupl-theme-active--tertiary--700,var(--graupl-theme-light--tertiary--700,var(--graupl-tertiary--700,#931f46)));--graupl-button-border-color:var(--graupl-theme-active--tertiary--700,var(--graupl-theme-light--tertiary--700,var(--graupl-tertiary--700,#931f46)));--graupl-button-hover-border-color:var(--graupl-theme-active--tertiary--700,var(--graupl-theme-light--tertiary--700,var(--graupl-tertiary--700,#931f46)));--graupl-button-active-border-color:var(--graupl-theme-active--tertiary--700,var(--graupl-theme-light--tertiary--700,var(--graupl-tertiary--700,#931f46)));--graupl-button-disabled-border-color:var(--graupl-theme-active--tertiary--200,var(--graupl-theme-light--tertiary--200,var(--graupl-tertiary--200,#f2a6bf)))}}
2
- /*# sourceMappingURL=button.css.map */
@@ -1 +0,0 @@
1
- {"version":3,"sources":["../../../scss/mixins/_layer.scss","../../../scss/component/button/_index.scss","../../../scss/component/button/_variables.scss","button.css","../../../scss/mixins/_media-queries.scss"],"names":[],"mappings":"AASI,wBCCF,QAEE,kBAAA,CAQA,oFC0FmB,CD3FnB,+ECuFkB,CDxFlB,6ECoFkB,CDhFlB,cAAA,CAXA,YAAA,CAUA,6ECQe,CDhBf,sBAAA,CAEA,+CCFgB,CDChB,6CCLe,CDOf,yJCSa,CDRb,0bEFF,CFSE,cACE,mDEPJ,CFUE,eACE,0DERJ,CFWE,iBACE,kBETJ,CFWI,+CAEE,cEVN,CChBA,uCHgCE,QACE,iOEbF,CFeE,cACE,kEEbJ,CFgBE,eACE,yEEdJ,CACF,CACF,CH9BI,oBCiDF,QAEE,8JCMgB,CDPhB,kKCyDkB,CDvDlB,oJEhBF,CFkBE,cAEE,oKCKoB,CDNpB,wKCwDsB,CDtDtB,0JEhBJ,CFmBE,eAEE,qKCGqB,CDJrB,yKCsDuB,CDpDvB,2JEjBJ,CFyBI,gEAGE,uKCLqB,CDIrB,2KC8CuB,CD5CvB,6JEnBN,CFwBI,gBACE,oJAAA,CAIA,qJAAA,CAIA,gJAAA,CACA,sJAAA,CAIA,uJAAA,CAIA,yJElCN,CFgBI,kBACE,0JAAA,CAIA,2JAAA,CAIA,sJAAA,CACA,4JAAA,CAIA,6JAAA,CAIA,+JE1BN,CFQI,iBACE,uJAAA,CAIA,wJAAA,CAIA,mJAAA,CACA,yJAAA,CAIA,0JAAA,CAIA,4JElBN,CACF","file":"button.css"}
@@ -1,2 +0,0 @@
1
- @layer graupl.layout{.columns{display:grid;gap:var(--graupl-columns-gap,var(--graupl-gap,1rem));grid-template-columns:var(--graupl-columns,repeat(auto-fit,minmax(var(--graupl-columns-min-width,calc((var(--graupl-content-max-width, 96ch) - var(--graupl-columns-gap, var(--graupl-gap, 1rem))*(var(--graupl-columns-count, 3) - 1))/var(--graupl-columns-count, 3))),var(--graupl-columns-max-width,1fr))))}.columns>*{grid-column:span var(--graupl-columns-span,1)}.count-1{--graupl-columns-count:1}.span-1{--graupl-columns-span:1}.count-2{--graupl-columns-count:2}.span-2{--graupl-columns-span:2}.count-3{--graupl-columns-count:3}.span-3{--graupl-columns-span:3}.count-4{--graupl-columns-count:4}.span-4{--graupl-columns-span:4}@media screen and (max-width:48ch){.columns{--graupl-columns-min-width:1fr}}}
2
- /*# sourceMappingURL=columns.css.map */
@@ -1 +0,0 @@
1
- {"version":3,"sources":["../../../scss/mixins/_layer.scss","../../../scss/layout/columns/_index.scss","../../../scss/layout/columns/_variables.scss","columns.css"],"names":[],"mappings":"AASI,qBCDF,SACE,YAAA,CAKA,oDCRU,CDIV,+SEHF,CFSE,WACE,6CEPJ,CFYE,SACE,wBEVJ,CFaE,QACE,uBEXJ,CFME,SACE,wBEJJ,CFOE,QACE,uBELJ,CFAE,SACE,wBEEJ,CFCE,QACE,uBECJ,CFNE,SACE,wBEQJ,CFLE,QACE,uBEOJ,CFFA,mCACE,SACE,8BEIF,CACF,CACF","file":"columns.css"}
@@ -1,2 +0,0 @@
1
- @layer graupl.layout{.container,.container>.full-width{--graupl-container-full-width:minmax(var(--graupl-container-gap,var(--graupl-gap,1rem)),1fr);--graupl-container-content:min(var(--graupl-container-content-max-width,var(--graupl-content-max-width,96ch)),calc(100% - var(--graupl-container-gap, var(--graupl-gap, 1rem))*2));--graupl-container-breakout:minmax(0,var(--graupl-container-breakout-width,calc((var(--graupl-container-breakout-max-width, calc(var(--graupl-container-content-max-width, var(--graupl-content-max-width, 96ch)) + 15ch)) - var(--graupl-container-content-max-width, var(--graupl-content-max-width, 96ch))) / 2)));--graupl-container-feature:minmax(0,var(--graupl-container-feature-width,calc((var(--graupl-container-feature-max-width, calc(var(--graupl-container-breakout-max-width, calc(var(--graupl-container-content-max-width, var(--graupl-content-max-width, 96ch)) + 15ch)) + 20ch)) - var(--graupl-container-breakout-max-width, calc(var(--graupl-container-content-max-width, var(--graupl-content-max-width, 96ch)) + 15ch))) / 2)));display:grid;grid-template-columns:[full-width-start] var(--graupl-container-full-width) [feature-start] var(--graupl-container-feature) [breakout-start] var(--graupl-container-breakout) [content-start] var(--graupl-container-content) [content-end] var(--graupl-container-breakout) [breakout-end] var(--graupl-container-feature) [feature-end] var(--graupl-container-full-width) [full-width-end]}.container>.full-width>:not(.breakout,.full-width,.feature),.container>:not(.breakout,.full-width,.feature){grid-column:content}.container .breakout,.container>.full-width .breakout{grid-column:breakout}.container .feature,.container>.full-width .feature{grid-column:feature}.container .full-width,.container>.full-width .full-width{grid-column:full-width}}
2
- /*# sourceMappingURL=container.css.map */
@@ -1 +0,0 @@
1
- {"version":3,"sources":["../../../scss/mixins/_layer.scss","../../../scss/layout/container/_index.scss","container.css"],"names":[],"mappings":"AASI,qBCFF,kCAEE,4FAAA,CAIA,kLAAA,CAIA,qTAAA,CAIA,oaAAA,CAKA,YAAA,CACA,6XCNF,CDgBE,4GACE,mBCbJ,CDgBE,sDACE,oBCbJ,CDgBE,oDACE,mBCbJ,CDgBE,0DACE,sBCbJ,CACF","file":"container.css"}
@@ -1 +0,0 @@
1
- {"version":3,"sources":["../../../scss/mixins/_layer.scss","../../../scss/state/focus/_index.scss","../../../scss/state/focus/_variables.scss","focus.css"],"names":[],"mappings":"AASI,oBCHF,eACE,wBAAA,CAGA,smBCyBe,CD3Bf,iSAAA,CACA,0JEFF,CACF","file":"focus.css"}
@@ -1,2 +0,0 @@
1
- @layer graupl.theme{:root{background:var(--graupl-global-background,var(--graupl-theme-active--primary--100,var(--graupl-theme-light--primary--100,var(--graupl-primary--100,#e6eeff))));color:var(--graupl-global-font-color,var(--graupl-theme-active--primary--900,var(--graupl-theme-light--primary--900,var(--graupl-primary--900,#001233))));font-family:var(--graupl-global-font-family,system-ui,-apple-system,blinkmacsystemfont,Segoe UI,roboto,Helvetica Neue,arial,sans-serif);font-size:var(--graupl-global-font-size,clamp(.85rem,.8rem + .5vw,1.25rem));--graupl-theme-active--primary--100:var(--graupl-theme-light--primary--100,var(--graupl-primary--100,#e6eeff));--graupl-theme-active--primary--200:var(--graupl-theme-light--primary--200,var(--graupl-primary--200,#9ebefa));--graupl-theme-active--primary--300:var(--graupl-theme-light--primary--300,var(--graupl-primary--300,#5e90ed));--graupl-theme-active--primary--400:var(--graupl-theme-light--primary--400,var(--graupl-primary--400,#3672e2));--graupl-theme-active--primary--500:var(--graupl-theme-light--primary--500,var(--graupl-primary--500,#2063df));--graupl-theme-active--primary--600:var(--graupl-theme-light--primary--600,var(--graupl-primary--600,#1d59c9));--graupl-theme-active--primary--700:var(--graupl-theme-light--primary--700,var(--graupl-primary--700,#1244a1));--graupl-theme-active--primary--800:var(--graupl-theme-light--primary--800,var(--graupl-primary--800,#052561));--graupl-theme-active--primary--900:var(--graupl-theme-light--primary--900,var(--graupl-primary--900,#001233));--graupl-theme-active--secondary--100:var(--graupl-theme-light--secondary--100,var(--graupl-secondary--100,#edeef7));--graupl-theme-active--secondary--200:var(--graupl-theme-light--secondary--200,var(--graupl-secondary--200,#bdbfdb));--graupl-theme-active--secondary--300:var(--graupl-theme-light--secondary--300,var(--graupl-secondary--300,#9497b8));--graupl-theme-active--secondary--400:var(--graupl-theme-light--secondary--400,var(--graupl-secondary--400,#7b7e9d));--graupl-theme-active--secondary--500:var(--graupl-theme-light--secondary--500,var(--graupl-secondary--500,#6c7093));--graupl-theme-active--secondary--600:var(--graupl-theme-light--secondary--600,var(--graupl-secondary--600,#626484));--graupl-theme-active--secondary--700:var(--graupl-theme-light--secondary--700,var(--graupl-secondary--700,#474a6b));--graupl-theme-active--secondary--800:var(--graupl-theme-light--secondary--800,var(--graupl-secondary--800,#242642));--graupl-theme-active--secondary--900:var(--graupl-theme-light--secondary--900,var(--graupl-secondary--900,#0f1124));--graupl-theme-active--tertiary--100:var(--graupl-theme-light--tertiary--100,var(--graupl-tertiary--100,#fde7ef));--graupl-theme-active--tertiary--200:var(--graupl-theme-light--tertiary--200,var(--graupl-tertiary--200,#f2a6bf));--graupl-theme-active--tertiary--300:var(--graupl-theme-light--tertiary--300,var(--graupl-tertiary--300,#e06c92));--graupl-theme-active--tertiary--400:var(--graupl-theme-light--tertiary--400,var(--graupl-tertiary--400,#d14775));--graupl-theme-active--tertiary--500:var(--graupl-theme-light--tertiary--500,var(--graupl-tertiary--500,#c36));--graupl-theme-active--tertiary--600:var(--graupl-theme-light--tertiary--600,var(--graupl-tertiary--600,#b82e5c));--graupl-theme-active--tertiary--700:var(--graupl-theme-light--tertiary--700,var(--graupl-tertiary--700,#931f46));--graupl-theme-active--tertiary--800:var(--graupl-theme-light--tertiary--800,var(--graupl-tertiary--800,#590d26));--graupl-theme-active--tertiary--900:var(--graupl-theme-light--tertiary--900,var(--graupl-tertiary--900,#2f0412))}.dark-mode{--graupl-theme-active--primary--100:var(--graupl-theme-dark--primary--100,var(--graupl-primary--900,#001233));--graupl-theme-active--primary--200:var(--graupl-theme-dark--primary--200,var(--graupl-primary--800,#052561));--graupl-theme-active--primary--300:var(--graupl-theme-dark--primary--300,var(--graupl-primary--700,#1244a1));--graupl-theme-active--primary--400:var(--graupl-theme-dark--primary--400,var(--graupl-primary--600,#1d59c9));--graupl-theme-active--primary--500:var(--graupl-theme-dark--primary--500,var(--graupl-primary--500,#2063df));--graupl-theme-active--primary--600:var(--graupl-theme-dark--primary--600,var(--graupl-primary--400,#3672e2));--graupl-theme-active--primary--700:var(--graupl-theme-dark--primary--700,var(--graupl-primary--300,#5e90ed));--graupl-theme-active--primary--800:var(--graupl-theme-dark--primary--800,var(--graupl-primary--200,#9ebefa));--graupl-theme-active--primary--900:var(--graupl-theme-dark--primary--900,var(--graupl-primary--100,#e6eeff));--graupl-theme-active--secondary--100:var(--graupl-theme-dark--secondary--100,var(--graupl-secondary--900,#0f1124));--graupl-theme-active--secondary--200:var(--graupl-theme-dark--secondary--200,var(--graupl-secondary--800,#242642));--graupl-theme-active--secondary--300:var(--graupl-theme-dark--secondary--300,var(--graupl-secondary--700,#474a6b));--graupl-theme-active--secondary--400:var(--graupl-theme-dark--secondary--400,var(--graupl-secondary--600,#626484));--graupl-theme-active--secondary--500:var(--graupl-theme-dark--secondary--500,var(--graupl-secondary--500,#6c7093));--graupl-theme-active--secondary--600:var(--graupl-theme-dark--secondary--600,var(--graupl-secondary--400,#7b7e9d));--graupl-theme-active--secondary--700:var(--graupl-theme-dark--secondary--700,var(--graupl-secondary--300,#9497b8));--graupl-theme-active--secondary--800:var(--graupl-theme-dark--secondary--800,var(--graupl-secondary--200,#bdbfdb));--graupl-theme-active--secondary--900:var(--graupl-theme-dark--secondary--900,var(--graupl-secondary--100,#edeef7));--graupl-theme-active--tertiary--100:var(--graupl-theme-dark--tertiary--100,var(--graupl-tertiary--900,#2f0412));--graupl-theme-active--tertiary--200:var(--graupl-theme-dark--tertiary--200,var(--graupl-tertiary--800,#590d26));--graupl-theme-active--tertiary--300:var(--graupl-theme-dark--tertiary--300,var(--graupl-tertiary--700,#931f46));--graupl-theme-active--tertiary--400:var(--graupl-theme-dark--tertiary--400,var(--graupl-tertiary--600,#b82e5c));--graupl-theme-active--tertiary--500:var(--graupl-theme-dark--tertiary--500,var(--graupl-tertiary--500,#c36));--graupl-theme-active--tertiary--600:var(--graupl-theme-dark--tertiary--600,var(--graupl-tertiary--400,#d14775));--graupl-theme-active--tertiary--700:var(--graupl-theme-dark--tertiary--700,var(--graupl-tertiary--300,#e06c92));--graupl-theme-active--tertiary--800:var(--graupl-theme-dark--tertiary--800,var(--graupl-tertiary--200,#f2a6bf));--graupl-theme-active--tertiary--900:var(--graupl-theme-dark--tertiary--900,var(--graupl-tertiary--100,#fde7ef));color-scheme:dark}.light-mode{--graupl-theme-active--primary--100:var(--graupl-theme-light--primary--100,var(--graupl-primary--100,#e6eeff));--graupl-theme-active--primary--200:var(--graupl-theme-light--primary--200,var(--graupl-primary--200,#9ebefa));--graupl-theme-active--primary--300:var(--graupl-theme-light--primary--300,var(--graupl-primary--300,#5e90ed));--graupl-theme-active--primary--400:var(--graupl-theme-light--primary--400,var(--graupl-primary--400,#3672e2));--graupl-theme-active--primary--500:var(--graupl-theme-light--primary--500,var(--graupl-primary--500,#2063df));--graupl-theme-active--primary--600:var(--graupl-theme-light--primary--600,var(--graupl-primary--600,#1d59c9));--graupl-theme-active--primary--700:var(--graupl-theme-light--primary--700,var(--graupl-primary--700,#1244a1));--graupl-theme-active--primary--800:var(--graupl-theme-light--primary--800,var(--graupl-primary--800,#052561));--graupl-theme-active--primary--900:var(--graupl-theme-light--primary--900,var(--graupl-primary--900,#001233));--graupl-theme-active--secondary--100:var(--graupl-theme-light--secondary--100,var(--graupl-secondary--100,#edeef7));--graupl-theme-active--secondary--200:var(--graupl-theme-light--secondary--200,var(--graupl-secondary--200,#bdbfdb));--graupl-theme-active--secondary--300:var(--graupl-theme-light--secondary--300,var(--graupl-secondary--300,#9497b8));--graupl-theme-active--secondary--400:var(--graupl-theme-light--secondary--400,var(--graupl-secondary--400,#7b7e9d));--graupl-theme-active--secondary--500:var(--graupl-theme-light--secondary--500,var(--graupl-secondary--500,#6c7093));--graupl-theme-active--secondary--600:var(--graupl-theme-light--secondary--600,var(--graupl-secondary--600,#626484));--graupl-theme-active--secondary--700:var(--graupl-theme-light--secondary--700,var(--graupl-secondary--700,#474a6b));--graupl-theme-active--secondary--800:var(--graupl-theme-light--secondary--800,var(--graupl-secondary--800,#242642));--graupl-theme-active--secondary--900:var(--graupl-theme-light--secondary--900,var(--graupl-secondary--900,#0f1124));--graupl-theme-active--tertiary--100:var(--graupl-theme-light--tertiary--100,var(--graupl-tertiary--100,#fde7ef));--graupl-theme-active--tertiary--200:var(--graupl-theme-light--tertiary--200,var(--graupl-tertiary--200,#f2a6bf));--graupl-theme-active--tertiary--300:var(--graupl-theme-light--tertiary--300,var(--graupl-tertiary--300,#e06c92));--graupl-theme-active--tertiary--400:var(--graupl-theme-light--tertiary--400,var(--graupl-tertiary--400,#d14775));--graupl-theme-active--tertiary--500:var(--graupl-theme-light--tertiary--500,var(--graupl-tertiary--500,#c36));--graupl-theme-active--tertiary--600:var(--graupl-theme-light--tertiary--600,var(--graupl-tertiary--600,#b82e5c));--graupl-theme-active--tertiary--700:var(--graupl-theme-light--tertiary--700,var(--graupl-tertiary--700,#931f46));--graupl-theme-active--tertiary--800:var(--graupl-theme-light--tertiary--800,var(--graupl-tertiary--800,#590d26));--graupl-theme-active--tertiary--900:var(--graupl-theme-light--tertiary--900,var(--graupl-tertiary--900,#2f0412));color-scheme:light}}
2
- /*# sourceMappingURL=theme.css.map */
@@ -1 +0,0 @@
1
- {"version":3,"sources":["../../scss/mixins/_layer.scss","../../scss/theme/_index.scss","../../scss/theme/_variables.scss","theme.css"],"names":[],"mappings":"AASI,oBCAF,MACE,8JCqHgB,CDpHhB,yJCgHgB,CD/GhB,uICqGiB,CDpGjB,2ECwGe,CDpGX,8GAAA,CAAA,8GAAA,CAAA,8GAAA,CAAA,8GAAA,CAAA,8GAAA,CAAA,8GAAA,CAAA,8GAAA,CAAA,8GAAA,CAAA,8GAAA,CAAA,oHAAA,CAAA,oHAAA,CAAA,oHAAA,CAAA,oHAAA,CAAA,oHAAA,CAAA,oHAAA,CAAA,oHAAA,CAAA,oHAAA,CAAA,oHAAA,CAAA,iHAAA,CAAA,iHAAA,CAAA,iHAAA,CAAA,iHAAA,CAAA,8GAAA,CAAA,iHAAA,CAAA,iHAAA,CAAA,iHAAA,CAAA,iHEiBN,CFXA,WAGM,6GAAA,CAAA,6GAAA,CAAA,6GAAA,CAAA,6GAAA,CAAA,6GAAA,CAAA,6GAAA,CAAA,6GAAA,CAAA,6GAAA,CAAA,6GAAA,CAAA,mHAAA,CAAA,mHAAA,CAAA,mHAAA,CAAA,mHAAA,CAAA,mHAAA,CAAA,mHAAA,CAAA,mHAAA,CAAA,mHAAA,CAAA,mHAAA,CAAA,gHAAA,CAAA,gHAAA,CAAA,gHAAA,CAAA,gHAAA,CAAA,6GAAA,CAAA,gHAAA,CAAA,gHAAA,CAAA,gHAAA,CAAA,gHAAA,CAIJ,iBEkCF,CF9BA,YAGM,8GAAA,CAAA,8GAAA,CAAA,8GAAA,CAAA,8GAAA,CAAA,8GAAA,CAAA,8GAAA,CAAA,8GAAA,CAAA,8GAAA,CAAA,8GAAA,CAAA,oHAAA,CAAA,oHAAA,CAAA,oHAAA,CAAA,oHAAA,CAAA,oHAAA,CAAA,oHAAA,CAAA,oHAAA,CAAA,oHAAA,CAAA,oHAAA,CAAA,iHAAA,CAAA,iHAAA,CAAA,iHAAA,CAAA,iHAAA,CAAA,8GAAA,CAAA,iHAAA,CAAA,iHAAA,CAAA,iHAAA,CAAA,iHAAA,CAIJ,kBEqDF,CACF","file":"theme.css"}
@@ -1 +0,0 @@
1
- {"version":3,"sources":["../../../scss/mixins/_layer.scss","../../../scss/utilities/colors/_index.scss","colors.css"],"names":[],"mappings":"AASI,wBCGE,gBACE,wICTN,CDYI,kBACE,mICVN,CDKI,gBACE,wICHN,CDMI,kBACE,mICJN,CDDI,gBACE,wICGN,CDAI,kBACE,mICEN,CDPI,gBACE,wICSN,CDNI,kBACE,mICQN,CDbI,gBACE,wICeN,CDZI,kBACE,mICcN,CDnBI,gBACE,wICqBN,CDlBI,kBACE,mICoBN,CDzBI,gBACE,wIC2BN,CDxBI,kBACE,mIC0BN,CD/BI,gBACE,wICiCN,CD9BI,kBACE,mICgCN,CDrCI,gBACE,wICuCN,CDpCI,kBACE,mICsCN,CD3CI,kBACE,8IC6CN,CD1CI,oBACE,yIC4CN,CDjDI,kBACE,8ICmDN,CDhDI,oBACE,yICkDN,CDvDI,kBACE,8ICyDN,CDtDI,oBACE,yICwDN,CD7DI,kBACE,8IC+DN,CD5DI,oBACE,yIC8DN,CDnEI,kBACE,8ICqEN,CDlEI,oBACE,yICoEN,CDzEI,kBACE,8IC2EN,CDxEI,oBACE,yIC0EN,CD/EI,kBACE,8ICiFN,CD9EI,oBACE,yICgFN,CDrFI,kBACE,8ICuFN,CDpFI,oBACE,yICsFN,CD3FI,kBACE,8IC6FN,CD1FI,oBACE,yIC4FN,CDjGI,iBACE,2ICmGN,CDhGI,mBACE,sICkGN,CDvGI,iBACE,2ICyGN,CDtGI,mBACE,sICwGN,CD7GI,iBACE,2IC+GN,CD5GI,mBACE,sIC8GN,CDnHI,iBACE,2ICqHN,CDlHI,mBACE,sICoHN,CDzHI,iBACE,wIC2HN,CDxHI,mBACE,mIC0HN,CD/HI,iBACE,2ICiIN,CD9HI,mBACE,sICgIN,CDrII,iBACE,2ICuIN,CDpII,mBACE,sICsIN,CD3II,iBACE,2IC6IN,CD1II,mBACE,sIC4IN,CDjJI,iBACE,2ICmJN,CDhJI,mBACE,sICkJN,CACF","file":"colors.css"}
@@ -1,3 +0,0 @@
1
- // Graupl form base styles.
2
-
3
- @forward "index";
@@ -1,3 +0,0 @@
1
- // Link base styles.
2
-
3
- @forward "index";
@@ -1,3 +0,0 @@
1
- // Graupl Button Component.
2
-
3
- @forward "index";
@@ -1,11 +0,0 @@
1
- // A function to get the specific theme shades.
2
-
3
- @use "sass:map";
4
- @use "../theme/variables" as theme;
5
-
6
- @function get($color, $shade) {
7
- $color-map: map.get(theme.$theme-active, $color);
8
- $value: map.get($color-map, $shade);
9
-
10
- @return $value;
11
- }
@@ -1,33 +0,0 @@
1
- // Variables referencing custom properties.
2
-
3
- @use "defaults";
4
- @use "../../variables" as root-variables;
5
- @use "../../defaults" as root-defaults;
6
-
7
- $columns-gap: var(
8
- --#{root-defaults.$prefix}-columns-gap,
9
- #{root-variables.$gap}
10
- );
11
- $columns-count: var(
12
- --#{root-defaults.$prefix}-columns-count,
13
- #{defaults.$columns-count}
14
- );
15
- /* stylelint-disable scss/operator-no-newline-after -- Prettier wants to format it this way. */
16
- $columns-min-width: var(
17
- --#{root-defaults.$prefix}-columns-min-width,
18
- calc(
19
- (
20
- #{root-variables.$content-max-width} - #{$columns-gap} *
21
- (#{$columns-count} - 1)
22
- ) / #{$columns-count}
23
- )
24
- );
25
- /* stylelint-enable scss/operator-no-newline-after */
26
- $columns-max-width: var(
27
- --#{root-defaults.$prefix}-columns-max-width,
28
- #{defaults.$columns-max-width}
29
- );
30
- $columns-span: var(
31
- --#{root-defaults.$prefix}-columns-span,
32
- #{defaults.$columns-span}
33
- );
@@ -1,3 +0,0 @@
1
- // Graupl Columns layout.
2
-
3
- @forward "index";
@@ -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,15 +0,0 @@
1
- // Media query mixins.
2
-
3
- // A media query for targetting users who have not requested reduced motion.
4
- @mixin animation-on {
5
- @media (prefers-reduced-motion: no-preference) {
6
- @content;
7
- }
8
- }
9
-
10
- // A media query for targetting users who have requested reduced motion.
11
- @mixin animation-off {
12
- @media (prefers-reduced-motion: reduce) {
13
- @content;
14
- }
15
- }
@@ -1,3 +0,0 @@
1
- // Focus state styles.
2
-
3
- @forward "index";
@@ -1,3 +0,0 @@
1
- // Graupl Theme.
2
-
3
- @forward "index";
@@ -1,3 +0,0 @@
1
- // Graupl utilities.
2
-
3
- @forward "colors";
@@ -1,3 +0,0 @@
1
- // Graupl color 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