@fremtind/jokul 5.0.0-next.3 → 5.0.0-next.5

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 (52) hide show
  1. package/build/build-stats.html +1 -1
  2. package/package.json +1 -1
  3. package/styles/base.css +362 -207
  4. package/styles/base.min.css +1 -1
  5. package/styles/components/countdown/countdown.css +2 -2
  6. package/styles/components/countdown/countdown.min.css +1 -1
  7. package/styles/components/feedback/feedback.css +2 -2
  8. package/styles/components/feedback/feedback.min.css +1 -1
  9. package/styles/components/file-input/file-input.css +9 -9
  10. package/styles/components/file-input/file-input.min.css +1 -1
  11. package/styles/components/input-group/input-group.css +2 -2
  12. package/styles/components/input-group/input-group.min.css +1 -1
  13. package/styles/components/loader/loader.css +6 -6
  14. package/styles/components/loader/loader.min.css +1 -1
  15. package/styles/components/loader/skeleton-loader.css +3 -3
  16. package/styles/components/loader/skeleton-loader.min.css +1 -1
  17. package/styles/components/message/message.css +2 -2
  18. package/styles/components/message/message.min.css +1 -1
  19. package/styles/components/progress-bar/progress-bar.css +1 -1
  20. package/styles/components/progress-bar/progress-bar.min.css +1 -1
  21. package/styles/components/segmented-control/segmented-control.css +2 -2
  22. package/styles/components/segmented-control/segmented-control.min.css +1 -1
  23. package/styles/components/system-message/system-message.css +2 -2
  24. package/styles/components/system-message/system-message.min.css +1 -1
  25. package/styles/components/toast/toast.css +4 -4
  26. package/styles/components/toast/toast.min.css +1 -1
  27. package/styles/components.css +24 -24
  28. package/styles/components.min.css +1 -1
  29. package/styles/theme/_index.scss +4 -6
  30. package/styles/theme/_tokens.scss +3 -3
  31. package/styles/theme/brands/dnb/_fonts.scss +3 -3
  32. package/styles/theme/brands/dnb/_index.scss +2 -0
  33. package/styles/theme/brands/eika/_fonts.scss +3 -3
  34. package/styles/theme/brands/eika/_index.scss +2 -0
  35. package/styles/theme/brands/jokul/_fonts.scss +3 -3
  36. package/styles/theme/brands/jokul/_index.scss +2 -0
  37. package/styles/theme/brands/sparebank1/_fonts.scss +3 -3
  38. package/styles/theme/brands/sparebank1/_index.scss +2 -0
  39. package/build/cjs/core/tokens.cjs +0 -2
  40. package/build/cjs/core/tokens.cjs.map +0 -1
  41. package/build/cjs/core/tokens.d.cts +0 -593
  42. package/build/es/core/tokens.d.ts +0 -593
  43. package/build/es/core/tokens.js +0 -2
  44. package/build/es/core/tokens.js.map +0 -1
  45. package/styles/core/jkl/_tokens.scss +0 -59
  46. package/styles/core/jkl/legacy/_dynamic-colors.scss +0 -40
  47. package/styles/core/jkl/legacy/_tokens.scss +0 -742
  48. package/styles/core/theme/_color-tokens.scss +0 -73
  49. package/styles/core/theme/_legacy-color-tokens.scss +0 -81
  50. package/styles/core/theme/_legacy-tokens.scss +0 -279
  51. package/styles/core/theme/_spacing-tokens.scss +0 -33
  52. package/styles/core/theme/_tokens.scss +0 -33
package/styles/core/jkl/_tokens.scss DELETED
@@ -1,59 +0,0 @@
1
-
2
- // Do not edit directly, this file was auto-generated.
3
-
4
-
5
- $unit-10: var(--jkl-unit-base);
6
- $unit-15: calc(var(--jkl-unit-base) * 1.5);
7
- $unit-20: calc(var(--jkl-unit-base) * 2);
8
- $unit-25: calc(var(--jkl-unit-base) * 2.5);
9
- $unit-30: calc(var(--jkl-unit-base) * 3);
10
- $unit-40: calc(var(--jkl-unit-base) * 4);
11
- $unit-50: calc(var(--jkl-unit-base) * 5);
12
- $unit-60: calc(var(--jkl-unit-base) * 6);
13
- $unit-70: calc(var(--jkl-unit-base) * 7);
14
- $unit-80: calc(var(--jkl-unit-base) * 8);
15
- $unit-90: calc(var(--jkl-unit-base) * 9);
16
- $unit-130: calc(var(--jkl-unit-base) * 13);
17
- $unit-210: calc(var(--jkl-unit-base) * 21);
18
- $unit-base: 0.5rem;
19
- $unit-02: calc(var(--jkl-unit-base) * .25);
20
- $unit-05: calc(var(--jkl-unit-base) * .5);
21
- $spacing-none: 0;
22
- $spacing-xxs: calc(var(--jkl-unit-base) * .5);
23
- $spacing-xs: var(--jkl-unit-base);
24
- $spacing-s: calc(var(--jkl-unit-base) * 2);
25
- $spacing-m: calc(var(--jkl-unit-base) * 3);
26
- $spacing-l: calc(var(--jkl-unit-base) * 5);
27
- $spacing-xl: calc(var(--jkl-unit-base) * 8);
28
- $spacing-2xl: calc(var(--jkl-unit-base) * 13);
29
-
30
- // Dynamiske variabler for farge, via referanse til CSS-variabler
31
- $color-background-page: var(--jkl-color-background-page);
32
- $color-background-surface-default: var(--jkl-color-background-surface-default);
33
- $color-background-surface-highlight: var(--jkl-color-background-surface-highlight);
34
- $color-background-surface-on-surface: var(--jkl-color-background-surface-on-surface);
35
- $color-background-surface-moderate: var(--jkl-color-background-surface-moderate);
36
- $color-background-surface-knockout: var(--jkl-color-background-surface-knockout);
37
- $color-background-surface-error: var(--jkl-color-background-surface-error);
38
- $color-background-surface-warning: var(--jkl-color-background-surface-warning);
39
- $color-background-surface-info: var(--jkl-color-background-surface-info);
40
- $color-background-surface-succes: var(--jkl-color-background-surface-succes);
41
- $color-border-subdued: var(--jkl-color-border-subdued);
42
- $color-border-strong: var(--jkl-color-border-strong);
43
- $color-border-strongest: var(--jkl-color-border-strongest);
44
- $color-border-knockout: var(--jkl-color-border-knockout);
45
- $color-border-info: var(--jkl-color-border-info);
46
- $color-border-success: var(--jkl-color-border-success);
47
- $color-border-error: var(--jkl-color-border-error);
48
- $color-border-warning: var(--jkl-color-border-warning);
49
- $color-text-default: var(--jkl-color-text-default);
50
- $color-text-subdued: var(--jkl-color-text-subdued);
51
- $color-text-knockout: var(--jkl-color-text-knockout);
52
- $color-text-info: var(--jkl-color-text-info);
53
- $color-text-info-strong: var(--jkl-color-text-info-strong);
54
- $color-text-success: var(--jkl-color-text-success);
55
- $color-text-success-strong: var(--jkl-color-text-success-strong);
56
- $color-text-error: var(--jkl-color-text-error);
57
- $color-text-error-strong: var(--jkl-color-text-error-strong);
58
- $color-text-warning: var(--jkl-color-text-warning);
59
- $color-text-warning-strong: var(--jkl-color-text-warning-strong);
package/styles/core/jkl/legacy/_dynamic-colors.scss DELETED
@@ -1,40 +0,0 @@
1
-
2
- // Do not edit directly, this file was auto-generated.
3
-
4
-
5
-
6
-
7
- // Dynamiske variabler for farge, via referanse til CSS-variabler
8
- $color-background-page: var(--jkl-color-background-page);
9
- $color-background-page-variant: var(--jkl-color-background-page-variant);
10
- $color-background-container: var(--jkl-color-background-container);
11
- $color-background-container-low: var(--jkl-color-background-container-low);
12
- $color-background-container-high: var(--jkl-color-background-container-high);
13
- $color-background-container-inverted: var(--jkl-color-background-container-inverted);
14
- $color-background-container-subdued: var(--jkl-color-background-container-subdued);
15
- $color-background-input-base: var(--jkl-color-background-input-base);
16
- $color-background-input-focus: var(--jkl-color-background-input-focus);
17
- $color-background-action: var(--jkl-color-background-action);
18
- $color-background-interactive: var(--jkl-color-background-interactive);
19
- $color-background-interactive-hover: var(--jkl-color-background-interactive-hover);
20
- $color-background-interactive-selected: var(--jkl-color-background-interactive-selected);
21
- $color-background-alert-neutral: var(--jkl-color-background-alert-neutral);
22
- $color-background-alert-info: var(--jkl-color-background-alert-info);
23
- $color-background-alert-success: var(--jkl-color-background-alert-success);
24
- $color-background-alert-warning: var(--jkl-color-background-alert-warning);
25
- $color-background-alert-error: var(--jkl-color-background-alert-error);
26
- $color-text-default: var(--jkl-color-text-default);
27
- $color-text-subdued: var(--jkl-color-text-subdued);
28
- $color-text-inverted: var(--jkl-color-text-inverted);
29
- $color-text-on-action: var(--jkl-color-text-on-action);
30
- $color-text-interactive: var(--jkl-color-text-interactive);
31
- $color-text-interactive-hover: var(--jkl-color-text-interactive-hover);
32
- $color-text-on-alert: var(--jkl-color-text-on-alert);
33
- $color-text-on-alert-subdued: var(--jkl-color-text-on-alert-subdued);
34
- $color-border-action: var(--jkl-color-border-action);
35
- $color-border-input: var(--jkl-color-border-input);
36
- $color-border-input-focus: var(--jkl-color-border-input-focus);
37
- $color-border-separator: var(--jkl-color-border-separator);
38
- $color-border-separator-strong: var(--jkl-color-border-separator-strong);
39
- $color-border-separator-hover: var(--jkl-color-border-separator-hover);
40
- $color-border-subdued: var(--jkl-color-border-subdued);