@fremtind/jokul 5.0.0-next.4 → 5.0.0-next.6

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 (71) hide show
  1. package/README.md +4 -9
  2. package/build/build-stats.html +1 -1
  3. package/package.json +1 -1
  4. package/src/fonts/Fremtind-Material-Symbols.woff2 +0 -0
  5. package/src/fonts/InterVariable-Italic.woff2 +0 -0
  6. package/src/fonts/InterVariable.woff2 +0 -0
  7. package/styles/base.css +22 -70
  8. package/styles/base.min.css +1 -1
  9. package/styles/components/beta/nav-link/navlink.css +1 -1
  10. package/styles/components/beta/nav-link/navlink.min.css +1 -1
  11. package/styles/components/checkbox/checkbox.css +1 -1
  12. package/styles/components/checkbox/checkbox.min.css +1 -1
  13. package/styles/components/checkbox-panel/checkbox-panel.css +1 -1
  14. package/styles/components/checkbox-panel/checkbox-panel.min.css +1 -1
  15. package/styles/components/countdown/countdown.css +2 -2
  16. package/styles/components/countdown/countdown.min.css +1 -1
  17. package/styles/components/feedback/feedback.css +2 -2
  18. package/styles/components/feedback/feedback.min.css +1 -1
  19. package/styles/components/file-input/file-input.css +10 -10
  20. package/styles/components/file-input/file-input.min.css +1 -1
  21. package/styles/components/icon/_base-styles.scss +1 -1
  22. package/styles/components/icon/icon.css +1 -1
  23. package/styles/components/icon/icon.min.css +1 -1
  24. package/styles/components/input-group/input-group.css +2 -2
  25. package/styles/components/input-group/input-group.min.css +1 -1
  26. package/styles/components/link/link.css +1 -1
  27. package/styles/components/link/link.min.css +1 -1
  28. package/styles/components/link-list/link-list.css +1 -1
  29. package/styles/components/link-list/link-list.min.css +1 -1
  30. package/styles/components/loader/loader.css +6 -6
  31. package/styles/components/loader/loader.min.css +1 -1
  32. package/styles/components/loader/skeleton-loader.css +3 -3
  33. package/styles/components/loader/skeleton-loader.min.css +1 -1
  34. package/styles/components/message/message.css +2 -2
  35. package/styles/components/message/message.min.css +1 -1
  36. package/styles/components/progress-bar/progress-bar.css +1 -1
  37. package/styles/components/progress-bar/progress-bar.min.css +1 -1
  38. package/styles/components/radio-button/radio-button.css +1 -1
  39. package/styles/components/radio-button/radio-button.min.css +1 -1
  40. package/styles/components/search/search.css +2 -2
  41. package/styles/components/search/search.min.css +1 -1
  42. package/styles/components/search/search.scss +1 -1
  43. package/styles/components/segmented-control/segmented-control.css +4 -4
  44. package/styles/components/segmented-control/segmented-control.min.css +1 -1
  45. package/styles/components/system-message/system-message.css +2 -2
  46. package/styles/components/system-message/system-message.min.css +1 -1
  47. package/styles/components/toast/toast.css +4 -4
  48. package/styles/components/toast/toast.min.css +1 -1
  49. package/styles/components.css +32 -32
  50. package/styles/components.min.css +1 -1
  51. package/styles/jkl/_typography.scss +4 -4
  52. package/styles/theme/_fonts.scss +20 -58
  53. package/styles/theme/_index.scss +1 -1
  54. package/styles/theme/brands/{jokul → fremtind}/_color-scheme.scss +1 -1
  55. package/styles/theme/brands/fremtind/_fonts.scss +30 -0
  56. package/build/cjs/core/tokens.cjs +0 -2
  57. package/build/cjs/core/tokens.cjs.map +0 -1
  58. package/build/cjs/core/tokens.d.cts +0 -593
  59. package/build/es/core/tokens.d.ts +0 -593
  60. package/build/es/core/tokens.js +0 -2
  61. package/build/es/core/tokens.js.map +0 -1
  62. package/styles/core/jkl/_tokens.scss +0 -59
  63. package/styles/core/jkl/legacy/_dynamic-colors.scss +0 -40
  64. package/styles/core/jkl/legacy/_tokens.scss +0 -742
  65. package/styles/core/theme/_color-tokens.scss +0 -73
  66. package/styles/core/theme/_legacy-color-tokens.scss +0 -81
  67. package/styles/core/theme/_legacy-tokens.scss +0 -279
  68. package/styles/core/theme/_spacing-tokens.scss +0 -33
  69. package/styles/core/theme/_tokens.scss +0 -33
  70. package/styles/theme/brands/jokul/_fonts.scss +0 -46
  71. /package/styles/theme/brands/{jokul → fremtind}/_index.scss +0 -0
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);