@fremtind/jokul 0.71.1 → 1.0.0

package/styles/components/expander/deprecated/expander.css

@@ -1,82 +0,0 @@
-/**
- * Do not edit directly
- * Generated on Wed, 18 Dec 2024 12:25:37 GMT
- */
-.jkl-old-expander {
-  --color: var(--jkl-color-text-interactive);
-  list-style: none;
-  background-color: transparent;
-  cursor: pointer;
-  color: var(--color);
-  padding: 0;
-  transition: transform 100ms cubic-bezier(0.6, 0.2, 0.35, 1), border 100ms cubic-bezier(0.6, 0.2, 0.35, 1);
-  min-width: unset;
-  position: relative;
-}
-.jkl-old-expander {
-  outline: 0;
-  border-style: none;
-  outline-style: none;
-}
-.jkl-old-expander:active, .jkl-old-expander:hover, .jkl-old-expander:focus {
-  outline: 0;
-  outline-style: none;
-}
-@media screen and (forced-colors: active) {
-  .jkl-old-expander {
-    outline: revert;
-    border-style: revert;
-    outline-style: revert;
-  }
-  .jkl-old-expander:active, .jkl-old-expander:hover, .jkl-old-expander:focus {
-    outline: revert;
-    outline-style: revert;
-  }
-}
-.jkl-old-expander::-webkit-details-marker {
-  display: none;
-}
-.jkl-old-expander:focus-visible {
-  border: none;
-  outline: 3px solid var(--jkl-color-border-action);
-  outline-offset: 3px;
-}
-.jkl-old-expander:focus-visible .jkl-old-expander__arrow {
-  transform: translateY(0.1875rem);
-}
-.jkl-old-expander:focus-visible, .jkl-old-expander:hover {
-  --color: var(--jkl-color-text-interactive-hover);
-}
-.jkl-old-expander--expanded {
-  --jkl-icon-weight: 500;
-  font-weight: 700;
-  letter-spacing: -0.014em;
-}
-.jkl-old-expander--icon-only .jkl-old-expander__arrow {
-  margin: 0.25rem 0.5rem;
-}
-.jkl-old-expander .jkl-old-expander__arrow {
-  transition-property: transform;
-  display: inline-block;
-  margin-left: 0.125rem;
-  margin-bottom: -0.15em;
-  transition-timing-function: ease;
-  transition-duration: 150ms;
-}
-@media screen and (forced-colors: active) {
-  .jkl-old-expander, .jkl-old-expander::after {
-    border-top-style: none;
-    border-right-style: none;
-    border-left-style: none;
-  }
-}
-
-.jkl-expand-section__content-wrapper {
-  transition-property: height;
-  transition-timing-function: ease;
-  transition-duration: 150ms;
-}
-.jkl-expand-section__content {
-  height: auto;
-  padding: 1rem 0 2.5rem 0;
-}

package/styles/components/expander/deprecated/expander.min.css

@@ -1 +0,0 @@
-.jkl-old-expander{--color:var(--jkl-color-text-interactive);background-color:initial;border-style:none;color:var(--color);cursor:pointer;list-style:none;min-width:unset;padding:0;position:relative;transition:transform .1s cubic-bezier(.6,.2,.35,1),border .1s cubic-bezier(.6,.2,.35,1)}.jkl-old-expander,.jkl-old-expander:active,.jkl-old-expander:focus,.jkl-old-expander:hover{outline:0;outline-style:none}@media screen and (forced-colors:active){.jkl-old-expander{border-style:revert}.jkl-old-expander,.jkl-old-expander:active,.jkl-old-expander:focus,.jkl-old-expander:hover{outline:revert;outline-style:revert}}.jkl-old-expander::-webkit-details-marker{display:none}.jkl-old-expander:focus-visible{border:none;outline:3px solid var(--jkl-color-border-action);outline-offset:3px}.jkl-old-expander:focus-visible .jkl-old-expander__arrow{transform:translateY(.1875rem)}.jkl-old-expander:focus-visible,.jkl-old-expander:hover{--color:var(--jkl-color-text-interactive-hover)}.jkl-old-expander--expanded{--jkl-icon-weight:500;font-weight:700;letter-spacing:-.014em}.jkl-old-expander--icon-only .jkl-old-expander__arrow{margin:.25rem .5rem}.jkl-old-expander .jkl-old-expander__arrow{display:inline-block;margin-bottom:-.15em;margin-left:.125rem;transition-duration:.15s;transition-property:transform;transition-timing-function:ease}@media screen and (forced-colors:active){.jkl-old-expander,.jkl-old-expander:after{border-left-style:none;border-right-style:none;border-top-style:none}}.jkl-expand-section__content-wrapper{transition-duration:.15s;transition-property:height;transition-timing-function:ease}.jkl-expand-section__content{height:auto;padding:1rem 0 2.5rem}

package/styles/components/expander/deprecated/expander.scss

@@ -1,87 +0,0 @@
-@charset "UTF-8";
-@use "../../../core/jkl";
-
-@mixin _expanded-arrow($px) {
-    .jkl-old-expander__arrow {
-        transform: translateY(jkl.rem($px));
-    }
-}
-
-.jkl-old-expander {
-    --color: var(--jkl-color-text-interactive);
-
-    $_animation-timing: jkl.timing("snappy") jkl.easing("focus");
-    $_focus-ring-width: jkl.rem(2px);
-    list-style: none;
-
-    background-color: transparent;
-    cursor: pointer;
-    color: var(--color);
-    padding: 0;
-    transition: transform $_animation-timing, border $_animation-timing;
-    min-width: unset;
-    position: relative;
-
-    @include jkl.reset-outline;
-
-    &::-webkit-details-marker {
-        display: none;
-    }
-
-    &:focus-visible {
-        border: none;
-
-        @include jkl.focus-outline;
-        @include _expanded-arrow(3px);
-    }
-
-    &:focus-visible,
-    &:hover {
-        --color: var(--jkl-color-text-interactive-hover);
-    }
-
-    &--expanded {
-        @include jkl.no-grow-bold;
-    }
-
-    &--icon-only {
-        .jkl-old-expander__arrow {
-            margin: jkl.$spacing-4 jkl.$spacing-8;
-        }
-    }
-
-    // Bevisst nøstet for høyere specificity enn icons uavhengig av importrekkefølge.
-    .jkl-old-expander__arrow {
-        transition-property: transform;
-
-        display: inline-block;
-        margin-left: jkl.$spacing-2;
-        margin-bottom: -0.15em;
-
-        @include jkl.motion;
-    }
-
-    @include jkl.forced-colors-mode {
-        &,
-        &::after {
-            border-top-style: none;
-            border-right-style: none;
-            border-left-style: none;
-        }
-    }
-}
-
-/// @deprecated Denne komponenten bør ikke brukes lenger, og vil ikke bli oppdatert.
-/// Bruk heller komponenten `Expandable`
-.jkl-expand-section {
-    &__content-wrapper {
-        transition-property: height;
-
-        @include jkl.motion;
-    }
-
-    &__content {
-        height: auto;
-        padding: jkl.$spacing-16 0 jkl.$spacing-40 0;
-    }
-}