cmat 0.0.3 → 0.0.4

package/components/navigation/vertical/styles/appearances/thin.scss

@@ -1,91 +0,0 @@
-/* Variables */
-$cmat-vertical-navigation-thin-width: 80;
-
-cmat-vertical-navigation {
-    /* Thin appearance overrides */
-    &.cmat-vertical-navigation-appearance-thin {
-        width: #{$cmat-vertical-navigation-thin-width}px;
-        min-width: #{$cmat-vertical-navigation-thin-width}px;
-        max-width: #{$cmat-vertical-navigation-thin-width}px;
-
-        /* Left positioned */
-        &.cmat-vertical-navigation-position-left {
-            &.cmat-vertical-navigation-mode-side {
-                margin-left: -#{$cmat-vertical-navigation-thin-width}px;
-            }
-
-            &.cmat-vertical-navigation-opened {
-                margin-left: 0;
-            }
-        }
-
-        /* Right positioned */
-        &.cmat-vertical-navigation-position-right {
-            &.cmat-vertical-navigation-mode-side {
-                margin-right: -#{$cmat-vertical-navigation-thin-width}px;
-            }
-
-            &.cmat-vertical-navigation-opened {
-                margin-right: 0;
-            }
-
-            .cmat-vertical-navigation-aside-wrapper {
-                left: auto;
-                right: #{$cmat-vertical-navigation-thin-width}px;
-            }
-        }
-
-        /* Wrapper */
-        .cmat-vertical-navigation-wrapper {
-            /* Content */
-            .cmat-vertical-navigation-content {
-                > cmat-vertical-navigation-aside-item,
-                > cmat-vertical-navigation-basic-item {
-                    flex-direction: column;
-                    justify-content: center;
-                    height: 64px;
-                    min-height: 64px;
-                    max-height: 64px;
-                    padding: 0 16px;
-
-                    .cmat-vertical-navigation-item-wrapper {
-                        display: flex;
-                        align-items: center;
-                        justify-content: center;
-
-                        .cmat-vertical-navigation-item {
-                            justify-content: center;
-                            padding: 12px;
-                            border-radius: 4px;
-
-                            .cmat-vertical-navigation-item-icon {
-                                margin: 0;
-                            }
-
-                            .cmat-vertical-navigation-item-arrow,
-                            .cmat-vertical-navigation-item-badge-content,
-                            .cmat-vertical-navigation-item-title-wrapper {
-                                display: none;
-                            }
-                        }
-                    }
-                }
-
-                > cmat-vertical-navigation-collapsable-item {
-                    display: none;
-                }
-
-                > cmat-vertical-navigation-group-item {
-                    > .cmat-vertical-navigation-item-wrapper {
-                        display: none;
-                    }
-                }
-            }
-        }
-
-        /* Aside wrapper */
-        .cmat-vertical-navigation-aside-wrapper {
-            left: #{$cmat-vertical-navigation-thin-width}px;
-        }
-    }
-}

package/components/navigation/vertical/vertical.component.scss

@@ -1,4 +0,0 @@
-@import 'styles/appearances/default';
-@import 'styles/appearances/compact';
-@import 'styles/appearances/dense';
-@import 'styles/appearances/thin';

package/components/password-strength/mat-password-strength-info/mat-password-strength-info.component.scss

@@ -1,19 +0,0 @@
-cmat-password-strength-info {
-    margin-top: 20px;
-
-    .mat-mdc-card {
-        @apply flex flex-row flex-1 m-2 box-border place-content-stretch items-stretch;
-
-        .mat-mdc-card-content {
-            @apply flex flex-col box-border max-w-full place-content-stretch items-stretch;
-
-            .mat-icon {
-                @apply mr-4;
-            }
-
-            .info-row {
-                @apply flex flex-row box-border items-center;
-            }
-        }
-    }
-}

package/components/popover/popover.component.scss

@@ -1,174 +0,0 @@
-$arrow-size: 1em; // 16px default
-
-.cmat-popover-panel {
-    max-height: calc(100vh - 48px);
-    @apply p-2 rounded-lg text-lg bg-card;
-
-    &[class*='cmat-popover-below'] {
-        margin-top: calc(#{$arrow-size * .5} + 2px);
-    }
-
-    &[class*='cmat-popover-above'] {
-        margin-bottom: calc(#{$arrow-size * .5} + 2px);
-    }
-
-    &[class*='cmat-popover-before'] {
-        margin-right: calc(#{$arrow-size * .5} + 2px);
-
-        [dir='rtl'] & {
-            @apply mr-auto;
-            margin-left: calc(#{$arrow-size * .5} + 2px);
-        }
-    }
-
-    &[class*='cmat-popover-after'] {
-        margin-left: calc(#{$arrow-size * .5} + 2px);
-
-        [dir='rtl'] & {
-            @apply ml-auto;
-            margin-right: calc(#{$arrow-size * .5} + 2px);
-        }
-    }
-}
-
-.cmat-popover-direction-arrow {
-    @apply absolute;
-
-    &::before,
-    &::after {
-        @apply absolute inline-block border-solid;
-        content: "";
-    }
-
-    &::before {
-        border-width: $arrow-size * .5;
-        border-color: var(--cmat-divider);
-    }
-
-    &::after {
-        border-width: calc(#{$arrow-size * .5} - 1px);
-        border-color: var(--cmat-bg-card);
-    }
-}
-
-// Arrow up and down
-
-[class*='cmat-popover-below'],
-[class*='cmat-popover-above'] {
-    .cmat-popover-direction-arrow {
-        width: $arrow-size;
-
-        &::after {
-            left: 1px;
-
-            [dir='rtl'] & {
-                right: 1px;
-                left: auto;
-            }
-        }
-
-        &::before,
-        &::after {
-            border-left-color: transparent;
-            border-right-color: transparent;
-        }
-    }
-}
-
-[class*='cmat-popover-below'] {
-    .cmat-popover-direction-arrow {
-        @apply top-0;
-
-        &::before,
-        &::after {
-            @apply bottom-0 border-t-0;
-        }
-    }
-}
-
-[class*='cmat-popover-above'] {
-    .cmat-popover-direction-arrow {
-        @apply bottom-0;
-
-        &::before,
-        &::after {
-            @apply top-0 border-b-0;
-        }
-    }
-}
-
-// Arrow left and right
-
-[class*='cmat-popover-before'],
-[class*='cmat-popover-after'] {
-    .cmat-popover-direction-arrow {
-        height: $arrow-size;
-
-        &::after {
-            top: 1px;
-        }
-
-        &::before,
-        &::after {
-            border-top-color: transparent;
-            border-bottom-color: transparent;
-        }
-    }
-}
-
-[class*='cmat-popover-before'] {
-    .cmat-popover-direction-arrow {
-        @apply right-0;
-
-        &::before,
-        &::after {
-            @apply left-0 border-r-0;
-        }
-
-        [dir='rtl'] & {
-            @apply right-auto left-0;
-
-            &::before,
-            &::after {
-                @apply left-auto right-0 border-l-0;
-            }
-
-            &::before {
-                border-right-width: $arrow-size * .5;
-            }
-
-            &::after {
-                border-right-width: calc(#{$arrow-size * .5} - 1px);
-            }
-        }
-    }
-}
-
-[class*='cmat-popover-after'] {
-    .cmat-popover-direction-arrow {
-        @apply left-0;
-
-        &::before,
-        &::after {
-            @apply right-0 border-l-0;
-        }
-
-        [dir='rtl'] & {
-            @apply left-auto right-0;
-
-            &::before,
-            &::after {
-                @apply right-auto left-0 border-r-0;
-            }
-
-            &::before {
-                border-left-width: $arrow-size * .5;
-            }
-
-            &::after {
-                border-left-width: calc(#{$arrow-size * .5} - 1px);
-            }
-        }
-    }
-}
-

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

@@ -1,7 +0,0 @@
-cmat-progress-bar {
-    position: fixed;
-    top: 0;
-    z-index: 999;
-    width: 100%;
-    height: 6px;
-}

package/components/rating/rating.component.scss

@@ -1,33 +0,0 @@
-cmat-rating {
-    display: flex;
-    align-items: center;
-
-    .cmat-rating-item {
-        position: relative;
-        cursor: pointer;
-        line-height: 0;
-
-        div {
-            display: inline-block;
-            font-size: 1rem;
-            padding: 0 0.1rem;
-        }
-
-        .cmat-rating-half {
-            position: absolute;
-            top: 0;
-            left: 0;
-            width: 45%;
-            z-index: 10;
-            opacity: 0;
-            overflow: hidden;
-            padding-right: 0;
-        }
-    }
-
-    .cmat-rating-readonly {
-        .cmat-rating-item {
-            cursor: not-allowed;
-        }
-    }
-}

package/components/select-search/select-search.component.scss

@@ -1,126 +0,0 @@
-$clear-button-width: 40px;
-$multiple-check-width: 33px;
-$mat-option-height: 48px;
-$mat-select-search-clear-x: 4px;
-$mat-select-search-spinner-x: 16px;
-$mat-select-search-toggle-all-checkbox-x: 5px;
-
-cmat-select-search {
-    .cmat-select-search-hidden {
-        visibility: hidden;
-    }
-
-    .cmat-select-search-inner {
-        position: absolute;
-        top: 0;
-        left: 0;
-        width: 100%;
-        z-index: 100;
-        font-size: inherit;
-        box-shadow: none;
-        display: flex;
-        border-bottom-width: 1px;
-        border-bottom-style: solid;
-
-        &.cmat-select-search-inner-multiple {
-            &.cmat-select-search-inner-toggle-all {
-                display: flex;
-                align-items: center;
-            }
-        }
-
-        .cmat-input-element {
-            flex-basis: auto;
-            vertical-align: middle !important;
-        }
-    }
-
-    .cmat-select-search-input {
-        box-sizing: border-box;
-        width: 100%;
-        border: none;
-        font-family: inherit;
-        font-size: inherit;
-        color: currentColor;
-        outline: none;
-        background: none;
-        padding: 0 $clear-button-width + $mat-select-search-clear-x 0 16px;
-        height: calc($mat-option-height - 1px);
-        line-height: calc($mat-option-height - 1px);
-
-
-        :host-context([dir="rtl"]) & {
-            padding-right: 16px;
-            padding-left: $clear-button-width + $mat-select-search-clear-x;
-        }
-    }
-
-    .cmat-select-search-no-entries-found {
-        padding-top: 8px;
-    }
-
-    .cmat-select-search-clear {
-        position: absolute;
-        right: $mat-select-search-clear-x;
-        top: 5px;
-
-        :host-context([dir="rtl"]) & {
-            right: auto;
-            left: $mat-select-search-clear-x;
-        }
-    }
-
-    .cmat-select-search-spinner {
-        position: absolute;
-        right: $mat-select-search-spinner-x;
-        top: calc(50% - 8px);
-
-        :host-context([dir="rtl"]) & {
-            right: auto;
-            left: $mat-select-search-spinner-x;
-        }
-    }
-
-    .cmat-select-search-toggle-all-checkbox {
-        padding-left: $mat-select-search-toggle-all-checkbox-x;
-        padding-bottom: 2px;
-
-        :host-context([dir="rtl"]) & {
-            padding-left: 0;
-            padding-right: $mat-select-search-toggle-all-checkbox-x;
-        }
-    }
-}
-
-.mat-mdc-option[aria-disabled="true"].contains-cmat-select-search {
-    position: sticky;
-    top: 0;
-    z-index: 1;
-    opacity: 1;
-    pointer-events: all;
-    background: var(--mat-select-panel-background-color);
-
-    .mat-icon {
-        margin-right: 0;
-        margin-left: 0;
-    }
-
-    mat-pseudo-checkbox {
-        display: none;
-    }
-
-    .mdc-list-item__primary-text {
-        opacity: 1;
-    }
-
-    &.cmat-select-search-no-entries-found {
-        height: 2 * $mat-option-height;
-    }
-}
-
-.cmat-select-search-panel {
-    transform: none !important;
-    overflow-x: hidden;
-    position: relative;
-    padding: 0 !important;
-}

package/components/select-tree/select-tree.component.scss

@@ -1,54 +0,0 @@
-cmat-select-tree {
-    display: block;
-    z-index: 101;
-
-    &.hidden {
-        display: none;
-    }
-
-    .cmat-select-search-inner {
-        overflow: hidden;
-        position: fixed;
-        line-height: 45px;
-        @apply flex flex-row;
-
-        span {
-            @apply flex place-items-center;
-        }
-    }
-
-    .cmat-select-search-no-entries-found {
-        @apply w-full text-center bg-card rounded;
-        box-shadow: 0 2px 8px 0 rgba(0, 0, 0, .35);
-    }
-
-    .cmat-select-search-input {
-        padding-top: 0;
-        padding-bottom: 0;
-        height: 48px;
-        line-height: 48px;
-    }
-
-    .cmat-select-search-clear {
-        top: 3px;
-        margin: 0 10px;
-    }
-
-    .cmat-select-search-icon {
-        margin-right: 0;
-        margin-left: 10px;
-    }
-
-    .mat-mdc-option-pseudo-checkbox {
-        display: none;
-    }
-}
-
-.mat-tree-node {
-    @apply hover:bg-hover cursor-pointer;
-}
-
-.selected {
-    @apply text-primary bg-hover #{!important};
-}
-