@bodynarf/react.components 1.6.4 → 1.7.2

package/components/dropdown/component/style.scss

@@ -1,120 +0,0 @@
-.bbr-dropdown {
-    min-width: 7.5rem;
-
-    &:not(.bbr-dropdown--compact) {
-        display: block;
-    }
-
-    &:not(.bbr-dropdown--compact) {
-        & .dropdown-menu {
-            min-width: 100%;
-        }
-    }
-
-    & .dropdown-menu {
-        & .dropdown-content {
-            overflow: auto;
-        }
-    }
-
-    &__label {
-        cursor: pointer;
-        user-select: none;
-        display: flex;
-        justify-content: flex-start;
-
-        span {
-            white-space: nowrap;
-            text-overflow: ellipsis;
-            overflow-x: hidden;
-            max-width: 15rem;
-        }
-
-        &--default span {
-            color: gray;
-            font-style: italic;
-        }
-
-        .bbr-icon {
-            &:hover {
-                color: #0d6efd;
-            }
-
-            &.bi-arrow-down {
-                margin-left: auto;
-                &::before {
-                    transition: 0.25s ease-in-out transform;
-                }
-            }
-
-            &.bi-plus-lg::before {
-                transform: rotate(45deg);
-            }
-        }
-
-        &.is-success--md {
-            border-color: #48c78e;
-        }
-        &.is-danger--md {
-            border-color: #f14668;
-        }
-    }
-
-    &-item {
-        cursor: pointer;
-        user-select: none;
-        white-space: normal;
-
-        transition: 0.25s ease-in-out;
-        transition-property: color, background-color;
-
-        &:hover {
-            background-color: rgba(0, 0, 0, 0.05);
-            color: #0a0a0a;
-        }
-        &:active {
-            background-color: rgba(0, 0, 0, 0.15);
-            color: #0a0a0a;
-        }
-
-        &.is-active {
-            background-color: #485fc7;
-            color: #fff;
-        }
-    }
-
-    &.is-active {
-        .bbr-dropdown__label .bbr-icon.bi-arrow-down::before {
-            transform: rotate(180deg);
-        }
-    }
-
-    &--height-default {
-        .dropdown-menu .dropdown-content {
-            max-height: 15vw;
-        }
-    }
-
-    &--compact {
-        width: fit-content;
-
-        & .dropdown-menu {
-            min-width: 11.75rem;
-        }
-    }
-
-    &--disabled {
-        .bbr-dropdown__label {
-            background-color: hsl(0deg, 0%, 96%);
-            border-color: hsl(0deg, 0%, 96%);
-            box-shadow: none;
-            color: hsl(0deg, 0%, 48%);
-
-            cursor: not-allowed;
-
-            .bbr-icon {
-                pointer-events: none;
-            }
-        }
-    }
-}

package/components/icon/component/style.scss

@@ -1,21 +0,0 @@
-.bbr-icon {
-    transition: 0.15s ease-in-out color;
-    font-size: 1rem;
-
-    &--size-small {
-        font-size: 0.85rem;
-    }
-    &--size-medium {
-        font-size: 1.25rem;
-    }
-    &--size-large {
-        font-size: 2rem;
-    }
-
-    &--right {
-        margin-left: 0.5rem;
-    }
-    &--left {
-        margin-right: 0.5rem;
-    }
-}

package/components/primitives/checkbox/component/style.scss

@@ -1,10 +0,0 @@
-.is-checkradio.m-check-radio[type="checkbox"] {
-    &.has-background-color.m-has-background-color:not(:checked) + label::before {
-        border-color: #dbdbdb !important;
-        background-color: transparent !important;
-    }
-    & + label::before,
-    & + label:before {
-        top: 0.125rem;
-    }
-}

package/components/primitives/password/component/style.scss

@@ -1,16 +0,0 @@
-.bbr-password {
-    &:focus ~ .icon:not(:hover) {
-        color: rgb(219, 219, 219) !important;
-    }
-
-    &__wrapper {
-        .icon {
-            pointer-events: inherit !important;
-            cursor: pointer;
-
-            &:hover {
-                color: rgb(74, 74, 74);
-            }
-        }
-    }
-}

package/components/search/component/style.scss

@@ -1,24 +0,0 @@
-.bbr-search {
-    input[type="search"] {
-        transition: 0.15s ease-out;
-        transition-property: border-color, color, background-color;
-
-        &::placeholder {
-            user-select: none;
-        }
-
-        &::-webkit-input-placeholder {
-            transition: 0.15s ease-out color;
-        }
-
-        &::-webkit-search-cancel-button {
-            cursor: pointer;
-            font-size: 1.25rem;
-        }
-    }
-
-    &.is-loading::after {
-        right: 1rem;
-        top: 0.725rem;
-    }
-}

package/components/tabs/component/style.scss

@@ -1,12 +0,0 @@
-.bbr-tabs {
-    &__tab {
-        .bbr-icon {
-            &:first-child {
-                margin-right: 0.5rem;
-            }
-            &:last-child {
-                margin-left: 0.5rem;
-            }
-        }
-    }
-}

package/components/tag/component/style.scss

@@ -1,27 +0,0 @@
-.bbr-tag {
-    border: 1px solid transparent;
-    transition: border-color 0.15s ease-in-out;
-
-    &--clickable {
-        cursor: pointer;
-
-        &.is-light {
-            &:hover {
-                border-color: rgba(0, 0, 0, 0.25);
-            }
-            &:focus,
-            &:active {
-                border-color: rgba(0, 0, 0, 0.5);
-            }
-        }
-        &:not(.is-light) {
-            &:hover {
-                border-color: rgba(0, 0, 0, 0.35);
-            }
-            &:focus,
-            &:active {
-                border-color: rgba(0, 0, 0, 0.75);
-            }
-        }
-    }
-}