renusify 2.5.1 → 3.0.0

package/components/button/style.scss

@@ -1,411 +0,0 @@
-@use "sass:map";
-@use "sass:math";
-@use "../../style/variables/base";
-@use "../../style/mixins";
-@use "../../style/functions";
-
-
-$btn-active-opacity: 0.18 !default;
-$btn-border-radius: map.get(base.$borders, 'sm') !default;
-$btn-focus-opacity: 0.24 !default;
-$btn-font-size: .875rem !default;
-$btn-font-weight: 500 !default;
-$btn-hover-opacity: 0.08 !default;
-$btn-letter-spacing: .07em !default;
-$btn-icon-font-size: 18px !default;
-$btn-icon-padding: 12px !default;
-$btn-outline-border-width: thin !default;
-$btn-rounded-border-radius: 2rem !default;
-$btn-sizes: (
-        'x-small': 20,
-        'small': 30,
-        'default': 40,
-        'large': 50,
-        'x-large': 60
-) !default;
-$fab-sizes: (
-        'x-small': 32,
-        'small': 40,
-        'default': 56,
-        'large': 64,
-        'x-large': 72
-) !default;
-$fab-icon-sizes: (
-        'x-small': 18,
-        'small': 24,
-        'default': 24,
-        'large': 28,
-        'x-large': 32
-) !default;
-$btn-transition-duration: 0.28s !default;
-$btn-transition-fn: map.get(base.$transition, 'fast-out-slow-in') !default;
-$btn-transition: opacity 0.2s map.get(base.$transition, 'ease-in-out') !default;
-
-.#{base.$prefix}btn {
-  cursor: pointer;
-  align-items: center;
-  border-radius: $btn-border-radius;
-  display: inline-flex;
-  flex: 0 0 auto;
-  font-size: $btn-font-size;
-  font-weight: $btn-font-weight;
-  justify-content: center;
-  max-width: 100%;
-  outline: 0;
-  position: relative;
-  text-decoration: none;
-  text-indent: $btn-letter-spacing;
-  text-transform: uppercase;
-  transition-duration: $btn-transition-duration;
-  transition-property: box-shadow, transform, opacity;
-  transition-timing-function: $btn-transition-fn;
-  user-select: none;
-  vertical-align: middle;
-  white-space: nowrap;
-  color: inherit;
-  &:not(.btn-text):not(.btn-outlined) {
-    background-color: var(--color-sheet-container-low);
-    color: var(--color-on-sheet);
-  }
-
-  &.btn-outlined.btn-text {
-    border-color: var(--color-border)
-  }
-
-
-  @include mixins.states();
-
-  &.btn-disabled {
-    @include mixins.disable-states();
-
-    &:not(.btn-text):not(.btn-outlined) {
-      background-color: var(--color-#{functions.map-metro-get(base.$states, 'disabled','state','color')}) !important;
-    }
-
-    &.btn-text, &.btn-outlined {
-      &::before {
-        opacity: 0 !important;
-      }
-    }
-  }
-
-  @include mixins.ltr() {
-    letter-spacing: $btn-letter-spacing;
-  }
-
-
-  &.btn-readonly {
-    pointer-events: none;
-  }
-
-  &:before {
-    border-radius: inherit;
-    bottom: 0;
-    color: inherit;
-    content: '';
-    left: 0;
-    opacity: 0;
-    pointer-events: none;
-    position: absolute;
-    right: 0;
-    top: 0;
-    transition: $btn-transition;
-    background-color: currentColor
-  }
-
-  &:not(.btn-round) {
-    @each $name, $size in $btn-sizes {
-      $p: math.div($size, 2.25);
-      &.size-#{$name} {
-        height: #{$size}px;
-        min-width: #{round($size * 1.7)}px;
-        padding: 0 #{$p}px;
-      }
-    }
-  }
-
-  > .btn-content .#{base.$prefix}icon {
-    color: inherit
-  }
-
-  &.vertical {
-    .btn-content {
-      writing-mode: tb-rl;
-    }
-  }
-}
-
-.btn-content {
-  align-items: center;
-  color: inherit;
-  display: flex;
-  flex: 1 0 auto;
-  justify-content: inherit;
-  line-height: normal;
-
-  .label {
-    position: absolute;
-    flex-wrap: nowrap;
-    top: -10px;
-    right: 0;
-    border-radius: 10px 10px 10px 0;
-    height: 21px;
-    min-width: 20px;
-  }
-}
-
-.btn-loader {
-  align-items: center;
-  display: flex;
-  height: 100%;
-  justify-content: center;
-  left: 0;
-  position: absolute;
-  top: 0;
-  width: 100%;
-}
-
-.#{base.$prefix}btn:not(.btn-text):not(.btn-outlined) {
-  &.btn-active:before {
-    opacity: $btn-active-opacity
-  }
-
-  &:hover:before {
-    opacity: $btn-hover-opacity
-  }
-
-  &:focus:before {
-    opacity: $btn-focus-opacity
-  }
-}
-
-.btn-absolute,
-.btn-fixed {
-  position: absolute;
-
-  &.btn-right {
-    right: map.get(base.$grid-gutters, 'lg')
-  }
-
-  &.btn-left {
-    left: map.get(base.$grid-gutters, 'lg')
-  }
-
-  &.btn-top {
-    top: map.get(base.$grid-gutters, 'lg')
-  }
-
-  &.btn-bottom {
-    bottom: map.get(base.$grid-gutters, 'lg')
-  }
-}
-
-.btn-block {
-  display: flex;
-  flex: 1 0 auto;
-  min-width: 100% !important;
-  width: auto;
-}
-
-.btn-contained {
-  @include mixins.elevation('sm');
-
-  &:after {
-    @include mixins.elevation('md')
-  }
-
-  &:active {
-    @include mixins.elevation('lg')
-  }
-}
-
-.btn-depressed {
-  box-shadow: none !important
-}
-
-.btn-icon,
-.btn-fab {
-  min-height: 0;
-  min-width: 0;
-  padding: 0;
-  @each $name, $size in $fab-icon-sizes {
-    &.size-#{$name} {
-      .#{base.$prefix}icon {
-        height: #{$size}px;
-        font-size: #{$size}px;
-        width: #{$size}px;
-      }
-    }
-  }
-}
-
-
-.btn-icon {
-  @each $name, $size in $btn-sizes {
-    &.size-#{$name} {
-      height: #{$size}px;
-      width: #{$size}px
-    }
-  }
-}
-
-.btn-fab {
-  &.btn-contained {
-    @include mixins.elevation('md') ;
-
-    &:after {
-      @include mixins.elevation('lg')
-    }
-
-    &:active {
-      @include mixins.elevation('xl')
-    }
-  }
-
-  &.btn-fixed,
-  &.btn-absolute {
-    z-index: 4
-  }
-
-  @each $name, $size in $fab-sizes {
-    &.size-#{$name} {
-      height: #{$size}px;
-      width: #{$size}px;
-
-      &.btn-absolute {
-        &.btn-bottom {
-          bottom: #{math.div($size,-2)}px
-        }
-
-        &.btn-top {
-          top: #{math.div($size,-2)}px
-        }
-      }
-
-    }
-
-  }
-}
-
-
-.btn-fixed {
-  position: fixed
-}
-
-.btn-loading {
-  pointer-events: none;
-  transition: none;
-  cursor: none;
-
-  .btn-content {
-    opacity: 0
-  }
-}
-
-.btn-outlined {
-  border: $btn-outline-border-width solid currentColor;
-
-  &:before {
-    border-radius: 0
-  }
-}
-
-.btn-outlined,
-.btn-round {
-  .btn-content {
-    .#{base.$prefix}icon {
-      color: currentColor
-    }
-  }
-}
-
-.btn-outlined,
-.btn-text {
-  background-color: transparent;
-  color: inherit;
-}
-
-.btn-round,
-.btn-rounded {
-  &:before {
-    border-radius: inherit
-  }
-}
-
-.btn-round {
-  border-radius: 50%
-}
-
-.btn-rounded {
-  border-radius: $btn-rounded-border-radius
-}
-
-.btn-tile {
-  border-radius: 0
-}
-
-
-.#{base.$prefix}button-group {
-  position: relative;
-  color: var(--color-on-sheet);
-  background-color: var(--color-sheet-container);
-  @include mixins.states();
-
-  .btn-container {
-    display: inline-flex;
-    flex: 0 0 auto;
-    font-size: $btn-font-size;
-    font-weight: $btn-font-weight;
-    align-items: center;
-    border-radius: $btn-border-radius;
-    justify-content: center;
-    max-width: 100%;
-    outline: 0;
-    position: relative;
-    text-decoration: none;
-    text-indent: $btn-letter-spacing;
-    text-transform: uppercase;
-    transition-duration: $btn-transition-duration;
-    transition-property: box-shadow, transform, opacity;
-    transition-timing-function: $btn-transition-fn;
-    user-select: none;
-    vertical-align: middle;
-    white-space: nowrap;
-
-    .#{base.$prefix}btn {
-      border-radius: 0;
-    }
-
-    @include mixins.rtl() {
-      .#{base.$prefix}btn:not(:first-child):not(:last-child) {
-        border-left: currentColor 1px solid;
-      }
-
-      .#{base.$prefix}btn:first-child {
-        border-left: currentColor 1px solid;
-      }
-    }
-    @include mixins.ltr() {
-      .#{base.$prefix}btn:not(:first-child):not(:last-child) {
-        border-right: currentColor 1px solid;
-      }
-
-      .#{base.$prefix}btn:first-child {
-        border-right: currentColor 1px solid;
-      }
-    }
-  }
-
-  .button-group-select {
-    position: absolute;
-    top: 0;
-    width: 100%;
-    z-index: map.get(base.$z-index, 'default');
-    height: 300px;
-    overflow: auto;
-
-    .list-item {
-      justify-content: center;
-    }
-  }
-}

package/components/card/style.scss

@@ -1,86 +0,0 @@
-@use "sass:map";
-@use "../../style/variables/base";
-@use "../../style/mixins";
-
-
-.#{base.$prefix}card {
-  display: block;
-  position: relative;
-  color: inherit;
-  max-width: 100%;
-  outline: none;
-  text-decoration: none;
-  word-break: break-word;
-  overflow-wrap: break-word;
-  white-space: normal;
-  transition: base.$primary-transition;
-  transition-property: box-shadow, opacity;
-
-  &.card-sheet {
-    @include mixins.elevation('md');
-    border-radius: map.get(base.$borders, 'md');
-    background-color: var(--color-sheet-container);
-    border-color: var(--color-sheet-container);
-    color: var(--color-on-sheet);
-  }
-
-  &.card-tile {
-    border-radius: 0;
-    @include mixins.elevation('none');
-  }
-
-  &.card-outlined {
-    border: 1px solid var(--color-border)
-  }
-
-  @include mixins.states();
-
-  &.card-hover {
-    cursor: pointer;
-    transition: box-shadow .4s cubic-bezier(.25, .8, .25, 1);
-
-    &:hover {
-      @include mixins.elevation('xl', true)
-    }
-  }
-
-  > *:first-child:not(.#{base.$prefix}btn):not(.#{base.$prefix}chip) {
-    border-top-left-radius: inherit;
-    border-top-right-radius: inherit
-  }
-
-  > *:last-child:not(.#{base.$prefix}btn):not(.#{base.$prefix}chip) {
-    border-bottom-left-radius: inherit;
-    border-bottom-right-radius: inherit
-  }
-
-  &.card-link {
-    cursor: pointer;
-
-    &:focus:before {
-      opacity: 0.08
-    }
-
-    &:before {
-      background: currentColor;
-      bottom: 0;
-      content: '';
-      left: 0;
-      opacity: 0;
-      pointer-events: none;
-      position: absolute;
-      right: 0;
-      top: 0;
-      transition: .2s opacity map.get(base.$transition, 'fast-in-slow-out');
-    }
-  }
-
-  &.card-outlined, &.card-flat {
-    background-color: transparent;
-    box-shadow: none
-  }
-}
-
-
-
-

package/components/chart/chart.js

@@ -1 +0,0 @@
-export * as rChart from './chart.vue'

package/components/chart/chart.vue

@@ -1,69 +0,0 @@
-<template>
-  <div :class="`${$r.prefix}chart`" ref="chart"></div>
-</template>
-
-<script>
-export default {
-  name: 'r-chart',
-  props: {
-    url: {type: String, default: 'https://codenus.com/storage/chart/apexcharts.js'},
-    dark: Boolean,
-    options: Object
-  },
-  data() {
-    return {
-      chartShape: null,
-      timeout_id: null
-    }
-  },
-  mounted() {
-    let children = document.querySelectorAll('[name=\'apexcharts\']')
-    if (children.length === 0) {
-      let el = document.createElement('script')
-      el.setAttribute('src', this.url)
-      el.setAttribute('name', 'apexcharts')
-      document.head.append(el)
-    }
-    if (this.dark) {
-      if (!this.options['theme']) {
-        this.options['theme'] = {}
-      }
-      this.options['theme']['mode'] = 'dark'
-    }
-
-    this.timeout_id = setTimeout(() => {
-      this.build()
-    }, 10)
-
-  },
-  methods: {
-    build(n = 0) {
-      try {
-        this.chartShape = new ApexCharts(this.$refs.chart, this.options)
-        this.chartShape.render()
-      } catch (e) {
-        this.timeout_id = setTimeout(() => {
-          this.build(n + 1)
-        }, 100)
-        if (n > 30) {
-          console.error(e)
-        }
-      }
-    }
-  },
-  beforeUnmount() {
-    clearTimeout(this.timeout_id)
-    this.chartShape.destroy()
-  }
-}
-</script>
-<style lang="scss">
-@use "../../style/variables/base";
-
-.#{base.$prefix}chart {
-  position: relative;
-  direction: ltr;
-  text-align: left;
-  z-index: 0;
-}
-</style>

package/components/chart/worldMap.js

@@ -1,2 +0,0 @@
-export * as rChartMap from './worldMap.vue'
-export * as l_float from '../float/index.js'