@bodynarf/react.components 1.7.63 → 1.7.631

package/components/accordion/component/index.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import "./style.scss";
 import { AccordionProps } from "../../accordion";
 /** Accordion panel */

package/components/accordion/component/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/accordion/component/index.tsx"],"names":[],"mappings":"AAIA,OAAO,cAAc,CAAC;AAOtB,OAAO,EAAE,cAAc,EAAE,MAAM,2BAA2B,CAAC;AAE3D,sBAAsB;AACtB,QAAA,MAAM,SAAS,2FAKZ,cAAc,KAAG,WA8DnB,CAAC;AAEF,eAAe,SAAS,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/accordion/component/index.tsx"],"names":[],"mappings":";AAIA,OAAO,cAAc,CAAC;AAOtB,OAAO,EAAE,cAAc,EAAE,MAAM,2BAA2B,CAAC;AAE3D,sBAAsB;AACtB,QAAA,MAAM,SAAS,2FAKZ,cAAc,KAAG,WA8DnB,CAAC;AAEF,eAAe,SAAS,CAAC"}

package/components/accordion/component/style.scss

@@ -0,0 +1,31 @@
+.bbr-accordion {
+    .message {
+        &-header {
+            cursor: pointer;
+
+            .bbr-icon {
+                transition: transform 0.125s ease-in-out;
+            }
+        }
+        &-body {
+            color: black !important;
+            transition: max-height 0.2s ease-out;
+            overflow-y: inherit;
+            padding: 0 1.5em;
+
+            &__content {
+                padding: 1.25em 0;
+            }
+        }
+    }
+    &[aria-expanded="true"] {
+        .message-header i {
+            transform: rotate(180deg);
+        }
+    }
+    &[aria-expanded="false"] {
+        .message-body {
+            overflow-y: hidden;
+        }
+    }
+}

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@bodynarf/react.components",
-    "version": "1.7.63",
+    "version": "1.7.631",
     "author": {
         "name": "Artem",
         "email": "bodynar@gmail.com"

package/common.scss

@@ -1,3 +0,0 @@
-.help.m-help {
-    white-space: pre-line;
-}

package/components/anchor/component/style.scss

@@ -1,15 +0,0 @@
-.bbr-anchor {
-    text-decoration: none;
-    color: inherit;
-
-    transition: 0.15s ease-in-out color;
-
-    &:not(&--unhoverable):hover {
-        text-decoration: underline;
-        color: #3273dc;
-    }
-
-    .bbr-icon {
-        transition: none;
-    }
-}

package/components/button/component/style.scss

@@ -1,12 +0,0 @@
-.bbr-button {
-    transition: 0.15s ease-in-out;
-    transition-property: background-color, border-color;
-
-    &--icon-only {
-        padding: 0.55rem !important;
-    }
-
-    &.is-warning.is-outlined:not([disabled]):hover {
-        color: #000 !important;
-    }
-}

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);
-            }
-        }
-    }
-}