@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.
- package/CHANGELOG.md +56 -0
- package/dist/base/form.css +2 -0
- package/dist/base/form.css.map +1 -0
- package/dist/base/link.css.map +1 -0
- package/dist/base/table.css +2 -0
- package/dist/base/table.css.map +1 -0
- package/dist/base.css +2 -0
- package/dist/base.css.map +1 -0
- package/dist/component/button.css +2 -0
- package/dist/component/button.css.map +1 -0
- package/dist/component/input-group.css +2 -0
- package/dist/component/input-group.css.map +1 -0
- package/dist/component/table.css +2 -0
- package/dist/component/table.css.map +1 -0
- package/dist/component.css +2 -0
- package/dist/component.css.map +1 -0
- package/dist/graupl.css +1 -1
- package/dist/graupl.css.map +1 -1
- package/dist/layout/columns.css +2 -0
- package/dist/layout/columns.css.map +1 -0
- package/dist/layout/container.css +2 -0
- package/dist/layout/container.css.map +1 -0
- package/dist/layout.css +2 -0
- package/dist/layout.css.map +1 -0
- package/dist/state/focus.css.map +1 -0
- package/dist/state.css +2 -0
- package/dist/state.css.map +1 -0
- package/dist/theme/color.css +2 -0
- package/dist/theme/color.css.map +1 -0
- package/dist/theme/typography.css +2 -0
- package/dist/theme/typography.css.map +1 -0
- package/dist/theme.css +2 -0
- package/dist/theme.css.map +1 -0
- package/dist/utilities/colors.css.map +1 -0
- package/dist/utilities/spacing.css +2 -0
- package/dist/utilities/spacing.css.map +1 -0
- package/dist/utilities/typography.css +2 -0
- package/dist/utilities/typography.css.map +1 -0
- package/dist/utilities.css +2 -0
- package/dist/utilities.css.map +1 -0
- package/docs/.vitepress/theme/custom.scss +1 -1
- package/index.html +327 -75
- package/package.json +34 -18
- package/scss/base/form.scss +3 -0
- package/scss/base/link.scss +3 -0
- package/scss/base/table.scss +3 -0
- package/scss/base.scss +3 -0
- package/scss/component/button.scss +3 -0
- package/scss/component/input-group.scss +3 -0
- package/scss/component/table.scss +3 -0
- package/scss/component.scss +3 -0
- package/scss/graupl.scss +1 -1
- package/scss/layout/columns.scss +3 -0
- package/scss/layout/container.scss +3 -0
- package/scss/layout.scss +3 -0
- package/scss/state/focus.scss +3 -0
- package/scss/state.scss +3 -0
- package/scss/theme/color.scss +3 -0
- package/scss/theme/typography.scss +3 -0
- package/scss/theme.scss +3 -0
- package/scss/utilities/colors.scss +3 -0
- package/scss/utilities/spacing.scss +3 -0
- package/scss/utilities/typography.scss +3 -0
- package/scss/utilities.scss +3 -0
- package/{scss → src/scss}/_defaults.scss +35 -9
- package/{scss → src/scss}/_variables.scss +10 -20
- package/{scss → src/scss}/base/_index.scss +1 -0
- package/{scss → src/scss}/base/form/_variables.scss +5 -4
- package/src/scss/base/table/_defaults.scss +8 -0
- package/src/scss/base/table/_index.scss +27 -0
- package/src/scss/base/table/_variables.scss +65 -0
- package/{scss → src/scss}/component/_index.scss +2 -0
- package/{scss → src/scss}/component/button/_index.scss +6 -2
- package/{scss → src/scss}/component/button/_variables.scss +4 -3
- package/src/scss/component/input-group/_defaults.scss +23 -0
- package/src/scss/component/input-group/_index.scss +45 -0
- package/src/scss/component/input-group/_variables.scss +63 -0
- package/src/scss/component/table/_index.scss +106 -0
- package/src/scss/component/table/_variables.scss +64 -0
- package/src/scss/functions/_theme.scss +18 -0
- package/{scss → src/scss}/layout/columns/_defaults.scss +1 -2
- package/{scss → src/scss}/layout/columns/_index.scss +4 -6
- package/src/scss/layout/columns/_variables.scss +47 -0
- package/src/scss/layout/container/_index.scss +36 -0
- package/{scss → src/scss}/layout/container/_variables.scss +18 -1
- package/src/scss/mixins/_media-queries.scss +43 -0
- package/src/scss/theme/_index.scss +4 -0
- package/{scss/theme → src/scss/theme/color}/_defaults.scss +0 -13
- package/{scss/theme → src/scss/theme/color}/_index.scss +6 -8
- package/{scss/theme → src/scss/theme/color}/_variables.scss +5 -15
- package/src/scss/theme/typography/_defaults.scss +52 -0
- package/src/scss/theme/typography/_index.scss +111 -0
- package/src/scss/theme/typography/_variables.scss +227 -0
- package/src/scss/utilities/_index.scss +5 -0
- package/src/scss/utilities/colors/_defaults.scss +5 -0
- package/{scss → src/scss}/utilities/colors/_index.scss +2 -2
- package/src/scss/utilities/spacing/_defaults.scss +44 -0
- package/src/scss/utilities/spacing/_index.scss +64 -0
- package/src/scss/utilities/spacing/_variables.scss +3 -0
- package/src/scss/utilities/typography/_defaults.scss +5 -0
- package/src/scss/utilities/typography/_index.scss +92 -0
- package/src/scss/utilities/typography/_variables.scss +3 -0
- package/stylelint.config.js +2 -0
- package/dist/base/form/form.css +0 -2
- package/dist/base/form/form.css.map +0 -1
- package/dist/base/link/link.css.map +0 -1
- package/dist/component/button/button.css +0 -2
- package/dist/component/button/button.css.map +0 -1
- package/dist/layout/columns/columns.css +0 -2
- package/dist/layout/columns/columns.css.map +0 -1
- package/dist/layout/container/container.css +0 -2
- package/dist/layout/container/container.css.map +0 -1
- package/dist/state/focus/focus.css.map +0 -1
- package/dist/theme/theme.css +0 -2
- package/dist/theme/theme.css.map +0 -1
- package/dist/utilities/colors/colors.css.map +0 -1
- package/scss/base/form/form.scss +0 -3
- package/scss/base/link/link.scss +0 -3
- package/scss/component/button/button.scss +0 -3
- package/scss/functions/_theme.scss +0 -11
- package/scss/layout/columns/_variables.scss +0 -33
- package/scss/layout/columns/columns.scss +0 -3
- package/scss/layout/container/_index.scss +0 -54
- package/scss/layout/container/container.scss +0 -3
- package/scss/mixins/_media-queries.scss +0 -15
- package/scss/state/focus/focus.scss +0 -3
- package/scss/theme/theme.scss +0 -3
- package/scss/utilities/_index.scss +0 -3
- package/scss/utilities/colors/colors.scss +0 -3
- /package/dist/base/{link/link.css → link.css} +0 -0
- /package/dist/state/{focus/focus.css → focus.css} +0 -0
- /package/dist/utilities/{colors/colors.css → colors.css} +0 -0
- /package/{scss → src/scss}/_index.scss +0 -0
- /package/{scss → src/scss}/_init.scss +0 -0
- /package/{scss → src/scss}/base/form/_defaults.scss +0 -0
- /package/{scss → src/scss}/base/form/_index.scss +0 -0
- /package/{scss → src/scss}/base/link/_defaults.scss +0 -0
- /package/{scss → src/scss}/base/link/_index.scss +0 -0
- /package/{scss → src/scss}/base/link/_variables.scss +0 -0
- /package/{scss → src/scss}/component/button/_defaults.scss +0 -0
- /package/{scss/utilities/colors → src/scss/component/table}/_defaults.scss +0 -0
- /package/{scss → src/scss}/functions/_important.scss +0 -0
- /package/{scss → src/scss}/layout/_index.scss +0 -0
- /package/{scss → src/scss}/layout/container/_defaults.scss +0 -0
- /package/{scss → src/scss}/mixins/_layer.scss +0 -0
- /package/{scss → src/scss}/state/_index.scss +0 -0
- /package/{scss → src/scss}/state/focus/_defaults.scss +0 -0
- /package/{scss → src/scss}/state/focus/_index.scss +0 -0
- /package/{scss → src/scss}/state/focus/_variables.scss +0 -0
- /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,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
|
+
}
|
package/stylelint.config.js
CHANGED
package/dist/base/form/form.css
DELETED
|
@@ -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"}
|
package/dist/theme/theme.css
DELETED
|
@@ -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 */
|
package/dist/theme/theme.css.map
DELETED
|
@@ -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"}
|
package/scss/base/form/form.scss
DELETED
package/scss/base/link/link.scss
DELETED
|
@@ -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,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,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
|
-
}
|
package/scss/theme/theme.scss
DELETED
|
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
|