@fremtind/jokul 0.69.1 → 0.70.0

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 (198) hide show
  1. package/build/build-stats.html +1 -1
  2. package/build/cjs/components/expander/types.d.cts +2 -2
  3. package/build/cjs/components/file/File.cjs +2 -0
  4. package/build/cjs/components/file/File.cjs.map +1 -0
  5. package/build/cjs/components/file/File.d.cts +3 -0
  6. package/build/cjs/components/file/index.cjs +2 -0
  7. package/build/cjs/components/file/index.cjs.map +1 -0
  8. package/build/cjs/components/file/index.d.cts +2 -0
  9. package/build/cjs/components/file/stories/File.stories.cjs +2 -0
  10. package/build/cjs/components/file/stories/File.stories.cjs.map +1 -0
  11. package/build/cjs/components/file/stories/File.stories.d.cts +33 -0
  12. package/build/cjs/components/file/types.cjs +2 -0
  13. package/build/cjs/components/file/types.cjs.map +1 -0
  14. package/build/cjs/components/file/types.d.cts +12 -0
  15. package/build/cjs/components/file-input/FileInput.cjs.map +1 -1
  16. package/build/cjs/components/file-input/FileInput.d.cts +1 -24
  17. package/build/cjs/components/file-input/index.cjs +1 -1
  18. package/build/cjs/components/file-input/index.d.cts +2 -3
  19. package/build/cjs/components/file-input/internal/Dropzone.cjs +1 -1
  20. package/build/cjs/components/file-input/internal/Dropzone.cjs.map +1 -1
  21. package/build/cjs/components/file-input/internal/Input.cjs +1 -1
  22. package/build/cjs/components/file-input/internal/Input.cjs.map +1 -1
  23. package/build/cjs/components/file-input/internal/fileInputContext.cjs.map +1 -1
  24. package/build/cjs/components/file-input/internal/fileInputContext.d.cts +3 -3
  25. package/build/cjs/components/file-input/internal/validateFileInputFiles.cjs +2 -0
  26. package/build/cjs/components/file-input/internal/validateFileInputFiles.cjs.map +1 -0
  27. package/build/cjs/components/file-input/internal/validateFileInputFiles.d.cts +2 -0
  28. package/build/cjs/components/file-input/stories/FileInput.stories.cjs +1 -1
  29. package/build/cjs/components/file-input/stories/FileInput.stories.cjs.map +1 -1
  30. package/build/cjs/components/file-input/types.cjs +1 -1
  31. package/build/cjs/components/file-input/types.d.cts +29 -5
  32. package/build/cjs/components/index.cjs +1 -1
  33. package/build/cjs/components/message/types.d.cts +2 -7
  34. package/build/cjs/components/select/Select.cjs.map +1 -1
  35. package/build/cjs/components/toggle-switch/usePillStyles.cjs.map +1 -1
  36. package/build/cjs/components/toggle-switch/usePillStyles.d.cts +1 -1
  37. package/build/cjs/hooks/useAnimatedHeight/types.d.cts +3 -3
  38. package/build/cjs/hooks/useAnimatedHeight/useAnimatedHeightBetween.cjs.map +1 -1
  39. package/build/cjs/hooks/useAnimatedHeight/useAutoAnimateHeight.cjs.map +1 -1
  40. package/build/cjs/hooks/useAnimatedHeight/useAutoAnimateHeight.d.cts +2 -2
  41. package/build/cjs/hooks/useClickOutside/useClickOutside.cjs.map +1 -1
  42. package/build/cjs/hooks/useClickOutside/useClickOutside.d.cts +1 -1
  43. package/build/cjs/hooks/useFocusOutside/useFocusOutside.cjs.map +1 -1
  44. package/build/cjs/hooks/useFocusOutside/useFocusOutside.d.cts +1 -1
  45. package/build/cjs/hooks/useKeyListener/useKeyListener.cjs.map +1 -1
  46. package/build/cjs/hooks/useKeyListener/useKeyListener.d.cts +1 -1
  47. package/build/cjs/hooks/useListNavigation/useListNavigation.cjs.map +1 -1
  48. package/build/cjs/hooks/useListNavigation/useListNavigation.d.cts +1 -1
  49. package/build/cjs/hooks/useMutationObserver/useMutationObserver.cjs.map +1 -1
  50. package/build/cjs/hooks/useMutationObserver/useMutationObserver.d.cts +1 -1
  51. package/build/cjs/hooks/useScrollIntoView/useScrollIntoView.cjs.map +1 -1
  52. package/build/cjs/hooks/useScrollIntoView/useScrollIntoView.d.cts +1 -1
  53. package/build/cjs/index.cjs +1 -1
  54. package/build/es/components/expander/types.d.ts +2 -2
  55. package/build/es/components/file/File.d.ts +3 -0
  56. package/build/es/components/file/File.js +2 -0
  57. package/build/es/components/file/File.js.map +1 -0
  58. package/build/es/components/file/index.d.ts +2 -0
  59. package/build/es/components/file/index.js +2 -0
  60. package/build/es/components/file/index.js.map +1 -0
  61. package/build/es/components/file/stories/File.stories.d.ts +33 -0
  62. package/build/es/components/file/stories/File.stories.js +2 -0
  63. package/build/es/components/file/stories/File.stories.js.map +1 -0
  64. package/build/es/components/file/types.d.ts +12 -0
  65. package/build/es/components/file/types.js +2 -0
  66. package/build/es/components/file/types.js.map +1 -0
  67. package/build/es/components/file-input/FileInput.d.ts +1 -24
  68. package/build/es/components/file-input/FileInput.js.map +1 -1
  69. package/build/es/components/file-input/index.d.ts +2 -3
  70. package/build/es/components/file-input/index.js +1 -1
  71. package/build/es/components/file-input/internal/Dropzone.js +1 -1
  72. package/build/es/components/file-input/internal/Dropzone.js.map +1 -1
  73. package/build/es/components/file-input/internal/Input.js +1 -1
  74. package/build/es/components/file-input/internal/Input.js.map +1 -1
  75. package/build/es/components/file-input/internal/fileInputContext.d.ts +3 -3
  76. package/build/es/components/file-input/internal/fileInputContext.js.map +1 -1
  77. package/build/es/components/file-input/internal/validateFileInputFiles.d.ts +2 -0
  78. package/build/es/components/file-input/internal/{validateFile.js → validateFileInputFiles.js} +2 -2
  79. package/build/es/components/file-input/internal/validateFileInputFiles.js.map +1 -0
  80. package/build/es/components/file-input/stories/FileInput.stories.js +1 -1
  81. package/build/es/components/file-input/stories/FileInput.stories.js.map +1 -1
  82. package/build/es/components/file-input/types.d.ts +29 -5
  83. package/build/es/components/file-input/types.js +1 -1
  84. package/build/es/components/index.js +1 -1
  85. package/build/es/components/message/types.d.ts +2 -7
  86. package/build/es/components/select/Select.js.map +1 -1
  87. package/build/es/components/toggle-switch/usePillStyles.d.ts +1 -1
  88. package/build/es/components/toggle-switch/usePillStyles.js.map +1 -1
  89. package/build/es/hooks/useAnimatedHeight/types.d.ts +3 -3
  90. package/build/es/hooks/useAnimatedHeight/useAnimatedHeightBetween.js.map +1 -1
  91. package/build/es/hooks/useAnimatedHeight/useAutoAnimateHeight.d.ts +2 -2
  92. package/build/es/hooks/useAnimatedHeight/useAutoAnimateHeight.js.map +1 -1
  93. package/build/es/hooks/useClickOutside/useClickOutside.d.ts +1 -1
  94. package/build/es/hooks/useClickOutside/useClickOutside.js.map +1 -1
  95. package/build/es/hooks/useFocusOutside/useFocusOutside.d.ts +1 -1
  96. package/build/es/hooks/useFocusOutside/useFocusOutside.js.map +1 -1
  97. package/build/es/hooks/useKeyListener/useKeyListener.d.ts +1 -1
  98. package/build/es/hooks/useKeyListener/useKeyListener.js.map +1 -1
  99. package/build/es/hooks/useListNavigation/useListNavigation.d.ts +1 -1
  100. package/build/es/hooks/useListNavigation/useListNavigation.js.map +1 -1
  101. package/build/es/hooks/useMutationObserver/useMutationObserver.d.ts +1 -1
  102. package/build/es/hooks/useMutationObserver/useMutationObserver.js.map +1 -1
  103. package/build/es/hooks/useScrollIntoView/useScrollIntoView.d.ts +1 -1
  104. package/build/es/hooks/useScrollIntoView/useScrollIntoView.js.map +1 -1
  105. package/build/es/index.js +1 -1
  106. package/build/jokul.css +1 -1
  107. package/package.json +12 -1
  108. package/styles/components/checkbox/checkbox.css +4 -4
  109. package/styles/components/checkbox/checkbox.min.css +1 -1
  110. package/styles/components/checkbox-panel/checkbox-panel.css +2 -2
  111. package/styles/components/checkbox-panel/checkbox-panel.min.css +1 -1
  112. package/styles/components/countdown/countdown.css +2 -2
  113. package/styles/components/countdown/countdown.min.css +1 -1
  114. package/styles/components/feedback/feedback.css +2 -2
  115. package/styles/components/feedback/feedback.min.css +1 -1
  116. package/styles/components/file/_index.scss +3 -0
  117. package/styles/components/file/file.css +144 -0
  118. package/styles/components/file/file.min.css +1 -0
  119. package/styles/components/file/file.scss +164 -0
  120. package/styles/components/file-input/_index.scss +1 -0
  121. package/styles/components/file-input/file-input.css +511 -129
  122. package/styles/components/file-input/file-input.min.css +1 -1
  123. package/styles/components/file-input/file-input.scss +1 -1
  124. package/styles/components/input-group/input-group.css +2 -2
  125. package/styles/components/input-group/input-group.min.css +1 -1
  126. package/styles/components/loader/loader.css +6 -6
  127. package/styles/components/loader/loader.min.css +1 -1
  128. package/styles/components/loader/skeleton-loader.css +5 -5
  129. package/styles/components/loader/skeleton-loader.min.css +1 -1
  130. package/styles/components/message/message.css +2 -2
  131. package/styles/components/message/message.min.css +1 -1
  132. package/styles/components/progress-bar/progress-bar.css +1 -1
  133. package/styles/components/progress-bar/progress-bar.min.css +1 -1
  134. package/styles/components/radio-button/radio-button.css +2 -2
  135. package/styles/components/radio-button/radio-button.min.css +1 -1
  136. package/styles/components/radio-panel/radio-panel.css +2 -2
  137. package/styles/components/radio-panel/radio-panel.min.css +1 -1
  138. package/styles/components/system-message/system-message.css +2 -2
  139. package/styles/components/system-message/system-message.min.css +1 -1
  140. package/styles/components/toast/toast.css +4 -4
  141. package/styles/components/toast/toast.min.css +1 -1
  142. package/styles/styles.css +36 -36
  143. package/styles/styles.min.css +1 -1
  144. package/build/cjs/components/file-input/File.cjs +0 -2
  145. package/build/cjs/components/file-input/File.cjs.map +0 -1
  146. package/build/cjs/components/file-input/File.d.cts +0 -14
  147. package/build/cjs/components/file-input/internal/Thumbnail.cjs +0 -2
  148. package/build/cjs/components/file-input/internal/Thumbnail.cjs.map +0 -1
  149. package/build/cjs/components/file-input/internal/Thumbnail.d.cts +0 -11
  150. package/build/cjs/components/file-input/internal/validateFile.cjs +0 -2
  151. package/build/cjs/components/file-input/internal/validateFile.cjs.map +0 -1
  152. package/build/cjs/components/file-input/internal/validateFile.d.cts +0 -2
  153. package/build/cjs/components/file-input/stories/File.stories.cjs +0 -2
  154. package/build/cjs/components/file-input/stories/File.stories.cjs.map +0 -1
  155. package/build/cjs/components/file-input/stories/File.stories.d.cts +0 -17
  156. package/build/cjs/components/file-input/stories/FileInput.stories.d.cts +0 -13
  157. package/build/cjs/components/file-input/stories/fileBytes.cjs +0 -2
  158. package/build/cjs/components/file-input/stories/fileBytes.cjs.map +0 -1
  159. package/build/cjs/components/file-input/stories/fileBytes.d.cts +0 -2
  160. package/build/es/components/file-input/File.d.ts +0 -14
  161. package/build/es/components/file-input/File.js +0 -2
  162. package/build/es/components/file-input/File.js.map +0 -1
  163. package/build/es/components/file-input/internal/Thumbnail.d.ts +0 -11
  164. package/build/es/components/file-input/internal/Thumbnail.js +0 -2
  165. package/build/es/components/file-input/internal/Thumbnail.js.map +0 -1
  166. package/build/es/components/file-input/internal/validateFile.d.ts +0 -2
  167. package/build/es/components/file-input/internal/validateFile.js.map +0 -1
  168. package/build/es/components/file-input/stories/File.stories.d.ts +0 -17
  169. package/build/es/components/file-input/stories/File.stories.js +0 -2
  170. package/build/es/components/file-input/stories/File.stories.js.map +0 -1
  171. package/build/es/components/file-input/stories/FileInput.stories.d.ts +0 -13
  172. package/build/es/components/file-input/stories/fileBytes.d.ts +0 -2
  173. package/build/es/components/file-input/stories/fileBytes.js +0 -2
  174. package/build/es/components/file-input/stories/fileBytes.js.map +0 -1
  175. package/build/index-C4ABwKfA.js +0 -20
  176. package/build/index-C4ABwKfA.js.map +0 -1
  177. package/build/index-ZdY5zxEI.cjs +0 -20
  178. package/build/index-ZdY5zxEI.cjs.map +0 -1
  179. package/build/style.css +0 -1
  180. package/styles/components/file-input/_file.scss +0 -176
  181. package/styles/components/file-input/development/public/fonts/_index.scss +0 -1
  182. package/styles/components/file-input/development/public/fonts/webfonts.css +0 -108
  183. package/styles/components/file-input/development/public/fonts/webfonts.min.css +0 -1
  184. package/styles/components/file-input/development/public/fonts/webfonts.scss +0 -137
  185. package/styles/components/menu/development/public/fonts/_index.scss +0 -1
  186. package/styles/components/menu/development/public/fonts/webfonts.css +0 -108
  187. package/styles/components/menu/development/public/fonts/webfonts.min.css +0 -1
  188. package/styles/components/menu/development/public/fonts/webfonts.scss +0 -137
  189. package/styles/vind/_flex.scss +0 -113
  190. package/styles/vind/_font.scss +0 -19
  191. package/styles/vind/_index.scss +0 -1
  192. package/styles/vind/_margin.scss +0 -43
  193. package/styles/vind/_padding.scss +0 -43
  194. package/styles/vind/_space-between.scss +0 -13
  195. package/styles/vind/_typography.scss +0 -47
  196. package/styles/vind/vind.css +0 -1756
  197. package/styles/vind/vind.min.css +0 -1
  198. 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
- }