dso-toolkit 82.0.0 → 83.1.0

package/src/components/card/card.variables.scss

@@ -1,7 +0,0 @@
-@use "../../variables/colors";
-
-$background-color-hover: colors.$grijs-5;
-$background-color-active: colors.$grijs-10;
-
-$heading-anchor-color: colors.$bosgroen;
-$heading-anchor-hover-color: colors.$bosgroen;

package/src/components/document-list/document-list.scss

@@ -1,97 +0,0 @@
-@use "../../utilities";
-@use "../../variables/units";
-@use "../../variables/colors";
-@use "../list";
-
-@use "../grid/grid.variables" as css-grid-variables;
-
-.dso-document-list {
-  @include list.unstyled();
-  margin-block: 0;
-  margin-inline: css-grid-variables.$grid-gutter-width * -0.5;
-}
-
-.dso-document-list-item {
-  display: flex;
-  flex-direction: column;
-
-  &.dso-document-list-item-sticky {
-    .dso-document-list-item-heading {
-      padding-block: css-grid-variables.$grid-gutter-width * 0.25;
-      padding-inline: css-grid-variables.$grid-gutter-width * 0.5;
-
-      h2 {
-        font-size: 1.25rem;
-        line-height: 1.2;
-      }
-
-      .dso-document-list-item-container {
-        display: none;
-      }
-    }
-  }
-
-  .dso-document-list-item-heading {
-    background-color: colors.$grijs-5;
-    color: colors.$zwart;
-    padding: #{css-grid-variables.$grid-gutter-width * 0.5};
-    inline-size: 100%;
-
-    a {
-      color: colors.$zwart;
-    }
-
-    > :first-child {
-      margin: 0;
-    }
-
-    .dso-document-list-item-container {
-      position: relative;
-    }
-
-    .dso-document-list-item-type,
-    .dso-document-list-item-owner {
-      margin-block: 0 units.$u1;
-      margin-inline: 0;
-      display: inline-block;
-    }
-
-    .dso-document-list-item-status {
-      dso-badge,
-      .dso-badge {
-        margin-inline-end: units.$u1;
-      }
-    }
-  }
-
-  .dso-document-list-item-content {
-    padding: #{css-grid-variables.$grid-gutter-width * 0.5};
-  }
-}
-
-.dso-document-list-item-open-document {
-  float: inline-end;
-}
-
-dso-responsive-element[small] > .dso-document-list {
-  .dso-document-list-item-container {
-    @include utilities.clearfix();
-  }
-
-  .dso-document-list-item-status {
-    margin-block: 0 units.$u1;
-    margin-inline: 0;
-  }
-}
-
-dso-responsive-element:not([small]) > .dso-document-list {
-  .dso-document-list-item {
-    &-type {
-      margin-inline-end: units.$u1;
-    }
-
-    &-status {
-      margin: 0;
-    }
-  }
-}

package/src/components/document-list/readme.md

@@ -1 +0,0 @@
-# `.dso-document-list`

package/src/components/progress-bar/_index.scss

@@ -1,2 +0,0 @@
-@forward "progress-bar.mixins";
-@forward "progress-bar.variables";

package/src/components/progress-bar/progress-bar.mixins.scss

@@ -1,27 +0,0 @@
-@use "../../variables/units";
-@use "../../variables/typography";
-
-@use "progress-bar.variables" as progress-bar-variables;
-
-@mixin root() {
-  margin-block-end: units.$u1;
-
-  .progress-bar {
-    background-color: progress-bar-variables.$background-color;
-    border: 1px solid progress-bar-variables.$color;
-    display: block;
-    block-size: progress-bar-variables.$block-size;
-
-    > span {
-      background-color: progress-bar-variables.$progress-color;
-      float: inline-start;
-      block-size: 100%;
-      inline-size: 0%;
-    }
-
-    + span {
-      font-size: typography.$root-font-size-small;
-      margin-block-start: units.$u1;
-    }
-  }
-}

package/src/components/progress-bar/progress-bar.scss

@@ -1,5 +0,0 @@
-@use "../progress-bar";
-
-.progress {
-  @include progress-bar.root();
-}

package/src/components/progress-bar/progress-bar.variables.scss

@@ -1,9 +0,0 @@
-@use "../../variables/units";
-@use "../../variables/colors";
-
-$progress-color: colors.$grasgroen;
-
-$block-size: units.$u2;
-$margin: units.$u1;
-$background-color: colors.$wit;
-$color: colors.$grasgroen;

package/src/components/progress-bar/readme.md

@@ -1 +0,0 @@
-# `.progress`

package/src/components/progress-indicator/_index.scss

@@ -1 +0,0 @@
-@forward "progress-indicator.mixins";

package/src/components/progress-indicator/progress-indicator.mixins.scss

@@ -1,55 +0,0 @@
-@use "../../variables/units";
-
-@mixin _looping-size($progress-indicator-size) {
-  .dso-progress-indicator-spinner,
-  dso-icon {
-    block-size: $progress-indicator-size;
-    inline-size: $progress-indicator-size;
-  }
-}
-
-@mixin root() {
-  .dso-progress-indicator-spinner {
-    display: inline-block;
-    margin: 0;
-    position: relative;
-    vertical-align: middle;
-  }
-
-  span.dso-progress-indicator-label {
-    margin-inline-start: units.$u2;
-    vertical-align: middle;
-  }
-}
-
-@mixin block() {
-  align-items: center;
-  display: flex;
-  justify-content: center;
-}
-
-@mixin small() {
-  @include _looping-size(24px);
-}
-
-@mixin small-block() {
-  padding-block: units.$u1 * 1.5;
-  padding-inline: units.$u2;
-}
-
-@mixin medium() {
-  @include _looping-size(32px);
-}
-
-@mixin medium-block() {
-  padding: units.$u2;
-}
-
-@mixin large() {
-  @include _looping-size(48px);
-}
-
-@mixin large-block() {
-  padding-block: units.$u3;
-  padding-inline: units.$u2;
-}

package/src/components/progress-indicator/progress-indicator.scss

@@ -1,40 +0,0 @@
-@use "../../di";
-@use "../progress-indicator";
-@use "../../components/icon";
-
-.dso-progress-indicator {
-  @include progress-indicator.root();
-
-  .dso-progress-indicator-spinner {
-    @include di.base("spinner", icon.$size, "middle");
-  }
-
-  &.dso-block {
-    @include progress-indicator.block();
-  }
-
-  &.dso-small,
-  &:not(.dso-medium):not(.dso-large) {
-    @include progress-indicator.small();
-
-    &.dso-block {
-      @include progress-indicator.small-block();
-    }
-  }
-
-  &.dso-medium {
-    @include progress-indicator.medium();
-
-    &.dso-block {
-      @include progress-indicator.medium-block();
-    }
-  }
-
-  &.dso-large {
-    @include progress-indicator.large();
-
-    &.dso-block {
-      @include progress-indicator.large-block();
-    }
-  }
-}