@simplysm/angular 1.0.138 → 14.0.1

package/scss/_classes.scss

@@ -1,202 +0,0 @@
-@each $key, $val in $theme-color {
-  @each $key1, $val1 in $val {
-    .sd-background-#{$key}-#{$key1} {
-      background: $val1 !important;
-
-      //@if $key1 != lighter and $key1 != lightest {
-      //  color: get($text-reverse-color, default);
-      //
-      //  a {
-      //    color: get($text-reverse-color, dark);
-      //
-      //    &:hover,
-      //    &:focus {
-      //      color: get($text-reverse-color, default);
-      //    }
-      //  }
-      //
-      //  sd-textfield > input {
-      //    background: get($trans-color, light) !important;
-      //    color: get($text-reverse-color, default) !important;
-      //    border-color: get($trans-color, light) !important;
-      //  }
-      //
-      //  sd-list-item[sd-header=true] > label {
-      //    color: get($text-reverse-color, dark) !important;
-      //  }
-      //
-      //  sd-list-item > ._child > ._child-content {
-      //    background: rgba(0, 0, 0, .2);
-      //
-      //    sd-list-item > label {
-      //      opacity: .8;
-      //
-      //      &:hover {
-      //        opacity: 1;
-      //      }
-      //    }
-      //  }
-      //
-      //  sd-checkbox {
-      //    > label {
-      //      color: get($text-reverse-color, default) !important;
-      //
-      //      > ._indicator_rect {
-      //        background: get($trans-color, light) !important;
-      //        border-color: get($trans-color, light) !important;
-      //      }
-      //
-      //      > ._indicator {
-      //        color: get($text-reverse-color, default) !important;
-      //      }
-      //    }
-      //
-      //    &[sd-radio=true] {
-      //      > label {
-      //        > ._indicator > div {
-      //          background: get($text-reverse-color, default) !important;
-      //        }
-      //      }
-      //    }
-      //  }
-      //}
-    }
-  }
-}
-
-@each $key, $val in $trans-color {
-  .sd-background-trans-#{$key} {
-    background: $val;
-  }
-}
-
-.sd-background-white {
-  background: white !important;
-}
-
-.sd-background-default {
-  background: $bg-color !important;
-}
-
-@each $key, $val in $font-size {
-  .sd-font-size-#{$key} {
-    font-size: $val !important;
-  }
-}
-
-@each $key, $val in $text-color {
-  .sd-text-color-#{$key} {
-    color: $val !important;
-  }
-}
-
-@each $key, $val in $text-reverse-color {
-  .sd-text-reverse-color-#{$key} {
-    color: $val !important;
-  }
-}
-
-@each $key, $val in $theme-color {
-  @each $key1, $val1 in $val {
-    .sd-text-color-#{$key}-#{$key1} {
-      color: $val1 !important;
-    }
-  }
-}
-
-
-@each $direction in top, right, bottom, left {
-  @each $key, $val in $theme-color {
-    @each $key1, $val1 in $val {
-      .sd-border-#{$direction}-#{$key}-#{$key1} {
-        border-#{$direction}: 1px solid $val1;
-      }
-    }
-  }
-
-  @each $key, $val in $trans-color {
-    .sd-border-#{$direction}-#{$key} {
-      border-#{$direction}: 1px solid $val;
-    }
-  }
-
-  .sd-border-#{$direction}-none {
-    border-#{$direction}: none !important;
-  }
-}
-
-@each $key, $val in $theme-color {
-  @each $key1, $val1 in $val {
-    .sd-border-#{$key}-#{$key1} {
-      border: 1px solid $val1;
-    }
-  }
-}
-
-@each $key, $val in $trans-color {
-  .sd-border-#{$key} {
-    border: 1px solid $val;
-  }
-}
-
-.sd-border-none {
-  border: none !important;
-}
-
-@each $key, $val in map_merge($gap, (0: 0)) {
-  .sd-padding-#{$key} {
-    padding: $val;
-  }
-
-  .sd-margin-#{$key} {
-    margin: $val;
-  }
-
-  @each $direction in top, right, bottom, left {
-    .sd-padding-#{$direction}-#{$key} {
-      padding-#{$direction}: $val;
-    }
-
-    .sd-margin-#{$direction}-#{$key} {
-      margin-#{$direction}: $val;
-    }
-  }
-
-  @each $key1, $val1 in map_merge($gap, (0: 0)) {
-    .sd-padding-#{$key}-#{$key1} {
-      padding: $val $val1;
-    }
-
-    .sd-margin-#{$key}-#{$key1} {
-      margin: $val $val1;
-    }
-  }
-}
-
-@each $key, $val in map_merge($gap, (0: 0)) {
-  .sd-padding-v-#{$key} {
-    padding-top: $val;
-    padding-bottom: $val;
-  }
-
-  .sd-padding-h-#{$key} {
-    padding-left: $val;
-    padding-right: $val;
-  }
-
-  .sd-margin-v-#{$key} {
-    margin-top: $val;
-    margin-bottom: $val;
-  }
-
-  .sd-margin-h-#{$key} {
-    margin-left: $val;
-    margin-right: $val;
-  }
-}
-
-@each $direction in left, center, right {
-  .sd-text-align-#{$direction} {
-    text-align: $direction;
-  }
-}

package/scss/_defaults.scss

@@ -1,84 +0,0 @@
-*,
-*:after,
-*:before {
-  box-sizing: border-box;
-}
-
-*:focus {
-  outline-color: get($theme-color, primary, default);
-}
-
-html, body {
-  height: 100%;
-  width: 100%;
-  padding: 0;
-  margin: 0;
-}
-
-body {
-  background: $bg-color;
-  color: get($text-color, default);
-  font-family: $font-family;
-  font-size: get($font-size, default);
-  line-height: $line-height;
-}
-
-pre, code {
-  font-family: $font-family;
-  font-size: get($font-size, default);
-  line-height: $line-height;
-  margin: 0;
-}
-
-code {
-  font-family: $font-family-monospace;
-}
-
-@for $i from 1 through 6 {
-  h#{$i} {
-    font-size: get($font-size, h#{$i});
-    line-height: $line-height;
-    margin: 0;
-  }
-}
-
-a {
-  cursor: pointer;
-  color: get($theme-color, primary, default);
-
-  &:focus {
-    outline-color: transparent;
-  }
-
-  &:hover,
-  &:focus {
-    color: get($theme-color, primary, dark);
-  }
-
-  &._disabled {
-    pointer-events: none;
-    color: get($theme-color, grey, light);
-  }
-}
-
-::-webkit-scrollbar-track {
-  background-color: get($theme-color, grey, light);
-}
-
-::-webkit-scrollbar-corner {
-  background-color: get($theme-color, grey, light);
-}
-
-::-webkit-scrollbar {
-  width: get($gap, lg);
-  height: get($gap, lg);
-  background-color: rgba(0, 0, 0, 0);
-}
-
-::-webkit-scrollbar-thumb {
-  background-color: get($theme-color, grey, default);
-}
-
-*[hidden] {
-  display: none !important;
-}

package/scss/controls/_sd-barcode.scss

@@ -1,2 +0,0 @@
-sd-barcode {
-}

package/scss/controls/_sd-busy-container.scss

@@ -1,63 +0,0 @@
-sd-busy-container {
-  display: block;
-  position: relative;
-  top: 0;
-  left: 0;
-  width: 100%;
-  height: 100%;
-  min-width: 70px;
-  min-height: 70px;
-
-  > ._screen {
-    position: absolute;
-    top: 0;
-    left: 0;
-    width: 100%;
-    height: 100%;
-    background: rgba(0, 0, 0, .2);
-    z-index: $z-index-busy;
-    visibility: hidden;
-    pointer-events: none;
-    opacity: 0;
-    transition: opacity .3s linear;
-
-    > ._rect {
-      transform: translateY(-100%);
-      transition: .1s ease-in;
-      transition-property: transform;
-
-      > ._indicator {
-        top: 0;
-        width: 30px;
-        height: 30px;
-        margin: 20px auto 0 auto;
-        border: 6px solid white;
-        border-radius: 100%;
-        border-bottom-color: get($theme-color, primary, default);
-        animation: _sd-busy-spin 1s linear infinite;
-      }
-    }
-  }
-
-  &[sd-busy=true] {
-    > ._screen {
-      visibility: visible;
-      pointer-events: auto;
-      opacity: 1;
-
-      > ._rect {
-        transform: none;
-        transition: .1s ease-out;
-      }
-    }
-  }
-}
-
-@keyframes _sd-busy-spin {
-  from {
-    transform: rotate(0deg);
-  }
-  to {
-    transform: rotate(360deg);
-  }
-}

package/scss/controls/_sd-button.scss

@@ -1,120 +0,0 @@
-sd-button {
-  display: block;
-  position: relative;
-
-  & > button {
-    @include form-control-base();
-
-    font-weight: bold;
-    background: white;
-    cursor: pointer;
-    color: get($theme-color, primary, default);
-    border-radius: 3px;
-    border: 1px solid get($theme-color, grey, lighter);
-    transition: background .1s ease-in;
-
-    &:hover {
-      transition: .1s ease-out;
-      background: get($theme-color, grey, lightest);
-    }
-
-    &:active {
-      transition: .1s ease-out;
-      background: get($trans-color, dark);
-    }
-
-    &:disabled {
-      background: transparent;
-      cursor: default;
-      color: get($text-color, default);
-    }
-
-    &:focus {
-      outline-color: transparent;
-      background: get($theme-color, grey, lightest);
-    }
-  }
-
-  @each $key, $val in $theme-color {
-    &[sd-theme=#{$key}] > button {
-      background: get($val, default);
-      border-color: get($val, default);
-      color: get($text-reverse-color, default);
-
-      &:hover {
-        background: get($val, dark);
-        border-color: get($val, dark);
-      }
-
-      &:active {
-        background: get($val, darker);
-        border-color: get($val, darker);
-      }
-
-      &:disabled {
-        background: get($theme-color, grey, default);
-        border-color: get($theme-color, grey, default);
-        cursor: default;
-      }
-    }
-  }
-
-  &[sd-size=sm] > button {
-    padding: get($gap, xs) get($gap, sm);
-  }
-
-  &[sd-size=lg] > button {
-    padding: get($gap, default) get($gap, lg);
-  }
-
-  &[sd-inline=true] {
-    display: inline-block;
-
-    > button {
-      width: 100%;
-    }
-  }
-
-  &[sd-invalid=true] > ._invalid-indicator {
-    @include invalid-indicator();
-  }
-
-  &[sd-inset=true] {
-    > button {
-      border: none !important;
-      box-shadow: none !important;
-      border-radius: 0;
-      color: get($theme-color, primary, default);
-
-      &:hover {
-        background: get($theme-color, grey, lightest);
-      }
-
-      &:active {
-        background: get($theme-color, grey, lighter);
-      }
-
-      &:disabled {
-        background: transparent;
-      }
-    }
-
-    @each $key, $val in $theme-color {
-      &[sd-theme=#{$key}] > button {
-        background: get($val, default);
-
-        &:hover {
-          background: get($val, dark);
-        }
-
-        &:active {
-          background: get($val, darker);
-        }
-
-        &:disabled {
-          background: get($theme-color, grey, default);
-        }
-      }
-    }
-  }
-}

package/scss/controls/_sd-card.scss

@@ -1,7 +0,0 @@
-sd-card {
-  display: block;
-  background: white;
-  border-radius: get($gap, xxs);
-  @include elevation(1);
-  overflow: hidden;
-}

package/scss/controls/_sd-checkbox-group.scss

@@ -1,2 +0,0 @@
-sd-checkbox-group {
-}

package/scss/controls/_sd-checkbox.scss

@@ -1,119 +0,0 @@
-sd-checkbox {
-  $size: strip-unit($line-height) * get($font-size, default);
-
-  color: get($text-color, default);
-
-  > label {
-    @include form-control-base();
-    color: inherit;
-    cursor: pointer;
-    position: relative;
-
-    > ._indicator_rect {
-      position: absolute;
-      display: block;
-      width: $size;
-      height: $size;
-      border: 1px solid get($trans-color, default);
-      vertical-align: top;
-      transition: border-color .1s linear;
-      background: get($theme-color, secondary, lightest);
-    }
-
-    > ._indicator {
-      display: inline-block;
-      position: relative;
-      opacity: 0;
-      transition: opacity .1s linear;
-      color: get($text-color, default);
-      width: $size;
-      height: $size;
-      vertical-align: top;
-      font-size: 16px;
-      margin-left: -1px;
-    }
-
-    > ._content {
-      display: inline-block;
-      vertical-align: top;
-      text-indent: get($gap, xs);
-
-      > * {
-        text-indent: 0;
-      }
-    }
-
-    > input:disabled + ._indicator_rect {
-      background: $bg-color !important;
-    }
-
-    &:focus {
-      outline-color: transparent;
-
-      > ._indicator_rect {
-        border-color: get($theme-color, primary, default);
-      }
-    }
-  }
-
-  &[sd-checked=true] {
-    > label {
-      > ._indicator {
-        opacity: 1;
-      }
-    }
-  }
-
-  &[sd-inline=true] {
-    display: inline-block;
-
-    > label {
-      padding-left: 0;
-    }
-  }
-
-  &[sd-radio=true] {
-    > label {
-      > ._indicator_rect {
-        border-radius: 100%;
-      }
-
-      > ._indicator {
-        padding: get($gap, xs);
-      }
-
-      > ._indicator > div {
-        border-radius: 100%;
-        background: get($text-color, default);
-        width: 100%;
-        height: 100%;
-      }
-    }
-  }
-
-  &[sd-size=sm] > label {
-    padding: get($gap, xs) get($gap, sm);
-  }
-
-  &[sd-size=lg] > label {
-    padding: get($gap, default) get($gap, lg);
-  }
-
-  @each $key, $val in $theme-color {
-    &[sd-theme=#{$key}] > label {
-      > ._indicator_rect {
-        background: get($val, lightest);
-      }
-
-      > ._indicator {
-        color: get($val, default);
-      }
-
-      &:focus {
-        > ._indicator_rect {
-          border-color: get($val, default);
-        }
-      }
-    }
-  }
-}

package/scss/controls/_sd-combobox.scss

@@ -1,46 +0,0 @@
-sd-combobox {
-  display: block;
-  overflow: visible;
-  position: relative;
-
-  > ._icon {
-    position: absolute;
-    top: 1px;
-    right: 1px;
-    padding: get($gap, sm) 0;
-    width: 30px;
-    text-align: center;
-    pointer-events: none;
-  }
-
-  > sd-textfield > input {
-    padding-right: 30px !important;
-  }
-}
-
-._sd-combobox-dropdown {
-  position: fixed;
-  z-index: $z-index-dropdown;
-  opacity: 0;
-  transform: translateY(-10px);
-  transition: .1s linear;
-  transition-property: transform, opacity;
-  pointer-events: none;
-  background: white;
-  @include elevation(6);
-  min-width: 120px;
-
-  &:focus {
-    outline: 1px solid get($theme-color, primary, default);
-  }
-}
-
-sd-combobox-item {
-  display: block;
-  padding: get($gap, sm) get($gap, default);
-  cursor: pointer;
-
-  &:hover {
-    background: rgba(0, 0, 0, .1);
-  }
-}