@fremtind/jokul 1.4.1 → 1.5.1

package/styles/components/checkbox-panel/checkbox-panel.scss

@@ -21,70 +21,74 @@ $_checkbox-checked-animation-name: jkl-checkbox-checked-#{string.unique-id()};
     }
 }
 
-.jkl-checkbox-panel {
-    --checkbox-background-color: transparent;
-    --checkbox-box-color: var(--jkl-color-border-action);
-    --checkbox-check-color: var(--jkl-color-border-action);
-
-    // The box
-    &__decorator {
-        box-sizing: border-box;
-        height: var(--jkl-checkbox-box-size);
-        width: var(--jkl-checkbox-box-size);
-        position: relative;
-
-        outline: none;
-        border-radius: 0; // fixes rounded corners in iOS Safari
-        border: 1px solid;
-        border-color: var(--checkbox-box-color);
-        background-color: var(--checkbox-background-color);
-
-        @include jkl.motion;
-        transition-property: background-color;
-
-        @include jkl.forced-colors-mode {
-            outline: revert;
-            border: 1px solid ButtonText;
-        }
+@layer jokul.components {
+    .jkl-checkbox-panel {
+        --checkbox-background-color: transparent;
+        --checkbox-box-color: var(--jkl-color-border-action);
+        --checkbox-check-color: var(--jkl-color-border-action);
+
+        // The box
+        &__decorator {
+            box-sizing: border-box;
+            height: var(--jkl-checkbox-box-size);
+            width: var(--jkl-checkbox-box-size);
+            position: relative;
+
+            outline: none;
+            border-radius: 0; // fixes rounded corners in iOS Safari
+            border: 1px solid;
+            border-color: var(--checkbox-box-color);
+            background-color: var(--checkbox-background-color);
 
-        // The check
-        &::after {
-            content: "";
-            position: absolute;
-            transform-origin: bottom left;
-            bottom: 42%;
-            left: 18%;
+            @include jkl.motion;
+            transition-property: background-color;
 
-            display: block;
-            width: 18%;
-            height: 58%;
-            transform: rotate(45deg);
+            @include jkl.forced-colors-mode {
+                outline: revert;
+                border: 1px solid ButtonText;
+            }
 
-            border: solid jkl.rem(2px) var(--checkbox-check-color);
-            border-left-width: 0;
-            border-top-width: 0;
+            // The check
+            &::after {
+                content: "";
+                position: absolute;
+                transform-origin: bottom left;
+                bottom: 42%;
+                left: 18%;
 
-            opacity: 0;
+                display: block;
+                width: 18%;
+                height: 58%;
+                transform: rotate(45deg);
 
-            @include jkl.motion;
-            transition-property: opacity, border-color;
+                border: solid jkl.rem(2px) var(--checkbox-check-color);
+                border-left-width: 0;
+                border-top-width: 0;
 
-            @include jkl.forced-colors-mode {
-                border-color: ButtonText;
+                opacity: 0;
+
+                @include jkl.motion;
+                transition-property: opacity, border-color;
+
+                @include jkl.forced-colors-mode {
+                    border-color: ButtonText;
+                }
             }
         }
-    }
 
-    &:has(:checked) &__decorator {
-        &::after {
-            animation: $_checkbox-checked-animation-name
-                jkl.timing("productive") ease-in-out forwards;
-            opacity: 1;
+        &:has(:checked) &__decorator {
+            &::after {
+                animation: $_checkbox-checked-animation-name
+                    jkl.timing("productive") ease-in-out forwards;
+                opacity: 1;
+            }
         }
-    }
 
-    &:has([aria-invalid="true"]) {
-        --checkbox-background-color: var(--jkl-color-background-alert-error);
-        --checkbox-check-color: var(--jkl-color-text-on-alert);
+        &:has([aria-invalid="true"]) {
+            --checkbox-background-color: var(
+                --jkl-color-background-alert-error
+            );
+            --checkbox-check-color: var(--jkl-color-text-on-alert);
+        }
     }
 }

package/styles/components/checkbox-panel/development/styles.css

@@ -1,6 +1,8 @@
 /**
- * Do not edit directly
- * Generated on Wed, 18 Dec 2024 12:25:37 GMT
+ * Do not edit directly, this file was auto-generated.
+ */
+/**
+ * Do not edit directly, this file was auto-generated.
  */
 .input-panel-example__season-tag {
   position: absolute;

package/styles/components/chip/chip.css

@@ -1,6 +1,8 @@
 /**
- * Do not edit directly
- * Generated on Wed, 18 Dec 2024 12:25:37 GMT
+ * Do not edit directly, this file was auto-generated.
+ */
+/**
+ * Do not edit directly, this file was auto-generated.
  */
 [data-layout-density=compact],
 [data-density=compact] {

package/styles/components/combobox/combobox.css

@@ -1,6 +1,8 @@
 /**
- * Do not edit directly
- * Generated on Wed, 18 Dec 2024 12:25:37 GMT
+ * Do not edit directly, this file was auto-generated.
+ */
+/**
+ * Do not edit directly, this file was auto-generated.
  */
 @media screen and (prefers-color-scheme: light) {
   :root {
@@ -8,7 +10,7 @@
     --jkl-combobox-text-color: #636060;
     --jkl-combobox-background-color: transparent;
     --jkl-combobox-open-color: #1b1917;
-    --jkl-combobox-open-background-color: #ffffff;
+    --jkl-combobox-open-background-color: #fff;
     --jkl-combobox-focus-color: #1b1917;
     --jkl-combobox-error-background-color: #f6b3b3;
     --jkl-combobox-error-text-color: #636060;
@@ -26,7 +28,7 @@
   --jkl-combobox-text-color: #636060;
   --jkl-combobox-background-color: transparent;
   --jkl-combobox-open-color: #1b1917;
-  --jkl-combobox-open-background-color: #ffffff;
+  --jkl-combobox-open-background-color: #fff;
   --jkl-combobox-focus-color: #1b1917;
   --jkl-combobox-error-background-color: #f6b3b3;
   --jkl-combobox-error-text-color: #636060;

package/styles/components/cookie-consent/cookie-consent.css

@@ -1,6 +1,8 @@
 /**
- * Do not edit directly
- * Generated on Wed, 18 Dec 2024 12:25:37 GMT
+ * Do not edit directly, this file was auto-generated.
+ */
+/**
+ * Do not edit directly, this file was auto-generated.
  */
 .jkl-cookie-consent-modal {
   position: fixed;

package/styles/components/countdown/countdown.css

@@ -1,40 +1,43 @@
 /**
- * Do not edit directly
- * Generated on Wed, 18 Dec 2024 12:25:37 GMT
+ * Do not edit directly, this file was auto-generated.
  */
-.jkl-countdown {
-  --track-color: var(--jkl-color-border-separator);
-  --bar-color: var(--jkl-color-border-input-focus);
-  --bar-height: 0.25rem;
-  background-color: var(--track-color);
-  border-radius: 6.25rem;
-  height: var(--bar-height);
-  width: 100%;
-  overflow: hidden;
-}
-.jkl-countdown__tracker {
-  display: block;
-  height: var(--bar-height);
-  background-color: var(--bar-color);
-}
-@media screen and (forced-colors: active) {
+/**
+ * Do not edit directly, this file was auto-generated.
+ */
+@layer jokul.components {
   .jkl-countdown {
-    background-color: Canvas;
+    --track-color: var(--jkl-color-border-separator);
+    --bar-color: var(--jkl-color-border-input-focus);
+    --bar-height: 0.25rem;
+    background-color: var(--track-color);
+    border-radius: 6.25rem;
+    height: var(--bar-height);
+    width: 100%;
+    overflow: hidden;
   }
   .jkl-countdown__tracker {
-    background-color: CanvasText;
+    display: block;
+    height: var(--bar-height);
+    background-color: var(--bar-color);
   }
-}
-.jkl-countdown__tracker {
-  animation: jkl-downcount-ugzuazx var(--duration) linear forwards;
-  animation-play-state: var(--play-state, running);
-}
-
-@keyframes jkl-downcount-ugzuazx {
-  from {
-    width: 100%;
+  @media screen and (forced-colors: active) {
+    .jkl-countdown {
+      background-color: Canvas;
+    }
+    .jkl-countdown__tracker {
+      background-color: CanvasText;
+    }
+  }
+  .jkl-countdown__tracker {
+    animation: jkl-downcount-uldoerz var(--duration) linear forwards;
+    animation-play-state: var(--play-state, running);
   }
-  to {
-    width: 0%;
+  @keyframes jkl-downcount-uldoerz {
+    from {
+      width: 100%;
+    }
+    to {
+      width: 0%;
+    }
   }
 }

package/styles/components/countdown/countdown.min.css

@@ -1 +1 @@
-.jkl-countdown{--track-color:var(--jkl-color-border-separator);--bar-color:var(--jkl-color-border-input-focus);--bar-height:0.25rem;background-color:var(--track-color);border-radius:6.25rem;height:var(--bar-height);overflow:hidden;width:100%}.jkl-countdown__tracker{background-color:var(--bar-color);display:block;height:var(--bar-height)}@media screen and (forced-colors:active){.jkl-countdown{background-color:Canvas}.jkl-countdown__tracker{background-color:CanvasText}}.jkl-countdown__tracker{animation:jkl-downcount-ugzuazx var(--duration) linear forwards;animation-play-state:var(--play-state,running)}@keyframes jkl-downcount-ugzuazx{0%{width:100%}to{width:0}}
+@layer jokul.components{.jkl-countdown{--track-color:var(--jkl-color-border-separator);--bar-color:var(--jkl-color-border-input-focus);--bar-height:0.25rem;background-color:var(--track-color);border-radius:6.25rem;height:var(--bar-height);overflow:hidden;width:100%}.jkl-countdown__tracker{background-color:var(--bar-color);display:block;height:var(--bar-height)}@media screen and (forced-colors:active){.jkl-countdown{background-color:Canvas}.jkl-countdown__tracker{background-color:CanvasText}}.jkl-countdown__tracker{animation:jkl-downcount-uldoerz var(--duration) linear forwards;animation-play-state:var(--play-state,running)}@keyframes jkl-downcount-uldoerz{0%{width:100%}to{width:0}}}

package/styles/components/countdown/countdown.scss

@@ -3,21 +3,23 @@
 
 $_downcount: jkl-downcount-#{string.unique-id()};
 
-.jkl-countdown {
-    @include track.track;
+@layer jokul.components {
+    .jkl-countdown {
+        @include track.track;
 
-    &__tracker {
-        animation: $_downcount var(--duration) linear forwards;
-        animation-play-state: var(--play-state, running);
+        &__tracker {
+            animation: $_downcount var(--duration) linear forwards;
+            animation-play-state: var(--play-state, running);
+        }
     }
-}
 
-@keyframes #{$_downcount} {
-    from {
-        width: 100%;
-    }
+    @keyframes #{$_downcount} {
+        from {
+            width: 100%;
+        }
 
-    to {
-        width: 0%;
+        to {
+            width: 0%;
+        }
     }
 }

package/styles/components/datepicker/datepicker.css

@@ -1,6 +1,8 @@
 /**
- * Do not edit directly
- * Generated on Wed, 18 Dec 2024 12:25:37 GMT
+ * Do not edit directly, this file was auto-generated.
+ */
+/**
+ * Do not edit directly, this file was auto-generated.
  */
 :root,
 [data-layout-density=comfortable],
@@ -208,7 +210,7 @@
   :root {
     --jkl-calendar-adjacent-month-color: #636060;
     --jkl-calendar-disabled-day-color: #c8c5c3;
-    --jkl-calendar-active-day-color: #ffffff;
+    --jkl-calendar-active-day-color: #fff;
     --jkl-calendar-hover-date-background-color: #ece9e5;
     --jkl-calendar-selected-date-background-color: #1b1917;
   }
@@ -216,7 +218,7 @@
 [data-theme=light] {
   --jkl-calendar-adjacent-month-color: #636060;
   --jkl-calendar-disabled-day-color: #c8c5c3;
-  --jkl-calendar-active-day-color: #ffffff;
+  --jkl-calendar-active-day-color: #fff;
   --jkl-calendar-hover-date-background-color: #ece9e5;
   --jkl-calendar-selected-date-background-color: #1b1917;
 }
@@ -225,7 +227,7 @@
   :root {
     --jkl-calendar-adjacent-month-color: #c8c5c3;
     --jkl-calendar-disabled-day-color: #636060;
-    --jkl-calendar-active-day-color: #000000;
+    --jkl-calendar-active-day-color: #000;
     --jkl-calendar-hover-date-background-color: #636060;
     --jkl-calendar-selected-date-background-color: #f9f9f9;
   }
@@ -233,7 +235,7 @@
 [data-theme=dark] {
   --jkl-calendar-adjacent-month-color: #c8c5c3;
   --jkl-calendar-disabled-day-color: #636060;
-  --jkl-calendar-active-day-color: #000000;
+  --jkl-calendar-active-day-color: #000;
   --jkl-calendar-hover-date-background-color: #636060;
   --jkl-calendar-selected-date-background-color: #f9f9f9;
 }

package/styles/components/description-list/description-list.css

@@ -1,42 +1,46 @@
 /**
- * Do not edit directly
- * Generated on Wed, 18 Dec 2024 12:25:37 GMT
+ * Do not edit directly, this file was auto-generated.
  */
-.jkl-description-list__term {
-  font-weight: 700;
-  margin-bottom: 0.25rem;
-}
-.jkl-description-list__term:not(:first-child) {
-  margin-top: 0.75rem;
-}
-.jkl-description-list__detail {
-  margin-left: 0;
-}
-.jkl-description-list__detail + .jkl-description-list__detail {
-  margin-top: 0.25rem;
-}
-@media (min-width: 680px) {
-  .jkl-description-list {
-    display: grid;
-    grid-template-columns: auto 1fr;
-    grid-template-columns: fit-content(40%) 1fr;
-  }
-  .jkl-description-list .jkl-description-list__term {
-    grid-column-start: 1;
-    margin: 0;
-    overflow-wrap: break-word;
+/**
+ * Do not edit directly, this file was auto-generated.
+ */
+@layer jokul.components {
+  .jkl-description-list__term {
+    font-weight: 700;
+    margin-bottom: 0.25rem;
   }
-  .jkl-description-list .jkl-description-list__term:not(:first-of-type) {
-    margin-top: 0.5rem;
+  .jkl-description-list__term:not(:first-child) {
+    margin-top: 0.75rem;
   }
-  .jkl-description-list .jkl-description-list__detail {
-    margin-left: 1.5rem;
-    grid-column-start: 2;
+  .jkl-description-list__detail {
+    margin-left: 0;
   }
-  .jkl-description-list .jkl-description-list__detail + .jkl-description-list__detail {
-    margin-top: 0.5rem;
+  .jkl-description-list__detail + .jkl-description-list__detail {
+    margin-top: 0.25rem;
   }
-  .jkl-description-list .jkl-description-list__term + .jkl-description-list__detail:not(:first-of-type) {
-    margin-top: 0.5rem;
+  @media (min-width: 680px) {
+    .jkl-description-list {
+      display: grid;
+      grid-template-columns: auto 1fr;
+      grid-template-columns: fit-content(40%) 1fr;
+    }
+    .jkl-description-list .jkl-description-list__term {
+      grid-column-start: 1;
+      margin: 0;
+      overflow-wrap: break-word;
+    }
+    .jkl-description-list .jkl-description-list__term:not(:first-of-type) {
+      margin-top: 0.5rem;
+    }
+    .jkl-description-list .jkl-description-list__detail {
+      margin-left: 1.5rem;
+      grid-column-start: 2;
+    }
+    .jkl-description-list .jkl-description-list__detail + .jkl-description-list__detail {
+      margin-top: 0.5rem;
+    }
+    .jkl-description-list .jkl-description-list__term + .jkl-description-list__detail:not(:first-of-type) {
+      margin-top: 0.5rem;
+    }
   }
 }

package/styles/components/description-list/description-list.min.css

@@ -1 +1 @@
-.jkl-description-list__term{font-weight:700;margin-bottom:.25rem}.jkl-description-list__term:not(:first-child){margin-top:.75rem}.jkl-description-list__detail{margin-left:0}.jkl-description-list__detail+.jkl-description-list__detail{margin-top:.25rem}@media (min-width:680px){.jkl-description-list{display:grid;grid-template-columns:auto 1fr;grid-template-columns:fit-content(40%) 1fr}.jkl-description-list .jkl-description-list__term{grid-column-start:1;margin:0;overflow-wrap:break-word}.jkl-description-list .jkl-description-list__term:not(:first-of-type){margin-top:.5rem}.jkl-description-list .jkl-description-list__detail{grid-column-start:2;margin-left:1.5rem}.jkl-description-list .jkl-description-list__detail+.jkl-description-list__detail,.jkl-description-list .jkl-description-list__term+.jkl-description-list__detail:not(:first-of-type){margin-top:.5rem}}
+@layer jokul.components{.jkl-description-list__term{font-weight:700;margin-bottom:.25rem}.jkl-description-list__term:not(:first-child){margin-top:.75rem}.jkl-description-list__detail{margin-left:0}.jkl-description-list__detail+.jkl-description-list__detail{margin-top:.25rem}@media (min-width:680px){.jkl-description-list{display:grid;grid-template-columns:auto 1fr;grid-template-columns:fit-content(40%) 1fr}.jkl-description-list .jkl-description-list__term{grid-column-start:1;margin:0;overflow-wrap:break-word}.jkl-description-list .jkl-description-list__term:not(:first-of-type){margin-top:.5rem}.jkl-description-list .jkl-description-list__detail{grid-column-start:2;margin-left:1.5rem}.jkl-description-list .jkl-description-list__detail+.jkl-description-list__detail,.jkl-description-list .jkl-description-list__term+.jkl-description-list__detail:not(:first-of-type){margin-top:.5rem}}}

package/styles/components/description-list/description-list.scss

@@ -32,25 +32,27 @@
     }
 }
 
-.jkl-description-list {
-    &__term {
-        font-weight: jkl.$typography-weight-bold;
-        margin-bottom: jkl.$spacing-4;
-
-        &:not(:first-child) {
-            margin-top: jkl.$spacing-12;
+@layer jokul.components {
+    .jkl-description-list {
+        &__term {
+            font-weight: jkl.$typography-weight-bold;
+            margin-bottom: jkl.$spacing-4;
+
+            &:not(:first-child) {
+                margin-top: jkl.$spacing-12;
+            }
         }
-    }
 
-    &__detail {
-        margin-left: 0;
-    }
+        &__detail {
+            margin-left: 0;
+        }
 
-    &__detail + &__detail {
-        margin-top: jkl.$spacing-4;
-    }
+        &__detail + &__detail {
+            margin-top: jkl.$spacing-4;
+        }
 
-    @include jkl.from-medium-device {
-        @include _horizontal-list;
+        @include jkl.from-medium-device {
+            @include _horizontal-list;
+        }
     }
 }

package/styles/components/expander/expandable.css

@@ -1,6 +1,8 @@
 /**
- * Do not edit directly
- * Generated on Wed, 18 Dec 2024 12:25:37 GMT
+ * Do not edit directly, this file was auto-generated.
+ */
+/**
+ * Do not edit directly, this file was auto-generated.
  */
 .jkl-expandable {
   background-color: var(--jkl-color-background-container-low);

package/styles/components/feedback/feedback.css

@@ -1,8 +1,10 @@
 /**
- * Do not edit directly
- * Generated on Wed, 18 Dec 2024 12:25:37 GMT
+ * Do not edit directly, this file was auto-generated.
  */
-@keyframes jkl-show-u3gfgjt {
+/**
+ * Do not edit directly, this file was auto-generated.
+ */
+@keyframes jkl-show-ujqwkdc {
   from {
     transform: translate3d(0, 0.5rem, 0);
     opacity: 0;
@@ -37,7 +39,7 @@
   }
 }
 .jkl-feedback__fade-in {
-  animation: jkl-show-u3gfgjt 0.25s ease-out;
+  animation: jkl-show-ujqwkdc 0.25s ease-out;
 }
 .jkl-feedback__buttons {
   display: flex;

package/styles/components/feedback/feedback.min.css

@@ -1 +1 @@
-@keyframes jkl-show-u3gfgjt{0%{opacity:0;transform:translate3d(0,.5rem,0)}}.jkl-feedback{max-width:34.375rem}.jkl-feedback__submit-wrapper{transition-duration:.25s;transition-property:height;transition-timing-function:ease;width:100%}.jkl-feedback__submit-wrapper--hidden{display:none}.jkl-feedback__step-counter{color:var(--jkl-color-text-subdued);font-size:1.125rem;font-weight:400;line-height:1.75rem;margin-bottom:calc(var(--jkl-unit-10)*2);--jkl-icon-weight:300}@media (min-width:680px){.jkl-feedback__step-counter{font-size:1.25rem;font-weight:400;line-height:2rem;--jkl-icon-weight:300}}.jkl-feedback__fade-in{animation:jkl-show-u3gfgjt .25s ease-out}.jkl-feedback__buttons{display:flex}.jkl-feedback-smileys{display:flex;flex-wrap:nowrap;gap:.75rem;justify-content:space-between;margin-top:.5rem;max-width:22.5rem;width:100%}.jkl-feedback-smiley-option{color:var(--jkl-color-text-subdued);cursor:pointer;display:inline-block;height:2.5rem;position:relative;transform:translateZ(0);transition-duration:.15s;transition-property:transform,color;transition-timing-function:ease;width:2.5rem}@media screen and (forced-colors:active){.jkl-feedback-smiley-option,.jkl-feedback-smiley-option path,.jkl-feedback-smiley-option svg{stroke:ButtonFace;fill:ButtonText}}.jkl-feedback-smiley-option:after,.jkl-feedback-smiley-option:before{border-radius:50%;content:"";opacity:0;position:absolute;transition-duration:.15s;transition-property:opacity;transition-timing-function:ease}.jkl-feedback-smiley-option:after{box-shadow:0 0 0 .125rem currentColor;inset:-.125rem -.125rem -.125rem -.125rem}.jkl-feedback-smiley-option:before{box-shadow:0 .125rem 1.875rem #0000001a;inset:0}.jkl-feedback-smiley-option:hover{color:var(--jkl-color-text-default)}input:checked+.jkl-feedback-smiley-option{color:var(--jkl-color-text-default);transform:translate3d(0,-20%,0)}html:not([data-mousenavigation]):not([data-touchnavigation]) input:focus+.jkl-feedback-smiley-option:after,input:checked+.jkl-feedback-smiley-option:before{opacity:1}
+@keyframes jkl-show-ujqwkdc{0%{opacity:0;transform:translate3d(0,.5rem,0)}}.jkl-feedback{max-width:34.375rem}.jkl-feedback__submit-wrapper{transition-duration:.25s;transition-property:height;transition-timing-function:ease;width:100%}.jkl-feedback__submit-wrapper--hidden{display:none}.jkl-feedback__step-counter{color:var(--jkl-color-text-subdued);font-size:1.125rem;font-weight:400;line-height:1.75rem;margin-bottom:calc(var(--jkl-unit-10)*2);--jkl-icon-weight:300}@media (min-width:680px){.jkl-feedback__step-counter{font-size:1.25rem;font-weight:400;line-height:2rem;--jkl-icon-weight:300}}.jkl-feedback__fade-in{animation:jkl-show-ujqwkdc .25s ease-out}.jkl-feedback__buttons{display:flex}.jkl-feedback-smileys{display:flex;flex-wrap:nowrap;gap:.75rem;justify-content:space-between;margin-top:.5rem;max-width:22.5rem;width:100%}.jkl-feedback-smiley-option{color:var(--jkl-color-text-subdued);cursor:pointer;display:inline-block;height:2.5rem;position:relative;transform:translateZ(0);transition-duration:.15s;transition-property:transform,color;transition-timing-function:ease;width:2.5rem}@media screen and (forced-colors:active){.jkl-feedback-smiley-option,.jkl-feedback-smiley-option path,.jkl-feedback-smiley-option svg{stroke:ButtonFace;fill:ButtonText}}.jkl-feedback-smiley-option:after,.jkl-feedback-smiley-option:before{border-radius:50%;content:"";opacity:0;position:absolute;transition-duration:.15s;transition-property:opacity;transition-timing-function:ease}.jkl-feedback-smiley-option:after{box-shadow:0 0 0 .125rem currentColor;inset:-.125rem -.125rem -.125rem -.125rem}.jkl-feedback-smiley-option:before{box-shadow:0 .125rem 1.875rem #0000001a;inset:0}.jkl-feedback-smiley-option:hover{color:var(--jkl-color-text-default)}input:checked+.jkl-feedback-smiley-option{color:var(--jkl-color-text-default);transform:translate3d(0,-20%,0)}html:not([data-mousenavigation]):not([data-touchnavigation]) input:focus+.jkl-feedback-smiley-option:after,input:checked+.jkl-feedback-smiley-option:before{opacity:1}

package/styles/components/file/file.css

@@ -1,6 +1,8 @@
 /**
- * Do not edit directly
- * Generated on Wed, 18 Dec 2024 12:25:37 GMT
+ * Do not edit directly, this file was auto-generated.
+ */
+/**
+ * Do not edit directly, this file was auto-generated.
  */
 :root,
 [data-layout-density=comfortable],