@danske/sapphire-css 38.0.0 → 38.1.1

package/components/filterDropdown/filterDropdown.module.css

@@ -8,6 +8,7 @@
   flex: 1;
   overflow: auto;
   padding: var(--sapphire-semantic-size-spacing-container-horizontal-sm);
+  padding-bottom: 0;
 }
 
 .sapphire-filter-dropdown__footer {

package/components/link/link.module.css

@@ -13,20 +13,17 @@
   -webkit-font-smoothing: antialiased;
   -moz-osx-font-smoothing: grayscale;
 
-  /**
-   * For making line-height take effect in all scenarios
-   * Otherwise in some cases the link can be set to display: inline
-   * by the browser which would not make line-height apply
-   * and focus styles would eg. be too cramped
-   */
-  display: inline-block;
+  display: inline;
 
   font-family: var(--sapphire-semantic-font-name-default);
   font-size: var(--sapphire-semantic-size-font-text-lg);
   line-height: var(--sapphire-semantic-size-line-height-md);
   cursor: pointer;
-  outline: 0;
   border-radius: var(--sapphire-semantic-size-radius-xs);
+
+  text-decoration-skip-ink: none;
+
+  outline: none;
 }
 
 /* Disabled state for all variants */
@@ -53,8 +50,7 @@
 .sapphire-link--primary.is-focus,
 .sapphire-link--primary:not(.js-focus):focus-visible {
   color: var(--sapphire-semantic-color-content-link-primary-default);
-  outline: var(--sapphire-semantic-size-focus-ring) solid
-    var(--sapphire-semantic-color-focus-ring);
+  text-decoration-style: double;
 }
 .sapphire-link--primary:not(:disabled):not(.is-disabled).is-active,
 .sapphire-link--primary:not(:disabled):not(.is-disabled):active,
@@ -79,8 +75,7 @@
 .sapphire-link--secondary.is-focus,
 .sapphire-link--secondary:not(.js-focus):focus-visible {
   color: var(--sapphire-semantic-color-content-link-secondary-default);
-  outline: var(--sapphire-semantic-size-focus-ring) solid
-    var(--sapphire-semantic-color-focus-ring);
+  text-decoration-style: double;
 }
 
 .sapphire-link--secondary:not(:disabled):not(.is-disabled).is-active,

package/components/table/table.module.css

@@ -30,6 +30,11 @@
   border-collapse: collapse;
   border-spacing: 0;
   width: 100%;
+  table-layout: auto;
+}
+
+.sapphire-table__table--fixed-layout {
+  table-layout: fixed;
 }
 
 .sapphire-table-sortedIcon {
@@ -199,11 +204,13 @@
   color: var(--sapphire-semantic-color-content-default-primary);
   font-family: var(--sapphire-semantic-font-name-default);
   font-weight: var(--sapphire-semantic-font-weight-default-regular);
+  overflow-wrap: break-word;
 }
 
 .sapphire-table__cell-contents {
   display: block;
   width: 100%;
+  overflow-wrap: break-word;
 }
 
 /* Overflow behaviour */
@@ -417,6 +424,10 @@ and to avoid the complications of merging the two shadows */ {
   background-color: var(
     --sapphire-semantic-color-background-action-secondary-default
   );
+  position: sticky;
+  top: 0;
+  left: 0;
+  z-index: 3;
 }
 
 /**

package/components/table/table.module.css.d.ts

@@ -2,6 +2,7 @@ declare const styles: {
   readonly "sapphire-table": string;
   readonly "sapphire-table--overflow": string;
   readonly "sapphire-table__table": string;
+  readonly "sapphire-table__table--fixed-layout": string;
   readonly "sapphire-table-sortedIcon": string;
   readonly "sapphire-table-sortableIcon": string;
   readonly "sapphire-table__head": string;

package/components/toast/toast.module.css

@@ -146,6 +146,7 @@
   align-items: center;
   justify-content: space-between;
 
+  overflow-wrap: anywhere;
   background-color: var(--sapphire-semantic-color-background-surface);
   color: var(--sapphire-semantic-color-content-default-primary);
   font-family: var(--sapphire-semantic-font-name-default);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@danske/sapphire-css",
-  "version": "38.0.0",
+  "version": "38.1.1",
   "description": "CSS implementation of the Sapphire Design System from Danske Bank A/S",
   "license": "SEE LICENSE IN LICENSE",
   "sideEffects": false,
@@ -67,7 +67,7 @@
     "typescript": "~4.6.4"
   },
   "dependencies": {
-    "@danske/sapphire-design-tokens": "^41.4.0"
+    "@danske/sapphire-design-tokens": "^41.5.0"
   },
-  "gitHead": "7673827573af06dab98309795b977522151a5c2c"
+  "gitHead": "6bd3c484a3b470e3efbb4b9bc14f8132ad50071f"
 }