@fremtind/jokul 0.68.3 → 0.68.4

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 (42) hide show
  1. package/README.md +0 -15
  2. package/build/build-stats.html +1 -1
  3. package/build/style.css +1 -1
  4. package/package.json +2 -3
  5. package/styles/components/checkbox/checkbox.css +4 -4
  6. package/styles/components/checkbox/checkbox.min.css +1 -1
  7. package/styles/components/checkbox-panel/checkbox-panel.css +2 -2
  8. package/styles/components/checkbox-panel/checkbox-panel.min.css +1 -1
  9. package/styles/components/countdown/countdown.css +2 -2
  10. package/styles/components/countdown/countdown.min.css +1 -1
  11. package/styles/components/feedback/feedback.css +2 -2
  12. package/styles/components/feedback/feedback.min.css +1 -1
  13. package/styles/components/input-group/input-group.css +2 -2
  14. package/styles/components/input-group/input-group.min.css +1 -1
  15. package/styles/components/loader/loader.css +6 -6
  16. package/styles/components/loader/loader.min.css +1 -1
  17. package/styles/components/loader/skeleton-loader.css +5 -5
  18. package/styles/components/loader/skeleton-loader.min.css +1 -1
  19. package/styles/components/message/message.css +2 -2
  20. package/styles/components/message/message.min.css +1 -1
  21. package/styles/components/progress-bar/progress-bar.css +1 -1
  22. package/styles/components/progress-bar/progress-bar.min.css +1 -1
  23. package/styles/components/radio-button/radio-button.css +2 -2
  24. package/styles/components/radio-button/radio-button.min.css +1 -1
  25. package/styles/components/radio-panel/radio-panel.css +2 -2
  26. package/styles/components/radio-panel/radio-panel.min.css +1 -1
  27. package/styles/components/system-message/system-message.css +2 -2
  28. package/styles/components/system-message/system-message.min.css +1 -1
  29. package/styles/components/toast/toast.css +4 -4
  30. package/styles/components/toast/toast.min.css +1 -1
  31. package/styles/styles.css +36 -36
  32. package/styles/styles.min.css +1 -1
  33. package/styles/vind/_flex.scss +0 -113
  34. package/styles/vind/_font.scss +0 -19
  35. package/styles/vind/_index.scss +0 -1
  36. package/styles/vind/_margin.scss +0 -43
  37. package/styles/vind/_padding.scss +0 -43
  38. package/styles/vind/_space-between.scss +0 -13
  39. package/styles/vind/_typography.scss +0 -47
  40. package/styles/vind/vind.css +0 -1756
  41. package/styles/vind/vind.min.css +0 -1
  42. package/styles/vind/vind.scss +0 -6
@@ -1,113 +0,0 @@
1
- @use "../core/jkl/spacing";
2
-
3
- .jkl {
4
- .flex {
5
- display: flex;
6
- }
7
-
8
- .flex-wrap {
9
- flex-wrap: wrap;
10
- }
11
-
12
- .flex-nowrap {
13
- flex-wrap: nowrap;
14
- }
15
-
16
- .flex-row {
17
- flex-direction: row;
18
- }
19
-
20
- .flex-row-reverse {
21
- flex-direction: row-reverse;
22
- }
23
-
24
- .flex-column {
25
- flex-direction: column;
26
- }
27
-
28
- .flex-column-reverse {
29
- flex-direction: column-reverse;
30
- }
31
-
32
- .grow {
33
- flex-grow: 1;
34
- }
35
-
36
- .grow-0 {
37
- flex-grow: 0;
38
- }
39
-
40
- .shrink {
41
- flex-shrink: 1;
42
- }
43
-
44
- .shrink-0 {
45
- flex-shrink: 0;
46
- }
47
-
48
- @each $spacing, $value in spacing.$spacing {
49
- .gap-#{$spacing} {
50
- gap: $value;
51
- }
52
-
53
- .gap-x-#{$spacing} {
54
- column-gap: $value;
55
- }
56
-
57
- .gap-y-#{$spacing} {
58
- row-gap: $value;
59
- }
60
- }
61
-
62
- .justify-normal {
63
- justify-content: normal;
64
- }
65
-
66
- .justify-start {
67
- justify-content: flex-start;
68
- }
69
-
70
- .justify-end {
71
- justify-content: flex-end;
72
- }
73
-
74
- .justify-center {
75
- justify-content: center;
76
- }
77
-
78
- .justify-between {
79
- justify-content: space-between;
80
- }
81
-
82
- .justify-around {
83
- justify-content: space-around;
84
- }
85
-
86
- .justify-evenly {
87
- justify-content: space-evenly;
88
- }
89
-
90
- .justify-stretch {
91
- justify-content: stretch;
92
- }
93
-
94
- .items-start {
95
- align-items: flex-start;
96
- }
97
-
98
- .items-end {
99
- align-items: flex-end;
100
- }
101
-
102
- .items-center {
103
- align-items: center;
104
- }
105
-
106
- .items-baseline {
107
- align-items: baseline;
108
- }
109
-
110
- .items-stretch {
111
- align-items: stretch;
112
- }
113
- }
@@ -1,19 +0,0 @@
1
- @use "../core/jkl";
2
-
3
- .jkl {
4
- .font-sans {
5
- @include jkl.use-font-family("Fremtind Grotesk");
6
- }
7
-
8
- .font-mono {
9
- @include jkl.use-font-family("Fremtind Grotesk Mono");
10
- }
11
-
12
- .font-normal {
13
- font-weight: jkl.$typography-weight-normal;
14
- }
15
-
16
- .font-bold {
17
- font-weight: jkl.$typography-weight-bold;
18
- }
19
- }
@@ -1 +0,0 @@
1
- @forward "vind";
@@ -1,43 +0,0 @@
1
- @use "../core/jkl/spacing";
2
-
3
- .jkl {
4
- @each $spacing, $value in spacing.$spacing {
5
- .m-#{$spacing} {
6
- margin: $value;
7
- }
8
-
9
- .mx-#{$spacing} {
10
- margin-left: $value;
11
- margin-right: $value;
12
- }
13
-
14
- .ms-#{$spacing} {
15
- margin-inline-start: $value;
16
- }
17
-
18
- .me-#{$spacing} {
19
- margin-inline-end: $value;
20
- }
21
-
22
- .my-#{$spacing} {
23
- margin-top: $value;
24
- margin-bottom: $value;
25
- }
26
-
27
- .mt-#{$spacing} {
28
- margin-top: $value;
29
- }
30
-
31
- .mr-#{$spacing} {
32
- margin-right: $value;
33
- }
34
-
35
- .mb-#{$spacing} {
36
- margin-bottom: $value;
37
- }
38
-
39
- .ml-#{$spacing} {
40
- margin-left: $value;
41
- }
42
- }
43
- }
@@ -1,43 +0,0 @@
1
- @use "../core/jkl/spacing";
2
-
3
- .jkl {
4
- @each $spacing, $value in spacing.$spacing {
5
- .p-#{$spacing} {
6
- padding: $value;
7
- }
8
-
9
- .px-#{$spacing} {
10
- padding-left: $value;
11
- padding-right: $value;
12
- }
13
-
14
- .ps-#{$spacing} {
15
- padding-inline-start: $value;
16
- }
17
-
18
- .pe-#{$spacing} {
19
- padding-inline-end: $value;
20
- }
21
-
22
- .py-#{$spacing} {
23
- padding-top: $value;
24
- padding-bottom: $value;
25
- }
26
-
27
- .pt-#{$spacing} {
28
- padding-top: $value;
29
- }
30
-
31
- .pr-#{$spacing} {
32
- padding-right: $value;
33
- }
34
-
35
- .pb-#{$spacing} {
36
- padding-bottom: $value;
37
- }
38
-
39
- .pl-#{$spacing} {
40
- padding-left: $value;
41
- }
42
- }
43
- }
@@ -1,13 +0,0 @@
1
- @use "../core/jkl/spacing";
2
-
3
- .jkl {
4
- @each $spacing, $value in spacing.$spacing {
5
- .space-x-#{$spacing} {
6
- margin-left: $value;
7
- }
8
-
9
- .space-y-#{$spacing} {
10
- margin-top: $value;
11
- }
12
- }
13
- }
@@ -1,47 +0,0 @@
1
- @use "../core/jkl";
2
-
3
- .jkl {
4
- .title {
5
- @include jkl.text-style("title");
6
- }
7
-
8
- .title-small {
9
- @include jkl.text-style("title-small");
10
- }
11
-
12
- .heading-1 {
13
- @include jkl.text-style("heading-1");
14
- }
15
-
16
- .heading-2 {
17
- @include jkl.text-style("heading-2");
18
- }
19
-
20
- .heading-3 {
21
- @include jkl.text-style("heading-3");
22
- }
23
-
24
- .heading-4 {
25
- @include jkl.text-style("heading-4");
26
- }
27
-
28
- .heading-5 {
29
- @include jkl.text-style("heading-5");
30
- }
31
-
32
- .body {
33
- @include jkl.text-style("body");
34
-
35
- &.font-bold {
36
- font-weight: jkl.$typography-weight-bold;
37
- }
38
- }
39
-
40
- .small {
41
- @include jkl.text-style("small");
42
-
43
- &.font-bold {
44
- font-weight: jkl.$typography-weight-bold;
45
- }
46
- }
47
- }