cmat 0.0.3 → 0.0.4

package/components/material-datetimepicker/time.scss

@@ -1,82 +0,0 @@
-$time-font-size: 36px;
-$time-border-radius: 8px;
-$time-input-width: 72px;
-$time-input-height: 56px;
-$time-seperator-width: 24px;
-$time-ampm-width: 40px;
-
-.cmat-datetimepicker-time {
-  display: block;
-  outline: none;
-  user-select: none;
-}
-
-.cmat-datetimepicker-time-input-wrapper {
-  padding: 8px 0;
-  text-align: center;
-}
-
-.cmat-datetimepicker-time-input-inner {
-  display: inline-flex;
-  height: $time-input-height;
-  align-items: center;
-}
-
-.cmat-datetimepicker-time-input {
-  width: $time-input-width;
-  font-size: $time-font-size;
-  text-align: center;
-  border-radius: $time-border-radius;
-  border: 2px solid transparent;
-  appearance: none;
-  outline: none;
-  height: 100%;
-}
-
-.cmat-datetimepicker-time-seperator {
-  display: inline-flex;
-  justify-content: center;
-  width: $time-seperator-width;
-  font-size: $time-font-size;
-  height: 100%;
-}
-
-// AM/PM buttons
-.cmat-datetimepicker-time-ampm {
-  display: inline-flex;
-  flex-direction: column;
-  margin-left: 12px;
-  height: 100%;
-
-  [dir='rtl'] & {
-    margin-left: auto;
-    margin-right: 12px;
-  }
-}
-
-.cmat-datetimepicker-time-am.mat-mdc-button,
-.cmat-datetimepicker-time-pm.mat-mdc-button {
-  flex: 1;
-  width: $time-ampm-width;
-  min-width: auto;
-  padding: 0;
-  line-height: normal;
-  border-width: 1px;
-  border-style: solid;
-  min-height: 0;
-}
-
-.cmat-datetimepicker-time-am.mat-mdc-button {
-  border-radius: $time-border-radius $time-border-radius 0 0 !important;
-}
-
-.cmat-datetimepicker-time-pm.mat-mdc-button {
-  border-radius: 0 0 $time-border-radius $time-border-radius !important;
-  border-top: none;
-}
-
-.cmat-datetimepicker-time-button-wrapper {
-  display: flex;
-  justify-content: flex-end;
-  padding-top: 8px;
-}

package/components/navigation/horizontal/horizontal.component.scss

@@ -1,167 +0,0 @@
-/* Root navigation specific */
-cmat-horizontal-navigation {
-    .cmat-horizontal-navigation-wrapper {
-        display: flex;
-        align-items: center;
-
-        /* Basic, Branch */
-        cmat-horizontal-navigation-basic-item,
-        cmat-horizontal-navigation-branch-item {
-            @screen sm {
-                &:hover {
-                    .cmat-horizontal-navigation-item-wrapper {
-                        @apply bg-hover;
-                    }
-                }
-            }
-
-            .cmat-horizontal-navigation-item-wrapper {
-                border-radius: 4px;
-                overflow: hidden;
-
-                .cmat-horizontal-navigation-item {
-                    padding: 0 16px;
-                    cursor: pointer;
-                    user-select: none;
-
-                    .cmat-horizontal-navigation-item-icon {
-                        margin-right: 12px;
-                    }
-                }
-            }
-        }
-
-        /* Basic - When item active (current link) */
-        cmat-horizontal-navigation-basic-item {
-            .cmat-horizontal-navigation-item-active,
-            .cmat-horizontal-navigation-item-active-forced {
-                .cmat-horizontal-navigation-item-title {
-                    @apply text-primary #{'!important'};
-                }
-
-                .cmat-horizontal-navigation-item-subtitle {
-                    @apply text-primary-400 #{'!important'};
-
-                    .dark & {
-                        @apply text-primary-600 #{'!important'};
-                    }
-                }
-
-                .cmat-horizontal-navigation-item-icon {
-                    @apply text-primary #{'!important'};
-                }
-            }
-        }
-
-        /* Branch - When menu open */
-        cmat-horizontal-navigation-branch-item {
-            .cmat-horizontal-navigation-menu-active,
-            .cmat-horizontal-navigation-menu-active-forced {
-                .cmat-horizontal-navigation-item-wrapper {
-                    @apply bg-hover;
-                }
-            }
-        }
-
-        /* Spacer */
-        cmat-horizontal-navigation-spacer-item {
-            margin: 12px 0;
-        }
-    }
-}
-
-/* Menu panel specific */
-.cmat-horizontal-navigation-menu-panel {
-    .cmat-horizontal-navigation-menu-item {
-        height: auto;
-        min-height: 0;
-        line-height: normal;
-        white-space: normal;
-
-        /* Basic, Branch */
-        cmat-horizontal-navigation-basic-item,
-        cmat-horizontal-navigation-branch-item,
-        cmat-horizontal-navigation-divider-item {
-            display: flex;
-            flex: 1 1 auto;
-        }
-
-        /* Divider */
-        cmat-horizontal-navigation-divider-item {
-            margin: 8px -16px;
-
-            .cmat-horizontal-navigation-item-wrapper {
-                height: 1px;
-                box-shadow: 0 1px 0 0;
-            }
-        }
-    }
-}
-
-/* Navigation menu item common */
-.cmat-horizontal-navigation-menu-item {
-    /* Basic - When item active (current link) */
-    cmat-horizontal-navigation-basic-item {
-        .cmat-horizontal-navigation-item-active,
-        .cmat-horizontal-navigation-item-active-forced {
-            .cmat-horizontal-navigation-item-title {
-                @apply text-primary #{'!important'};
-            }
-
-            .cmat-horizontal-navigation-item-subtitle {
-                @apply text-primary-400 #{'!important'};
-
-                .dark & {
-                    @apply text-primary-600 #{'!important'};
-                }
-            }
-
-            .cmat-horizontal-navigation-item-icon {
-                @apply text-primary #{'!important'};
-            }
-        }
-    }
-
-    .cmat-horizontal-navigation-item-wrapper {
-        width: 100%;
-
-        &.cmat-horizontal-navigation-item-has-subtitle {
-            .cmat-horizontal-navigation-item {
-                min-height: 56px;
-            }
-        }
-
-        .cmat-horizontal-navigation-item {
-            position: relative;
-            display: flex;
-            align-items: center;
-            justify-content: flex-start;
-            min-height: 48px;
-            width: 100%;
-            font-size: 13px;
-            font-weight: 500;
-            text-decoration: none;
-
-            .cmat-horizontal-navigation-item-title-wrapper {
-                @apply whitespace-nowrap;
-                .cmat-horizontal-navigation-item-subtitle {
-                    font-size: 12px;
-                }
-            }
-
-            .cmat-horizontal-navigation-item-badge {
-                margin-left: auto;
-
-                .cmat-horizontal-navigation-item-badge-content {
-                    display: flex;
-                    align-items: center;
-                    justify-content: center;
-                    font-size: 10px;
-                    font-weight: 700;
-                    white-space: nowrap;
-                    height: 20px;
-                }
-            }
-        }
-    }
-}

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

@@ -1,103 +0,0 @@
-/* Variables */
-$cmat-vertical-navigation-compact-width: 112;
-
-cmat-vertical-navigation {
-    /* Compact appearance overrides */
-    &.cmat-vertical-navigation-appearance-compact {
-        width: #{$cmat-vertical-navigation-compact-width}px;
-        min-width: #{$cmat-vertical-navigation-compact-width}px;
-        max-width: #{$cmat-vertical-navigation-compact-width}px;
-
-        /* Left positioned */
-        &.cmat-vertical-navigation-position-left {
-            /* Side mode */
-            &.cmat-vertical-navigation-mode-side {
-                margin-left: -#{$cmat-vertical-navigation-compact-width}px;
-            }
-
-            /* Opened */
-            &.cmat-vertical-navigation-opened {
-                margin-left: 0;
-            }
-        }
-
-        /* Right positioned */
-        &.cmat-vertical-navigation-position-right {
-            /* Side mode */
-            &.cmat-vertical-navigation-mode-side {
-                margin-right: -#{$cmat-vertical-navigation-compact-width}px;
-            }
-
-            /* Opened */
-            &.cmat-vertical-navigation-opened {
-                margin-right: 0;
-            }
-
-            /* Aside wrapper */
-            .cmat-vertical-navigation-aside-wrapper {
-                left: auto;
-                right: #{$cmat-vertical-navigation-compact-width}px;
-            }
-        }
-
-        /* Wrapper */
-        .cmat-vertical-navigation-wrapper {
-            /* Content */
-            .cmat-vertical-navigation-content {
-                > cmat-vertical-navigation-aside-item,
-                > cmat-vertical-navigation-basic-item {
-                    .cmat-vertical-navigation-item-wrapper {
-                        margin: 4px 8px 0 8px;
-
-                        .cmat-vertical-navigation-item {
-                            flex-direction: column;
-                            justify-content: center;
-                            padding: 12px;
-                            border-radius: 6px;
-
-                            .cmat-vertical-navigation-item-icon {
-                                margin-right: 0;
-                            }
-
-                            .cmat-vertical-navigation-item-title-wrapper {
-                                margin-top: 8px;
-
-                                .cmat-vertical-navigation-item-title {
-                                    font-size: 12px;
-                                    font-weight: 500;
-                                    text-align: center;
-                                    line-height: 16px;
-                                }
-
-                                .cmat-vertical-navigation-item-subtitle {
-                                    display: none !important;
-                                }
-                            }
-
-                            .cmat-vertical-navigation-item-badge {
-                                position: absolute;
-                                top: 12px;
-                                left: 64px;
-                            }
-                        }
-                    }
-
-                    > 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-compact-width}px;
-        }
-    }
-}