npm - @fremtind/jokul - Versions diffs - 5.0.0-next.1 → 5.0.0-next.2 - Mend

@fremtind/jokul 5.0.0-next.1 → 5.0.0-next.2

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 (258) hide show

package/styles/core/jkl/_tokens.scss ADDED Viewed

@@ -0,0 +1,59 @@
+// Do not edit directly, this file was auto-generated.
+$unit-10: var(--jkl-unit-base);
+$unit-15: calc(var(--jkl-unit-base) * 1.5);
+$unit-20: calc(var(--jkl-unit-base) * 2);
+$unit-25: calc(var(--jkl-unit-base) * 2.5);
+$unit-30: calc(var(--jkl-unit-base) * 3);
+$unit-40: calc(var(--jkl-unit-base) * 4);
+$unit-50: calc(var(--jkl-unit-base) * 5);
+$unit-60: calc(var(--jkl-unit-base) * 6);
+$unit-70: calc(var(--jkl-unit-base) * 7);
+$unit-80: calc(var(--jkl-unit-base) * 8);
+$unit-90: calc(var(--jkl-unit-base) * 9);
+$unit-130: calc(var(--jkl-unit-base) * 13);
+$unit-210: calc(var(--jkl-unit-base) * 21);
+$unit-base: 0.5rem;
+$unit-02: calc(var(--jkl-unit-base) * .25);
+$unit-05: calc(var(--jkl-unit-base) * .5);
+$spacing-none: 0;
+$spacing-xxs: calc(var(--jkl-unit-base) * .5);
+$spacing-xs: var(--jkl-unit-base);
+$spacing-s: calc(var(--jkl-unit-base) * 2);
+$spacing-m: calc(var(--jkl-unit-base) * 3);
+$spacing-l: calc(var(--jkl-unit-base) * 5);
+$spacing-xl: calc(var(--jkl-unit-base) * 8);
+$spacing-2xl: calc(var(--jkl-unit-base) * 13);
+// Dynamiske variabler for farge, via referanse til CSS-variabler
+$color-background-page: var(--jkl-color-background-page);
+$color-background-surface-default: var(--jkl-color-background-surface-default);
+$color-background-surface-highlight: var(--jkl-color-background-surface-highlight);
+$color-background-surface-on-surface: var(--jkl-color-background-surface-on-surface);
+$color-background-surface-moderate: var(--jkl-color-background-surface-moderate);
+$color-background-surface-knockout: var(--jkl-color-background-surface-knockout);
+$color-background-surface-error: var(--jkl-color-background-surface-error);
+$color-background-surface-warning: var(--jkl-color-background-surface-warning);
+$color-background-surface-info: var(--jkl-color-background-surface-info);
+$color-background-surface-succes: var(--jkl-color-background-surface-succes);
+$color-border-subdued: var(--jkl-color-border-subdued);
+$color-border-strong: var(--jkl-color-border-strong);
+$color-border-strongest: var(--jkl-color-border-strongest);
+$color-border-knockout: var(--jkl-color-border-knockout);
+$color-border-info: var(--jkl-color-border-info);
+$color-border-success: var(--jkl-color-border-success);
+$color-border-error: var(--jkl-color-border-error);
+$color-border-warning: var(--jkl-color-border-warning);
+$color-text-default: var(--jkl-color-text-default);
+$color-text-subdued: var(--jkl-color-text-subdued);
+$color-text-knockout: var(--jkl-color-text-knockout);
+$color-text-info: var(--jkl-color-text-info);
+$color-text-info-strong: var(--jkl-color-text-info-strong);
+$color-text-success: var(--jkl-color-text-success);
+$color-text-success-strong: var(--jkl-color-text-success-strong);
+$color-text-error: var(--jkl-color-text-error);
+$color-text-error-strong: var(--jkl-color-text-error-strong);
+$color-text-warning: var(--jkl-color-text-warning);
+$color-text-warning-strong: var(--jkl-color-text-warning-strong);

package/styles/core/jkl/legacy/_dynamic-colors.scss ADDED Viewed

@@ -0,0 +1,40 @@
+// Do not edit directly, this file was auto-generated.
+// Dynamiske variabler for farge, via referanse til CSS-variabler
+$color-background-page: var(--jkl-color-background-page);
+$color-background-page-variant: var(--jkl-color-background-page-variant);
+$color-background-container: var(--jkl-color-background-container);
+$color-background-container-low: var(--jkl-color-background-container-low);
+$color-background-container-high: var(--jkl-color-background-container-high);
+$color-background-container-inverted: var(--jkl-color-background-container-inverted);
+$color-background-container-subdued: var(--jkl-color-background-container-subdued);
+$color-background-input-base: var(--jkl-color-background-input-base);
+$color-background-input-focus: var(--jkl-color-background-input-focus);
+$color-background-action: var(--jkl-color-background-action);
+$color-background-interactive: var(--jkl-color-background-interactive);
+$color-background-interactive-hover: var(--jkl-color-background-interactive-hover);
+$color-background-interactive-selected: var(--jkl-color-background-interactive-selected);
+$color-background-alert-neutral: var(--jkl-color-background-alert-neutral);
+$color-background-alert-info: var(--jkl-color-background-alert-info);
+$color-background-alert-success: var(--jkl-color-background-alert-success);
+$color-background-alert-warning: var(--jkl-color-background-alert-warning);
+$color-background-alert-error: var(--jkl-color-background-alert-error);
+$color-text-default: var(--jkl-color-text-default);
+$color-text-subdued: var(--jkl-color-text-subdued);
+$color-text-inverted: var(--jkl-color-text-inverted);
+$color-text-on-action: var(--jkl-color-text-on-action);
+$color-text-interactive: var(--jkl-color-text-interactive);
+$color-text-interactive-hover: var(--jkl-color-text-interactive-hover);
+$color-text-on-alert: var(--jkl-color-text-on-alert);
+$color-text-on-alert-subdued: var(--jkl-color-text-on-alert-subdued);
+$color-border-action: var(--jkl-color-border-action);
+$color-border-input: var(--jkl-color-border-input);
+$color-border-input-focus: var(--jkl-color-border-input-focus);
+$color-border-separator: var(--jkl-color-border-separator);
+$color-border-separator-strong: var(--jkl-color-border-separator-strong);
+$color-border-separator-hover: var(--jkl-color-border-separator-hover);
+$color-border-subdued: var(--jkl-color-border-subdued);