@fremtind/jokul 0.23.4 → 0.24.0

package/styles/styles.scss

@@ -0,0 +1,37 @@
+@use "components/accordion";
+@use "components/breadcrumb";
+@use "components/button";
+@use "components/card";
+@use "components/checkbox";
+@use "components/combobox";
+@use "components/cookie-consent";
+@use "components/datepicker";
+@use "components/description-list";
+@use "components/expander";
+@use "components/feedback";
+@use "components/icon";
+@use "components/icon-button";
+@use "components/image";
+@use "components/input-group";
+@use "components/link";
+@use "components/link-list";
+@use "components/list";
+@use "components/loader";
+@use "components/logo";
+@use "components/menu";
+@use "components/message";
+@use "components/modal";
+@use "components/pagination";
+@use "components/popover";
+@use "components/progress-bar";
+@use "components/radio-button";
+@use "components/select";
+@use "components/summary-table";
+@use "components/system-message";
+@use "components/table";
+@use "components/tabs";
+@use "components/tag";
+@use "components/text-input";
+@use "components/toast";
+@use "components/toggle-switch";
+@use "components/tooltip";

package/src/components/accordion/styles/_index.scss

@@ -1,3 +0,0 @@
-@forward "accordion";
-
-@use "../../icon/styles";

package/src/components/breadcrumb/styles/_index.scss

@@ -1,3 +0,0 @@
-@forward "breadcrumb";
-
-@use "../../link/styles";

package/src/components/button/styles/_index.scss

@@ -1,3 +0,0 @@
-@forward "button";
-
-@use "../../loader/styles/loader";

package/src/components/card/styles/_index.scss

@@ -1,4 +0,0 @@
-@forward "card";
-
-@use "../../image/styles" as image;
-@use "../../tag/styles" as tag;

package/src/components/combobox/styles/_index.scss

@@ -1,7 +0,0 @@
-@forward "combobox";
-
-@use "../../icon/styles" as icon;
-@use "../../icon-button/styles" as icon-button;
-@use "../../input-group/styles" as input-group;
-@use "../../tag/styles" as tag;
-@use "../../tooltip/styles" as tooltip;

package/src/components/cookie-consent/styles/_index.scss

@@ -1,5 +0,0 @@
-@forward "cookie-consent";
-
-@use "../../button/styles" as button;
-@use "../../checkbox/styles" as checkbox;
-@use "../../list/styles" as list;

package/src/components/datepicker/styles/_index.scss

@@ -1,5 +0,0 @@
-@forward "datepicker";
-
-@use "../../icon/styles" as icon;
-@use "../../input-group/styles" as input-group;
-@use "../../text-input/styles" as text-input;

package/src/components/feedback/styles/_index.scss

@@ -1,9 +0,0 @@
-@forward "feedback";
-
-// Feedback-komponenten avhenger av de følgende pakkene
-@use "../../button/styles" as button;
-@use "../../checkbox/styles" as checkbox;
-@use "../../input-group/styles" as input-group;
-@use "../../message/styles" as message;
-@use "../../radio-button/styles" as radio-button;
-@use "../../text-input/styles" as text-input;

package/src/components/input-group/styles/_index.scss

@@ -1,4 +0,0 @@
-@forward "input-group";
-
-@use "../../icon/styles" as icon;
-@use "../../tooltip/styles" as tooltip;

package/src/components/link-list/styles/_index.scss

@@ -1,3 +0,0 @@
-@forward "link-list";
-
-@use "../../icon/styles";

package/src/components/message/styles/_index.scss

@@ -1,3 +0,0 @@
-@forward "message";
-
-@use "../../icon/styles";

package/src/components/modal/styles/_index.scss

@@ -1,4 +0,0 @@
-@forward "modal";
-
-@use "../../icon/styles" as icon;
-@use "../../icon-button/styles" as icon-button;

package/src/components/pagination/styles/_index.scss

@@ -1,6 +0,0 @@
-@forward "pagination.scss";
-
-@use "../../icon/styles" as icon;
-@use "../../icon-button/styles/" as iconButton;
-@use "../../select/styles" as select;
-@use "../../text-input/styles" as textInput;

package/src/components/radio-button/styles/_index.scss

@@ -1,3 +0,0 @@
-@forward "radio-button";
-
-@use "../../input-group/styles";

package/src/components/select/styles/_index.scss

@@ -1,4 +0,0 @@
-@forward "select";
-
-@use "../../icon/styles" as icon;
-@use "../../input-group/styles" as input-group;

package/src/components/tag/styles/_index.scss

@@ -1,4 +0,0 @@
-@forward "tag";
-
-@use "../../icon/styles" as icon;
-@use "../../icon-button/styles" as icon-button;

package/src/components/text-input/styles/_index.scss

@@ -1,5 +0,0 @@
-@forward "text-input";
-
-@use "../../icon/styles" as icon;
-@use "../../icon-button/styles" as icon-button;
-@use "../../input-group/styles" as input-group;

package/src/components/toast/styles/_index.scss

@@ -1,4 +0,0 @@
-@forward "toast";
-
-@use "../../icon/styles" as icon;
-@use "../../icon-button/styles" as icon-button;

package/src/components/toggle-switch/styles/_index.scss

@@ -1,3 +0,0 @@
-@forward "toggle-switch";
-
-@use "../../icon/styles" as icon;

package/src/components/tooltip/styles/_index.scss

@@ -1,3 +0,0 @@
-@forward "tooltip";
-
-@use "../../icon/styles" as icon;

package/src/core/tokens.less

@@ -1,209 +0,0 @@
-
-// Do not edit directly
-// Generated on Mon, 23 Sep 2024 08:51:40 GMT
-
-@breakpoint-medium: 680px;
-@breakpoint-large: 1200px;
-@breakpoint-xl: 1600px;
-@color-brand-snohvit: #f9f9f9;
-@color-brand-varde: #e0dbd4;
-@color-brand-granitt: #1b1917;
-@color-brand-hvit: #ffffff;
-@color-brand-svart: #000000;
-@color-brand-skifer: #313030;
-@color-brand-fjellgra: #444141;
-@color-brand-stein: #636060;
-@color-brand-svaberg: #c8c5c3;
-@color-brand-dis: #ece9e5;
-@color-brand-sand: #f4f2ef;
-@color-functional-info: #d3d3f6;
-@color-functional-info-dark: #a9a9ca;
-@color-functional-success: #acd3b5;
-@color-functional-success-dark: #94b79b;
-@color-functional-warning: #efdd9e;
-@color-functional-warning-dark: #decc8d;
-@color-functional-error: #f6b3b3;
-@color-functional-error-dark: #de9e9e;
-@color-background-page-light: #f4f2ef;
-@color-background-page-dark: #1b1917;
-@color-background-page-variant-light: #f9f9f9;
-@color-background-page-variant-dark: #1b1917;
-@color-background-container-light: #f9f9f9;
-@color-background-container-dark: #313030;
-@color-background-container-low-light: #ece9e5;
-@color-background-container-low-dark: #000000;
-@color-background-container-high-light: #ffffff;
-@color-background-container-high-dark: #313030;
-@color-background-container-inverted-light: #1b1917;
-@color-background-container-inverted-dark: #f9f9f9;
-@color-background-container-subdued-light: #c8c5c3;
-@color-background-container-subdued-dark: #636060;
-@color-background-input-base-light: #000000;
-@color-background-input-base-dark: #000000;
-@color-background-input-focus-light: #ffffff;
-@color-background-input-focus-dark: #313030;
-@color-background-action-light: #1b1917;
-@color-background-action-dark: #f9f9f9;
-@color-background-interactive-light: #000000;
-@color-background-interactive-dark: #000000;
-@color-background-interactive-hover-light: #ece9e5;
-@color-background-interactive-hover-dark: #444141;
-@color-background-interactive-selected-light: #e0dbd4;
-@color-background-interactive-selected-dark: #636060;
-@color-background-alert-neutral-light: #e0dbd4;
-@color-background-alert-neutral-dark: #e0dbd4;
-@color-background-alert-info-light: #d3d3f6;
-@color-background-alert-info-dark: #a9a9ca;
-@color-background-alert-success-light: #acd3b5;
-@color-background-alert-success-dark: #94b79b;
-@color-background-alert-warning-light: #efdd9e;
-@color-background-alert-warning-dark: #decc8d;
-@color-background-alert-error-light: #f6b3b3;
-@color-background-alert-error-dark: #de9e9e;
-@color-text-default-light: #1b1917;
-@color-text-default-dark: #f9f9f9;
-@color-text-subdued-light: #636060;
-@color-text-subdued-dark: #c8c5c3;
-@color-text-inverted-light: #f9f9f9;
-@color-text-inverted-dark: #1b1917;
-@color-text-on-action-light: #f9f9f9;
-@color-text-on-action-dark: #1b1917;
-@color-text-interactive-light: #1b1917;
-@color-text-interactive-dark: #f9f9f9;
-@color-text-interactive-hover-light: #636060;
-@color-text-interactive-hover-dark: #c8c5c3;
-@color-text-on-alert-light: #1b1917;
-@color-text-on-alert-dark: #1b1917;
-@color-border-action-light: #1b1917;
-@color-border-action-dark: #f9f9f9;
-@color-border-input-light: #636060;
-@color-border-input-dark: #c8c5c3;
-@color-border-input-focus-light: #1b1917;
-@color-border-input-focus-dark: #f9f9f9;
-@color-border-separator-light: #c8c5c3;
-@color-border-separator-dark: #636060;
-@color-border-separator-strong-light: #636060;
-@color-border-separator-strong-dark: #c8c5c3;
-@color-border-separator-hover-light: #1b1917;
-@color-border-separator-hover-dark: #f9f9f9;
-@color-border-subdued-light: #c8c5c3;
-@color-border-subdued-dark: #636060;
-@color-svart: #000000;
-@color-granitt: #1b1917;
-@color-skifer: #313030;
-@color-fjellgra: #444141;
-@color-stein: #636060;
-@color-svaberg: #c8c5c3;
-@color-varde: #e0dbd4;
-@color-dis: #ece9e5;
-@color-sand: #f4f2ef;
-@color-snohvit: #f9f9f9;
-@color-hvit: #ffffff;
-@color-suksess: #acd3b5;
-@color-suksess-dark: #94b79b;
-@color-feil: #f6b3b3;
-@color-feil-dark: #de9e9e;
-@color-info: #d3d3f6;
-@color-info-dark: #a9a9ca;
-@color-advarsel: #efdd9e;
-@color-advarsel-dark: #decc8d;
-@motion-timing-energetic: 75ms;
-@motion-timing-snappy: 100ms;
-@motion-timing-productive: 150ms;
-@motion-timing-expressive: 250ms;
-@motion-timing-lazy: 400ms;
-@motion-easing-standard: ease;
-@motion-easing-entrance: ease-out;
-@motion-easing-exit: ease-in;
-@motion-easing-ease-in-bounce-out: cubic-bezier(0, 0, 0.375, 1.17);
-@motion-easing-focus: cubic-bezier(0.6, 0.2, 0.35, 1);
-@spacing-0: 0;
-@spacing-2: 0.125rem;
-@spacing-4: 0.25rem;
-@spacing-8: 0.5rem;
-@spacing-12: 0.75rem;
-@spacing-16: 1rem;
-@spacing-24: 1.5rem;
-@spacing-32: 2rem;
-@spacing-40: 2.5rem;
-@spacing-64: 4rem;
-@spacing-104: 6.5rem;
-@spacing-168: 10.5rem;
-@icon-weight-normal: 300;
-@icon-weight-bold: 500;
-@typography-weight-normal: 400;
-@typography-weight-bold: 700;
-@typography-font-size-16: 1rem;
-@typography-font-size-18: 1.125rem;
-@typography-font-size-20: 1.25rem;
-@typography-font-size-21: 1.3125rem;
-@typography-font-size-23: 1.4375rem;
-@typography-font-size-25: 1.5625rem;
-@typography-font-size-26: 1.625rem;
-@typography-font-size-28: 1.75rem;
-@typography-font-size-30: 1.875rem;
-@typography-font-size-36: 2.25rem;
-@typography-font-size-44: 2.75rem;
-@typography-font-size-56: 3.5rem;
-@typography-line-height-24: 1.5rem;
-@typography-line-height-28: 1.75rem;
-@typography-line-height-32: 2rem;
-@typography-line-height-36: 2.25rem;
-@typography-line-height-40: 2.5rem;
-@typography-line-height-44: 2.75rem;
-@typography-line-height-52: 3.25rem;
-@typography-line-height-64: 4rem;
-@typography-title-small-font-size: 2.25rem;
-@typography-title-small-line-height: 2.75rem;
-@typography-title-small-font-weight: 400;
-@typography-title-base-font-size: 3.5rem;
-@typography-title-base-line-height: 4rem;
-@typography-title-base-font-weight: 400;
-@typography-title-small-small-font-size: 1.875rem;
-@typography-title-small-small-line-height: 2.25rem;
-@typography-title-small-small-font-weight: 400;
-@typography-title-small-base-font-size: 2.75rem;
-@typography-title-small-base-line-height: 3.25rem;
-@typography-title-small-base-font-weight: 400;
-@typography-heading-1-small-font-size: 1.625rem;
-@typography-heading-1-small-line-height: 2rem;
-@typography-heading-1-small-font-weight: 400;
-@typography-heading-1-base-font-size: 2.25rem;
-@typography-heading-1-base-line-height: 2.75rem;
-@typography-heading-1-base-font-weight: 400;
-@typography-heading-2-small-font-size: 1.4375rem;
-@typography-heading-2-small-line-height: 2rem;
-@typography-heading-2-small-font-weight: 400;
-@typography-heading-2-base-font-size: 1.75rem;
-@typography-heading-2-base-line-height: 2.5rem;
-@typography-heading-2-base-font-weight: 400;
-@typography-heading-3-small-font-size: 1.3125rem;
-@typography-heading-3-small-line-height: 1.75rem;
-@typography-heading-3-small-font-weight: 700;
-@typography-heading-3-base-font-size: 1.5625rem;
-@typography-heading-3-base-line-height: 2rem;
-@typography-heading-3-base-font-weight: 700;
-@typography-heading-4-small-font-size: 1.125rem;
-@typography-heading-4-small-line-height: 1.5rem;
-@typography-heading-4-small-font-weight: 700;
-@typography-heading-4-base-font-size: 1.3125rem;
-@typography-heading-4-base-line-height: 1.75rem;
-@typography-heading-4-base-font-weight: 700;
-@typography-heading-5-small-font-size: 1rem;
-@typography-heading-5-small-line-height: 1.5rem;
-@typography-heading-5-small-font-weight: 700;
-@typography-heading-5-base-font-size: 1rem;
-@typography-heading-5-base-line-height: 1.5rem;
-@typography-heading-5-base-font-weight: 700;
-@typography-body-small-font-size: 1.125rem;
-@typography-body-small-line-height: 1.75rem;
-@typography-body-small-font-weight: 400;
-@typography-body-base-font-size: 1.25rem;
-@typography-body-base-line-height: 2rem;
-@typography-body-base-font-weight: 400;
-@typography-small-small-font-size: 1rem;
-@typography-small-small-line-height: 1.5rem;
-@typography-small-small-font-weight: 400;
-@typography-small-base-font-size: 1rem;
-@typography-small-base-line-height: 1.5rem;
-@typography-small-base-font-weight: 400;

package/src/styles/styles.scss

@@ -1,37 +0,0 @@
-@use "../components/accordion/styles" as accordion;
-@use "../components/breadcrumb/styles" as breadcrumb;
-@use "../components/button/styles" as button;
-@use "../components/card/styles" as card;
-@use "../components/checkbox/styles" as checkbox;
-@use "../components/combobox/styles" as combobox;
-@use "../components/cookie-consent/styles" as cookie-consent;
-@use "../components/datepicker/styles" as datepicker;
-@use "../components/description-list/styles" as description-list;
-@use "../components/expander/styles" as expander;
-@use "../components/feedback/styles" as feedback;
-@use "../components/icon/styles" as icon;
-@use "../components/icon-button/styles" as icon-button;
-@use "../components/image/styles" as image;
-@use "../components/input-group/styles" as input-group;
-@use "../components/link/styles" as link;
-@use "../components/link-list/styles" as link-list;
-@use "../components/list/styles" as list;
-@use "../components/loader/styles" as loader;
-@use "../components/logo/styles" as logo;
-@use "../components/menu/styles" as menu;
-@use "../components/message/styles" as message;
-@use "../components/modal/styles" as modal;
-@use "../components/pagination/styles" as pagination;
-@use "../components/popover/styles" as popover;
-@use "../components/progress-bar/styles" as progress-bar;
-@use "../components/radio-button/styles" as radio-button;
-@use "../components/select/styles" as select;
-@use "../components/summary-table/styles" as summary-table;
-@use "../components/system-message/styles" as system-message;
-@use "../components/table/styles" as table;
-@use "../components/tabs/styles" as tabs;
-@use "../components/tag/styles" as tag;
-@use "../components/text-input/styles" as text-input;
-@use "../components/toast/styles" as toast;
-@use "../components/toggle-switch/styles" as toggle-switch;
-@use "../components/tooltip/styles" as tooltip;