@designsystem-se/af 34.0.3-beta.0 → 34.0.3

package/dist/cjs/{tools-feedback-variation.enum-b17e8f87.js → typography-variation.enum-07b834ba.js}

@@ -95,6 +95,34 @@ exports.FormErrorListHeadingLevel = void 0;
     FormErrorListHeadingLevel["H6"] = "h6";
 })(exports.FormErrorListHeadingLevel || (exports.FormErrorListHeadingLevel = {}));
 
+exports.FormInputMode = void 0;
+(function (FormInputMode) {
+    FormInputMode["DEFAULT"] = "";
+    FormInputMode["NONE"] = "none";
+    FormInputMode["TEXT"] = "text";
+    FormInputMode["DECIMAL"] = "decimal";
+    FormInputMode["NUMERIC"] = "numeric";
+    FormInputMode["TEL"] = "tel";
+    FormInputMode["SEARCH"] = "search";
+    FormInputMode["EMAIL"] = "email";
+    FormInputMode["URL"] = "url";
+})(exports.FormInputMode || (exports.FormInputMode = {}));
+
+exports.FormInputValidation = void 0;
+(function (FormInputValidation) {
+    FormInputValidation["SUCCESS"] = "success";
+    FormInputValidation["ERROR"] = "error";
+    FormInputValidation["WARNING"] = "warning";
+    FormInputValidation["NEUTRAL"] = "neutral";
+})(exports.FormInputValidation || (exports.FormInputValidation = {}));
+
+exports.FormInputVariation = void 0;
+(function (FormInputVariation) {
+    FormInputVariation["SMALL"] = "small";
+    FormInputVariation["MEDIUM"] = "medium";
+    FormInputVariation["LARGE"] = "large";
+})(exports.FormInputVariation || (exports.FormInputVariation = {}));
+
 exports.FormRadiobuttonLayout = void 0;
 (function (FormRadiobuttonLayout) {
     FormRadiobuttonLayout["INLINE"] = "inline";
@@ -243,3 +271,9 @@ exports.FeedbackVariation = void 0;
     FeedbackVariation["PRIMARY"] = "primary";
     FeedbackVariation["SECONDARY"] = "secondary";
 })(exports.FeedbackVariation || (exports.FeedbackVariation = {}));
+
+exports.TypographyVariation = void 0;
+(function (TypographyVariation) {
+    TypographyVariation["SMALL"] = "small";
+    TypographyVariation["LARGE"] = "large";
+})(exports.TypographyVariation || (exports.TypographyVariation = {}));

package/dist/collection/components/_form/form-select-filter/form-select-filter.css

@@ -617,7 +617,7 @@ License: none (public domain)
 :host .digi-form-select-filter__item {
   background-color: var(--digi--form-select-filter--dropdown--item--background-color--default);
   border-width: 0;
-  box-sizing: content-box;
+  box-sizing: border-box;
   border-bottom-width: var(--digi--form-select-filter--dropdown--item--border-width);
   border-style: var(--digi--form-select-filter--dropdown--item--border-type);
   border-color: var(--digi--form-select-filter--dropdown--item--border-color);

package/dist/collection/design-tokens/components/_navigation-context-menu.variables.scss

@@ -1,23 +1,64 @@
 @mixin digi-navigation-context-menu--variables() {
   --digi--navigation-context-menu--toggle-icon--transition: ease-in-out 0.2s all;
   --digi--navigation-context-menu--toggle-icon--transform: rotate(-180deg);
+  --digi--navigation-context-menu--display--start: block;
+  --digi--navigation-context-menu--display--end: inline-block;
 
+  --digi--navigation-context-menu--content--position: absolute;
+  --digi--navigation-context-menu--content--margin-top: var(--digi--gutter--smaller);
   --digi--navigation-context-menu--content--background-color: var(--digi--color--background--primary);
   --digi--navigation-context-menu--content--border-radius: var(--digi--border-radius--secondary);
   --digi--navigation-context-menu--content--box-shadow: 0 0.125rem 0.375rem 0 rgba(0, 0, 0, 0.7);
-  --digi--navigation-context-menu--content--max-width: 90vw;
-  --digi--navigation-context-menu--content--max-height: 15rem;
+
+  --digi--navigation-context-menu--button--font-size: var(--digi--typography--body--font-size--desktop);
+  --digi--navigation-context-menu--button--font-size--desktop: var(--digi--typography--body--font-size--desktop-large);
+  --digi--navigation-context-menu--button--background: transparent;
+  --digi--navigation-context-menu--button--background--hover: transparent;
+  --digi--navigation-context-menu--button--color: var(--digi--color--text--primary);
+  --digi--navigation-context-menu--button--border: 0;
+  --digi--navigation-context-menu--button--font-weight: normal;
+  --digi--navigation-context-menu--button--padding: var(--digi--gutter--smallest-2) var(--digi--gutter--large) var(--digi--gutter--smallest-2) var(--digi--gutter--largest-3);
+  --digi--navigation-context-menu--button--bordered--padding: var(--digi--gutter--large) var(--digi--gutter--large) var(--digi--gutter--large) var(--digi--gutter--largest-3);
+  --digi--navigation-context-menu--button--outline--focus: none;
+  --digi--navigation-context-menu--button--width: 100%;
+  --digi--navigation-context-menu--button--text-align: left;
+  --digi--navigation-context-menu--button--display: flex;
 
   --digi--navigation-context-menu--button-icon--width: 0.875rem;
+  --digi--navigation-context-menu--button-icon--margin-right: -1.125rem;
+  --digi--navigation-context-menu--button-icon--margin-left: 0.25rem;
+  --digi--navigation-context-menu--button-icon--display: inline-flex;
+
+  --digi--navigation-context-menu--link--font-size: var(--digi--typography--body--font-size--desktop);
+  --digi--navigation-context-menu--link--font-size--desktop: var(--digi--typography--body--font-size--desktop-large);
+  --digi--navigation-context-menu--link--text-decoration: none;
+  --digi--navigation-context-menu--link--color: var(--digi--color--text--primary);
+  --digi--navigation-context-menu--link--font-family: var(--digi--global--typography--font-family--default);
+  --digi--navigation-context-menu--link--focus--outline: none;
+  --digi--navigation-context-menu--link--padding: var(--digi--gutter--smallest-2) var(--digi--gutter--large);
+  --digi--navigation-context-menu--link--bordered--padding: var(--digi--gutter--large);
+  --digi--navigation-context-menu--link--display: inline-block;
+  --digi--navigation-context-menu--link--width: 100%;
 
   --digi--navigation-context-menu--button-trigger--font-size: var(--digi--typography--body--font-size--desktop);
+  --digi--navigation-context-menu--button-trigger--font-size--desktop: var(--digi--typography--body--font-size--desktop-large);
   --digi--navigation-context-menu--button-trigger--padding: 0;
+  --digi--navigation-context-menu--button-trigger--background-color: transparent;
+  --digi--navigation-context-menu--button-trigger--background-color--hover: transparent;
+  --digi--navigation-context-menu--button-trigger--border-radius: initial;
+  --digi--navigation-context-menu--button-trigger--border-radius--hover: initial;
+  --digi--navigation-context-menu--button-trigger--border-radius--focus: initial;
 
   --digi--navigation-context-menu--item--font-size: var(--digi--typography--body--font-size--desktop);
+  --digi--navigation-context-menu--item--font-size--desktop: var(--digi--typography--body--font-size--desktop-large);
   --digi--navigation-context-menu--item--background-color--active: var(--digi--color--background--neutral-6);
   --digi--navigation-context-menu--item--display: flex;
   --digi--navigation-context-menu--item--font-family: var(--digi--global--typography--font-family--default);
-  --digi--navigation-context-menu--item--font-color: var(--digi--color--text--primary);
+  --digi--navigation-context-menu--item--font-wight--selected: 600;
+  --digi--navigation-context-menu--item--border-top: var(--digi--border-width--primary) solid var(--digi--color--border--neutral-4);
+
+  --digi--navigation-context-menu--items--margin: 0;
+  --digi--navigation-context-menu--items--padding: var(--digi--gutter--large) 0;
 }
 
 /** Do not touch! Autogenerated 
@@ -31,6 +72,7 @@
 * @prop --digi--navigation-context-menu--content--border-radius: var(--digi--border-radius--secondary);
 * @prop --digi--navigation-context-menu--content--box-shadow: 0 0.125rem 0.375rem 0 rgba(0, 0, 0, 0.7);
 * @prop --digi--navigation-context-menu--button--font-size: var(--digi--typography--body--font-size--desktop);
+* @prop --digi--navigation-context-menu--button--font-size--desktop: var(--digi--typography--body--font-size--desktop-large);
 * @prop --digi--navigation-context-menu--button--background: transparent;
 * @prop --digi--navigation-context-menu--button--background--hover: transparent;
 * @prop --digi--navigation-context-menu--button--color: var(--digi--color--text--primary);
@@ -47,6 +89,7 @@
 * @prop --digi--navigation-context-menu--button-icon--margin-left: 0.25rem;
 * @prop --digi--navigation-context-menu--button-icon--display: inline-flex;
 * @prop --digi--navigation-context-menu--link--font-size: var(--digi--typography--body--font-size--desktop);
+* @prop --digi--navigation-context-menu--link--font-size--desktop: var(--digi--typography--body--font-size--desktop-large);
 * @prop --digi--navigation-context-menu--link--text-decoration: none;
 * @prop --digi--navigation-context-menu--link--color: var(--digi--color--text--primary);
 * @prop --digi--navigation-context-menu--link--font-family: var(--digi--global--typography--font-family--default);
@@ -64,6 +107,7 @@
 * @prop --digi--navigation-context-menu--button-trigger--border-radius--hover: initial;
 * @prop --digi--navigation-context-menu--button-trigger--border-radius--focus: initial;
 * @prop --digi--navigation-context-menu--item--font-size: var(--digi--typography--body--font-size--desktop);
+* @prop --digi--navigation-context-menu--item--font-size--desktop: var(--digi--typography--body--font-size--desktop-large);
 * @prop --digi--navigation-context-menu--item--background-color--active: var(--digi--color--background--neutral-6);
 * @prop --digi--navigation-context-menu--item--display: flex;
 * @prop --digi--navigation-context-menu--item--font-family: var(--digi--global--typography--font-family--default);

package/dist/digi-arbetsformedlingen/design-tokens/components/_navigation-context-menu.variables.scss

@@ -71,44 +71,4 @@
 * @prop --digi--navigation-context-menu--item--border-top: var(--digi--border-width--primary) solid var(--digi--color--border--neutral-4);
 * @prop --digi--navigation-context-menu--items--margin: 0;
 * @prop --digi--navigation-context-menu--items--padding: var(--digi--gutter--large) 0;
-*/ar(--digi--color--text--primary);
-* @prop --digi--navigation-context-menu--button--border: 0;
-* @prop --digi--navigation-context-menu--button--font-weight: normal;
-* @prop --digi--navigation-context-menu--button--padding: var(--digi--gutter--smallest-2) var(--digi--gutter--large) var(--digi--gutter--smallest-2) var(--digi--gutter--largest-3);
-* @prop --digi--navigation-context-menu--button--bordered--padding: var(--digi--gutter--large) var(--digi--gutter--large) var(--digi--gutter--large) var(--digi--gutter--largest-3);
-* @prop --digi--navigation-context-menu--button--outline--focus: none;
-* @prop --digi--navigation-context-menu--button--width: 100%;
-* @prop --digi--navigation-context-menu--button--text-align: left;
-* @prop --digi--navigation-context-menu--button--display: flex;
-* @prop --digi--navigation-context-menu--button-icon--width: 0.875rem;
-* @prop --digi--navigation-context-menu--button-icon--margin-right: -1.125rem;
-* @prop --digi--navigation-context-menu--button-icon--margin-left: 0.25rem;
-* @prop --digi--navigation-context-menu--button-icon--display: inline-flex;
-* @prop --digi--navigation-context-menu--link--font-size: var(--digi--typography--body--font-size--desktop);
-* @prop --digi--navigation-context-menu--link--font-size--desktop: var(--digi--typography--body--font-size--desktop-large);
-* @prop --digi--navigation-context-menu--link--text-decoration: none;
-* @prop --digi--navigation-context-menu--link--color: var(--digi--color--text--primary);
-* @prop --digi--navigation-context-menu--link--font-family: var(--digi--global--typography--font-family--default);
-* @prop --digi--navigation-context-menu--link--focus--outline: none;
-* @prop --digi--navigation-context-menu--link--padding: var(--digi--gutter--smallest-2) var(--digi--gutter--large);
-* @prop --digi--navigation-context-menu--link--bordered--padding: var(--digi--gutter--large);
-* @prop --digi--navigation-context-menu--link--display: inline-block;
-* @prop --digi--navigation-context-menu--link--width: 100%;
-* @prop --digi--navigation-context-menu--button-trigger--font-size: var(--digi--typography--body--font-size--desktop);
-* @prop --digi--navigation-context-menu--button-trigger--font-size--desktop: var(--digi--typography--body--font-size--desktop-large);
-* @prop --digi--navigation-context-menu--button-trigger--padding: 0;
-* @prop --digi--navigation-context-menu--button-trigger--background-color: transparent;
-* @prop --digi--navigation-context-menu--button-trigger--background-color--hover: transparent;
-* @prop --digi--navigation-context-menu--button-trigger--border-radius: initial;
-* @prop --digi--navigation-context-menu--button-trigger--border-radius--hover: initial;
-* @prop --digi--navigation-context-menu--button-trigger--border-radius--focus: initial;
-* @prop --digi--navigation-context-menu--item--font-size: var(--digi--typography--body--font-size--desktop);
-* @prop --digi--navigation-context-menu--item--font-size--desktop: var(--digi--typography--body--font-size--desktop-large);
-* @prop --digi--navigation-context-menu--item--background-color--active: var(--digi--color--background--neutral-6);
-* @prop --digi--navigation-context-menu--item--display: flex;
-* @prop --digi--navigation-context-menu--item--font-family: var(--digi--global--typography--font-family--default);
-* @prop --digi--navigation-context-menu--item--font-wight--selected: 600;
-* @prop --digi--navigation-context-menu--item--border-top: var(--digi--border-width--primary) solid var(--digi--color--border--neutral-4);
-* @prop --digi--navigation-context-menu--items--margin: 0;
-* @prop --digi--navigation-context-menu--items--padding: var(--digi--gutter--large) 0;
 */