@julseb-lib/react 0.0.13 → 0.0.16
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/index.cjs.js +527 -527
- package/dist/index.es.js +5122 -5618
- package/dist/index.umd.js +570 -570
- package/dist/lib/Mixins.tsx +1 -1
- package/dist/lib/components/Accordion/Accordion.tsx +1 -1
- package/dist/lib/components/Accordion/AccordionButton.tsx +1 -1
- package/dist/lib/components/Accordion/AccordionContent.tsx +1 -1
- package/dist/lib/components/Accordion/AccordionItem.tsx +1 -1
- package/dist/lib/components/Alert/Alert.tsx +1 -1
- package/dist/lib/components/Aside/styles.tsx +1 -1
- package/dist/lib/components/Autocomplete/Autocomplete.tsx +1 -1
- package/dist/lib/components/Avatar/Avatar.tsx +1 -1
- package/dist/lib/components/Avatar/AvatarFunction.tsx +1 -1
- package/dist/lib/components/BackToTop/BackToTop.tsx +1 -1
- package/dist/lib/components/Badge/Badge.tsx +1 -1
- package/dist/lib/components/Breadcrumbs/BreadcrumbItem.tsx +1 -1
- package/dist/lib/components/Breadcrumbs/Breadcrumbs.tsx +1 -1
- package/dist/lib/components/Breadcrumbs/BreadcrumbsFn.tsx +1 -1
- package/dist/lib/components/Burger/styles.tsx +1 -1
- package/dist/lib/components/ButtonGroup/ButtonGroup.tsx +1 -1
- package/dist/lib/components/ButtonGroup/ButtonGroupButton.tsx +1 -1
- package/dist/lib/components/ButtonIcon/ButtonIcon.tsx +1 -1
- package/dist/lib/components/ButtonIcon/styles.tsx +1 -1
- package/dist/lib/components/Card/styles.tsx +1 -1
- package/dist/lib/components/Cover/styles.tsx +1 -1
- package/dist/lib/components/Datepicker/Calendar.tsx +1 -1
- package/dist/lib/components/Datepicker/Datepicker.tsx +1 -1
- package/dist/lib/components/DragList/styles.tsx +1 -1
- package/dist/lib/components/Drawer/Drawer.tsx +4 -1
- package/dist/lib/components/Dropdown/Dropdown.tsx +1 -1
- package/dist/lib/components/Dropdown/styles.tsx +1 -1
- package/dist/lib/components/Fallback/Fallback.tsx +1 -1
- package/dist/lib/components/Footer/Footer.tsx +1 -1
- package/dist/lib/components/Form/styles.tsx +1 -1
- package/dist/lib/components/FullBleed/styles.tsx +1 -1
- package/dist/lib/components/Header/Header.tsx +1 -1
- package/dist/lib/components/Header/HeaderNav.tsx +1 -1
- package/dist/lib/components/Header/styles.tsx +1 -1
- package/dist/lib/components/Hr/styles.tsx +1 -1
- package/dist/lib/components/Icon/styles.tsx +1 -1
- package/dist/lib/components/Image/styles.tsx +1 -1
- package/dist/lib/components/InputCheck/InputCheck.tsx +1 -1
- package/dist/lib/components/InputContainer/styles.tsx +1 -1
- package/dist/lib/components/InputImage/styles.tsx +1 -1
- package/dist/lib/components/InputSlider/styles.tsx +1 -1
- package/dist/lib/components/Linkify/Linkify.tsx +1 -1
- package/dist/lib/components/ListGroup/ListGroup.tsx +1 -1
- package/dist/lib/components/ListGroup/styles.tsx +1 -1
- package/dist/lib/components/Loader/styles.tsx +1 -1
- package/dist/lib/components/Main/styles.tsx +1 -1
- package/dist/lib/components/MarkdownEditor/MdEditorButtons/EditorButtons.tsx +1 -1
- package/dist/lib/components/MarkdownEditor/MdEditorButtons/MarkdownButtons.tsx +1 -1
- package/dist/lib/components/Masonry/Masonry.tsx +1 -1
- package/dist/lib/components/Messaging/Message.tsx +1 -1
- package/dist/lib/components/Messaging/Messaging.tsx +1 -1
- package/dist/lib/components/Modal/Modal.tsx +1 -1
- package/dist/lib/components/PageLoading/PageLoading.tsx +1 -1
- package/dist/lib/components/ProgressBar/ProgressBar.tsx +1 -1
- package/dist/lib/components/Rating/Rating.tsx +1 -1
- package/dist/lib/components/Skeleton/styles.tsx +1 -1
- package/dist/lib/components/Slideshow/Slideshow.tsx +1 -1
- package/dist/lib/components/Slideshow/SlideshowPagination.tsx +1 -1
- package/dist/lib/components/Slideshow/styles.tsx +1 -1
- package/dist/lib/components/Stepper/Stepper.tsx +1 -1
- package/dist/lib/components/Table/Table.tsx +1 -1
- package/dist/lib/components/Tabs/Tabs.tsx +1 -1
- package/dist/lib/components/TextIcon/styles.tsx +1 -1
- package/dist/lib/components/Toast/Toast.tsx +1 -1
- package/dist/lib/components/Toast/Toaster.tsx +1 -1
- package/dist/lib/components/Video/styles.tsx +1 -1
- package/dist/lib/components/Youtube/Youtube.tsx +1 -1
- package/dist/lib/components/Youtube/styles.tsx +1 -1
- package/dist/lib/hooks/usePagination.tsx +1 -1
- package/dist/lib/hooks/useTranslation.tsx +1 -1
- package/dist/lib/index.ts +2 -1
- package/dist/lib/lib-utils/get-highlighted-text.tsx +1 -1
- package/dist/lib/utils/linkify-text.tsx +1 -1
- package/dist/{styles-DM9qlYpR.js → styles-BCSPldCD.js} +1 -1
- package/dist/{styles-CVN0uFDU.cjs → styles-CtcGw3Gv.cjs} +2 -2
- package/package.json +4 -5
package/dist/lib/Mixins.tsx
CHANGED
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
|
|
3
3
|
import { css, type DefaultTheme } from "styled-components"
|
|
4
4
|
import type { Property } from "csstype"
|
|
5
|
-
import { stringifyPx } from "
|
|
5
|
+
import { stringifyPx } from "@julseb-lib/utils"
|
|
6
6
|
import { overlaysMap } from "./lib-utils"
|
|
7
7
|
import {
|
|
8
8
|
COLORS_LIGHT,
|
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
|
|
3
3
|
import { forwardRef } from "react"
|
|
4
4
|
import classNames from "classnames"
|
|
5
|
-
import { uuid, capitalize } from "
|
|
5
|
+
import { uuid, capitalize } from "@julseb-lib/utils"
|
|
6
6
|
import { Text } from "../../"
|
|
7
7
|
import { AccordionItem } from "./AccordionItem"
|
|
8
8
|
import { StyledAccordion } from "./styles"
|
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
|
|
3
3
|
import { useCallback } from "react"
|
|
4
4
|
import classNames from "classnames"
|
|
5
|
-
import { capitalize } from "
|
|
5
|
+
import { capitalize } from "@julseb-lib/utils"
|
|
6
6
|
import { LibIcon } from "../LibIcon"
|
|
7
7
|
import { Plus, ChevronDown } from "../../icons"
|
|
8
8
|
import { StyledAccordionButton, StyledAccordionIcon } from "./styles"
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
/*=============================================== AccordionContent component ===============================================*/
|
|
2
2
|
|
|
3
3
|
import classNames from "classnames"
|
|
4
|
-
import { capitalize } from "
|
|
4
|
+
import { capitalize } from "@julseb-lib/utils"
|
|
5
5
|
import { StyledAccordionContent } from "./styles"
|
|
6
6
|
import type { ILibAccordionContent } from "./subtypes"
|
|
7
7
|
|
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
|
|
3
3
|
import { forwardRef, useState } from "react"
|
|
4
4
|
import classNames from "classnames"
|
|
5
|
-
import { capitalize } from "
|
|
5
|
+
import { capitalize } from "@julseb-lib/utils"
|
|
6
6
|
import { AccordionButton } from "./AccordionButton"
|
|
7
7
|
import { AccordionContent } from "./AccordionContent"
|
|
8
8
|
import { StyledAccordionItem } from "./styles"
|
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
|
|
3
3
|
import { forwardRef } from "react"
|
|
4
4
|
import classNames from "classnames"
|
|
5
|
-
import { stringifyPx, getRandomString } from "
|
|
5
|
+
import { stringifyPx, getRandomString } from "@julseb-lib/utils"
|
|
6
6
|
import { Text } from "../../"
|
|
7
7
|
import { appendStyles } from "../../lib-utils"
|
|
8
8
|
import type { LibAllColors } from "../../types"
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
/*=============================================== Aside styles ===============================================*/
|
|
2
2
|
|
|
3
3
|
import styled from "styled-components"
|
|
4
|
-
import { stringifyPx } from "
|
|
4
|
+
import { stringifyPx } from "@julseb-lib/utils"
|
|
5
5
|
import { setDefaultTheme, LAYOUTS, Mixins, SPACERS, BREAKPOINTS } from "../../"
|
|
6
6
|
import type { LibAsideSize } from "../../types"
|
|
7
7
|
|
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
|
|
3
3
|
import { forwardRef } from "react"
|
|
4
4
|
import classNames from "classnames"
|
|
5
|
-
import { capitalize } from "
|
|
5
|
+
import { capitalize } from "@julseb-lib/utils"
|
|
6
6
|
import { roundIconSize } from "../../lib-utils"
|
|
7
7
|
import { AvatarFunction } from "./AvatarFunction"
|
|
8
8
|
import { StyledAvatarContainer, StyledBadge } from "./styles"
|
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
|
|
3
3
|
import { forwardRef } from "react"
|
|
4
4
|
import classNames from "classnames"
|
|
5
|
-
import { getRandomString } from "
|
|
5
|
+
import { getRandomString } from "@julseb-lib/utils"
|
|
6
6
|
import { Image } from "../../"
|
|
7
7
|
import { appendStyles } from "../../lib-utils"
|
|
8
8
|
import { LibIcon } from "../LibIcon"
|
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
|
|
3
3
|
import { forwardRef, useState, useEffect } from "react"
|
|
4
4
|
import classNames from "classnames"
|
|
5
|
-
import { scrollToTop } from "
|
|
5
|
+
import { scrollToTop } from "@julseb-lib/utils"
|
|
6
6
|
import { ArrowUp } from "../../icons"
|
|
7
7
|
import { StyledBackToTop } from "./styles"
|
|
8
8
|
import type { ILibBackToTop } from "./types"
|
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
|
|
3
3
|
import { forwardRef } from "react"
|
|
4
4
|
import classNames from "classnames"
|
|
5
|
-
import { getRandomString } from "
|
|
5
|
+
import { getRandomString } from "@julseb-lib/utils"
|
|
6
6
|
import { roundIconSize, appendStyles } from "../../lib-utils"
|
|
7
7
|
import { LibIcon } from "../LibIcon"
|
|
8
8
|
import { StyledBadge } from "./styles"
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
/*=============================================== BreadcrumbItem ===============================================*/
|
|
2
2
|
|
|
3
3
|
import { Link } from "react-router-dom"
|
|
4
|
-
import { uuid } from "
|
|
4
|
+
import { uuid } from "@julseb-lib/utils"
|
|
5
5
|
import type { ILibBreadcrumbItem } from "./subtypes"
|
|
6
6
|
|
|
7
7
|
export function BreadcrumbItem({
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
/*=============================================== Breadcrumbs component ===============================================*/
|
|
2
2
|
|
|
3
3
|
import { forwardRef } from "react"
|
|
4
|
-
import { uuid } from "
|
|
4
|
+
import { uuid } from "@julseb-lib/utils"
|
|
5
5
|
import { BreadcrumbsFn } from "./BreadcrumbsFn"
|
|
6
6
|
import { BreadcrumbItem } from "./BreadcrumbItem"
|
|
7
7
|
import type { ILibBreadcrumbs } from "./types"
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
/*=============================================== BreadcrumbsFn ===============================================*/
|
|
2
2
|
|
|
3
3
|
import { forwardRef, Fragment } from "react"
|
|
4
|
-
import { uuid } from "
|
|
4
|
+
import { uuid } from "@julseb-lib/utils"
|
|
5
5
|
import { LibIcon } from "../LibIcon"
|
|
6
6
|
import { ChevronRight } from "../../icons"
|
|
7
7
|
import { StyledBreadcrumbs, SeparatorContainer } from "./styles"
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
/*=============================================== Burger styles ===============================================*/
|
|
2
2
|
|
|
3
3
|
import styled, { css } from "styled-components"
|
|
4
|
-
import { stringifyPx } from "
|
|
4
|
+
import { stringifyPx } from "@julseb-lib/utils"
|
|
5
5
|
import {
|
|
6
6
|
BREAKPOINTS,
|
|
7
7
|
RADIUSES,
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
/*=============================================== ButtonGroup component ===============================================*/
|
|
2
2
|
|
|
3
3
|
import { forwardRef, useState, Fragment } from "react"
|
|
4
|
-
import { uuid } from "
|
|
4
|
+
import { uuid } from "@julseb-lib/utils"
|
|
5
5
|
import { ButtonGroupButton } from "./ButtonGroupButton"
|
|
6
6
|
import { ButtonGroupToggle } from "./ButtonGroupToggle"
|
|
7
7
|
import { StyledButtonGroup, Separator } from "./styles"
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
/*=============================================== ButtonGroupButtons ===============================================*/
|
|
2
2
|
|
|
3
3
|
import { forwardRef } from "react"
|
|
4
|
-
import { capitalize, filterObject } from "
|
|
4
|
+
import { capitalize, filterObject } from "@julseb-lib/utils"
|
|
5
5
|
import { Button, ButtonIcon } from "../.."
|
|
6
6
|
import type { ILibButton } from "../Button/types"
|
|
7
7
|
import type { ILibButtonIcon } from "../ButtonIcon/types"
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
/*=============================================== ButtonIcon component ===============================================*/
|
|
2
2
|
|
|
3
3
|
import { forwardRef } from "react"
|
|
4
|
-
import { capitalize } from "
|
|
4
|
+
import { capitalize } from "@julseb-lib/utils"
|
|
5
5
|
import { Tooltip } from "../../"
|
|
6
6
|
import { roundIconSize } from "../../lib-utils"
|
|
7
7
|
import { ButtonIconFunction } from "./ButtonFunction"
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
/*=============================================== ButtonIcon styles ===============================================*/
|
|
2
2
|
|
|
3
3
|
import styled, { css } from "styled-components"
|
|
4
|
-
import { stringifyPx } from "
|
|
4
|
+
import { stringifyPx } from "@julseb-lib/utils"
|
|
5
5
|
import { BREAKPOINTS, setDefaultTheme } from "../../"
|
|
6
6
|
import { ButtonMixin } from "../ComponentsMixins"
|
|
7
7
|
import type { ILibButtonIconStyles } from "./subtypes"
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
/*=============================================== Cover styles ===============================================*/
|
|
2
2
|
|
|
3
3
|
import styled, { css } from "styled-components"
|
|
4
|
-
import { stringifyPx } from "
|
|
4
|
+
import { stringifyPx } from "@julseb-lib/utils"
|
|
5
5
|
import { setDefaultTheme, Image, Flexbox, Mixins } from "../../"
|
|
6
6
|
import type { LibOverlays, ILibPadding } from "../../types"
|
|
7
7
|
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
/*=============================================== Calendar component ===============================================*/
|
|
2
2
|
|
|
3
3
|
import { useState, type MouseEvent } from "react"
|
|
4
|
-
import { uuid, formatDate as formatDateUtil } from "
|
|
4
|
+
import { uuid, formatDate as formatDateUtil } from "@julseb-lib/utils"
|
|
5
5
|
import classNames from "classnames"
|
|
6
6
|
import { Text } from "../../"
|
|
7
7
|
import { LibIcon } from "../LibIcon"
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
/*=============================================== Datepicker component ===============================================*/
|
|
2
2
|
|
|
3
3
|
import { forwardRef, useRef, useState, type ChangeEvent } from "react"
|
|
4
|
-
import { convertDateShort } from "
|
|
4
|
+
import { convertDateShort } from "@julseb-lib/utils"
|
|
5
5
|
import { useClickOutside } from "../../"
|
|
6
6
|
import { Calendar as CalendarIcon } from "../../icons"
|
|
7
7
|
import {
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
/*=============================================== DragList styles ===============================================*/
|
|
2
2
|
|
|
3
3
|
import styled from "styled-components"
|
|
4
|
-
import { stringifyPx } from "
|
|
4
|
+
import { stringifyPx } from "@julseb-lib/utils"
|
|
5
5
|
import { Mixins, setDefaultTheme } from "../../"
|
|
6
6
|
import type {
|
|
7
7
|
ILibBorder,
|
|
@@ -2,7 +2,10 @@
|
|
|
2
2
|
|
|
3
3
|
import { forwardRef, useEffect } from "react"
|
|
4
4
|
import classNames from "classnames"
|
|
5
|
-
import {
|
|
5
|
+
import {
|
|
6
|
+
enableScroll,
|
|
7
|
+
disableScroll as disableScrollFn,
|
|
8
|
+
} from "@julseb-lib/utils"
|
|
6
9
|
import { useKeyPress } from "../../"
|
|
7
10
|
import { StyledDrawer, Overlay, DrawerContent } from "./styles"
|
|
8
11
|
import type { ILibDrawer } from "./types"
|
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
|
|
3
3
|
import { forwardRef, useRef, useCallback } from "react"
|
|
4
4
|
import classNames from "classnames"
|
|
5
|
-
import { uuid } from "
|
|
5
|
+
import { uuid } from "@julseb-lib/utils"
|
|
6
6
|
import { useMergeRefs, useClickOutside } from "../../"
|
|
7
7
|
import { DropdownItem } from "./DropdownItem"
|
|
8
8
|
import { StyledDropdown } from "./styles"
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
/*=============================================== Dropdown styles ===============================================*/
|
|
2
2
|
|
|
3
3
|
import styled, { css } from "styled-components"
|
|
4
|
-
import { stringifyPx } from "
|
|
4
|
+
import { stringifyPx } from "@julseb-lib/utils"
|
|
5
5
|
import {
|
|
6
6
|
BREAKPOINTS,
|
|
7
7
|
FONT_FAMILIES,
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
/*=============================================== Fallback ===============================================*/
|
|
2
2
|
|
|
3
3
|
import styled from "styled-components"
|
|
4
|
-
import { stringifyPx } from "
|
|
4
|
+
import { stringifyPx } from "@julseb-lib/utils"
|
|
5
5
|
import { setDefaultTheme, Mixins } from "../../"
|
|
6
6
|
import type { ILibRadius } from "../../types"
|
|
7
7
|
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
/*=============================================== Footer component ===============================================*/
|
|
2
2
|
|
|
3
3
|
import { forwardRef, Fragment } from "react"
|
|
4
|
-
import { uuid } from "
|
|
4
|
+
import { uuid } from "@julseb-lib/utils"
|
|
5
5
|
import { FooterLogo } from "./FooterLogo"
|
|
6
6
|
import { FooterLink } from "./FooterLink"
|
|
7
7
|
import {
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
/*=============================================== Form styles ===============================================*/
|
|
2
2
|
|
|
3
3
|
import styled from "styled-components"
|
|
4
|
-
import { stringifyPx } from "
|
|
4
|
+
import { stringifyPx } from "@julseb-lib/utils"
|
|
5
5
|
import { Mixins, setDefaultTheme } from "../../"
|
|
6
6
|
import type { LibSpacers } from "../../types"
|
|
7
7
|
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
/*=============================================== FullBleed styles ===============================================*/
|
|
2
2
|
|
|
3
3
|
import styled, { css } from "styled-components"
|
|
4
|
-
import { stringifyPx } from "
|
|
4
|
+
import { stringifyPx } from "@julseb-lib/utils"
|
|
5
5
|
import { Mixins, setDefaultTheme } from "../../"
|
|
6
6
|
import type { ILibPadding } from "../../types"
|
|
7
7
|
|
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
|
|
3
3
|
import { forwardRef, useState, useEffect, useRef, type RefObject } from "react"
|
|
4
4
|
import classNames from "classnames"
|
|
5
|
-
import { enableScroll, disableScroll } from "
|
|
5
|
+
import { enableScroll, disableScroll } from "@julseb-lib/utils"
|
|
6
6
|
import { useMaxWidth, useKeyPress } from "../../"
|
|
7
7
|
import { HeaderBurger } from "./HeaderBurger"
|
|
8
8
|
import { HeaderSearch } from "./HeaderSearch"
|
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
|
|
3
3
|
import { useRef, isValidElement, type ReactNode, Fragment } from "react"
|
|
4
4
|
import classNames from "classnames"
|
|
5
|
-
import { uuid } from "
|
|
5
|
+
import { uuid } from "@julseb-lib/utils"
|
|
6
6
|
import { useMaxWidth, useClickOutside } from "../../"
|
|
7
7
|
import { HeaderNavLink } from "./HeaderNavLink"
|
|
8
8
|
import { HeaderSearch } from "./HeaderSearch"
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
/*=============================================== Hr styles ===============================================*/
|
|
2
2
|
|
|
3
3
|
import styled from "styled-components"
|
|
4
|
-
import { stringifyPx } from "
|
|
4
|
+
import { stringifyPx } from "@julseb-lib/utils"
|
|
5
5
|
import { setDefaultTheme, Mixins, RADIUSES } from "../../"
|
|
6
6
|
import type { LibAllColors, ILibMargin } from "../../types"
|
|
7
7
|
|
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
|
|
3
3
|
import styled from "styled-components"
|
|
4
4
|
import SVG from "react-inlinesvg"
|
|
5
|
-
import { stringifyPx } from "
|
|
5
|
+
import { stringifyPx } from "@julseb-lib/utils"
|
|
6
6
|
import { setDefaultTheme, Mixins } from "../../"
|
|
7
7
|
import type { LibAllColors } from "../../types"
|
|
8
8
|
|
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
|
|
3
3
|
import type { FC } from "react"
|
|
4
4
|
import styled from "styled-components"
|
|
5
|
-
import { stringifyPx } from "
|
|
5
|
+
import { stringifyPx } from "@julseb-lib/utils"
|
|
6
6
|
import { setDefaultTheme, Text, Mixins, SPACERS } from "../../"
|
|
7
7
|
import type {
|
|
8
8
|
LibAllColors,
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
/*=============================================== InputImage styles ===============================================*/
|
|
2
2
|
|
|
3
3
|
import styled, { css } from "styled-components"
|
|
4
|
-
import { stringifyPx } from "
|
|
4
|
+
import { stringifyPx } from "@julseb-lib/utils"
|
|
5
5
|
import {
|
|
6
6
|
BREAKPOINTS,
|
|
7
7
|
Image,
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
/*=============================================== InputSlider styles ===============================================*/
|
|
2
2
|
|
|
3
3
|
import styled, { css } from "styled-components"
|
|
4
|
-
import { getPercentage } from "
|
|
4
|
+
import { getPercentage } from "@julseb-lib/utils"
|
|
5
5
|
import {
|
|
6
6
|
BREAKPOINTS,
|
|
7
7
|
OVERLAYS,
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
/*=============================================== Linkify component ===============================================*/
|
|
2
2
|
|
|
3
3
|
import { forwardRef, Fragment } from "react"
|
|
4
|
-
import { uuid } from "
|
|
4
|
+
import { uuid } from "@julseb-lib/utils"
|
|
5
5
|
import { Text } from "../../"
|
|
6
6
|
import type { ILibLinkify } from "./types"
|
|
7
7
|
|
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
|
|
3
3
|
import { forwardRef, useRef } from "react"
|
|
4
4
|
import classNames from "classnames"
|
|
5
|
-
import { uuid } from "
|
|
5
|
+
import { uuid } from "@julseb-lib/utils"
|
|
6
6
|
import { useMergeRefs } from "../../hooks"
|
|
7
7
|
import { ListGroupTitle } from "./ListGroupTitle"
|
|
8
8
|
import { ListGroupItem } from "./ListGroupItem"
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
/*=============================================== ListGroup styles ===============================================*/
|
|
2
2
|
|
|
3
3
|
import styled, { css } from "styled-components"
|
|
4
|
-
import { stringifyPx } from "
|
|
4
|
+
import { stringifyPx } from "@julseb-lib/utils"
|
|
5
5
|
import {
|
|
6
6
|
BREAKPOINTS,
|
|
7
7
|
FONT_SIZES,
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
/*=============================================== Loader styles ===============================================*/
|
|
2
2
|
|
|
3
3
|
import styled, { css, keyframes } from "styled-components"
|
|
4
|
-
import { stringifyPx } from "
|
|
4
|
+
import { stringifyPx } from "@julseb-lib/utils"
|
|
5
5
|
import { Mixins, RADIUSES, setDefaultTheme } from "../../"
|
|
6
6
|
import type { LibAllColors } from "../../types"
|
|
7
7
|
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
/*=============================================== Main styles ===============================================*/
|
|
2
2
|
|
|
3
3
|
import styled, { css } from "styled-components"
|
|
4
|
-
import { stringifyPx } from "
|
|
4
|
+
import { stringifyPx } from "@julseb-lib/utils"
|
|
5
5
|
import { setDefaultTheme, Mixins, BREAKPOINTS, SPACERS, LAYOUTS } from "../../"
|
|
6
6
|
import type { LibMainSize } from "../../types"
|
|
7
7
|
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
/*=============================================== EditorButtons component ===============================================*/
|
|
2
2
|
|
|
3
3
|
import classNames from "classnames"
|
|
4
|
-
import { uuid, toSentenceCase } from "
|
|
4
|
+
import { uuid, toSentenceCase } from "@julseb-lib/utils"
|
|
5
5
|
import { Flexbox } from "../../../"
|
|
6
6
|
import type { LibMdEditorEditor } from "../../../types"
|
|
7
7
|
import { mdEditorButtons } from "../markdown-buttons"
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
/*=============================================== MarkdownButtons component ===============================================*/
|
|
2
2
|
|
|
3
|
-
import { uuid, toSentenceCase } from "
|
|
3
|
+
import { uuid, toSentenceCase } from "@julseb-lib/utils"
|
|
4
4
|
import { roundIconSize } from "../../../lib-utils"
|
|
5
5
|
import { mdButtons } from "../markdown-buttons"
|
|
6
6
|
import { IconButton } from "../styles"
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
/*=============================================== Masonry component ===============================================*/
|
|
2
2
|
|
|
3
3
|
import { forwardRef, useEffect, useRef, useState, useCallback } from "react"
|
|
4
|
-
import { uuid } from "
|
|
4
|
+
import { uuid } from "@julseb-lib/utils"
|
|
5
5
|
import { useMergeRefs } from "../../"
|
|
6
6
|
import { useEventListener, fillCols } from "./utils"
|
|
7
7
|
import { StyledMasonry, Col } from "./styles"
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
/*=============================================== Messaging component ===============================================*/
|
|
2
2
|
|
|
3
3
|
import { forwardRef, useState } from "react"
|
|
4
|
-
import { getToday, uuid, stringifyPx } from "
|
|
4
|
+
import { getToday, uuid, stringifyPx } from "@julseb-lib/utils"
|
|
5
5
|
import { Hr } from "../../"
|
|
6
6
|
import { appendStyles } from "../../lib-utils"
|
|
7
7
|
import { MessagesContainer } from "./MessagesContainer"
|
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
|
|
3
3
|
import { forwardRef, useCallback, useRef } from "react"
|
|
4
4
|
import classNames from "classnames"
|
|
5
|
-
import { enableScroll, getRandomString, stringifyPx } from "
|
|
5
|
+
import { enableScroll, getRandomString, stringifyPx } from "@julseb-lib/utils"
|
|
6
6
|
import { useKeyPress, useClickOutside } from "../../"
|
|
7
7
|
import { roundIconSize, appendStyles } from "../../lib-utils"
|
|
8
8
|
import { Close } from "../../icons"
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
/*=============================================== PageLoading component ===============================================*/
|
|
2
2
|
|
|
3
3
|
import { forwardRef, useEffect } from "react"
|
|
4
|
-
import { disableScroll } from "
|
|
4
|
+
import { disableScroll } from "@julseb-lib/utils"
|
|
5
5
|
import { Loader } from "../../"
|
|
6
6
|
import { StyledPageLoading } from "./styles"
|
|
7
7
|
import type { ILibPageLoading } from "./types"
|
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
|
|
3
3
|
import { forwardRef } from "react"
|
|
4
4
|
import classNames from "classnames"
|
|
5
|
-
import { getPercentage, getRandomString } from "
|
|
5
|
+
import { getPercentage, getRandomString } from "@julseb-lib/utils"
|
|
6
6
|
import { appendStyles } from "../../lib-utils"
|
|
7
7
|
import { StyledProgressBar } from "./styles"
|
|
8
8
|
import type { ILibProgressBar } from "./types"
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
/*=============================================== Rating component ===============================================*/
|
|
2
2
|
|
|
3
3
|
import { forwardRef, useCallback } from "react"
|
|
4
|
-
import { generateNumbers } from "
|
|
4
|
+
import { generateNumbers } from "@julseb-lib/utils"
|
|
5
5
|
import { Flexbox } from "../../"
|
|
6
6
|
import { roundIconSize } from "../../lib-utils"
|
|
7
7
|
import { InputContainer } from "../InputComponents"
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
/*=============================================== Skeleton styles ===============================================*/
|
|
2
2
|
|
|
3
3
|
import styled, { css, keyframes } from "styled-components"
|
|
4
|
-
import { stringifyPx } from "
|
|
4
|
+
import { stringifyPx } from "@julseb-lib/utils"
|
|
5
5
|
import { setDefaultTheme, Flexbox, Mixins } from "../../"
|
|
6
6
|
import type { ILibBorder, ILibPadding, LibSkeletonAnimation } from "../../types"
|
|
7
7
|
import type { ILibSkeletonCommonStyles } from "./subtypes"
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
/*=============================================== Slideshow component ===============================================*/
|
|
2
2
|
|
|
3
3
|
import { forwardRef, useState, useCallback, useEffect } from "react"
|
|
4
|
-
import { uuid } from "
|
|
4
|
+
import { uuid } from "@julseb-lib/utils"
|
|
5
5
|
import { Image } from "../../"
|
|
6
6
|
import { SlideshowButton } from "./SlideshowButton"
|
|
7
7
|
import { SlideshowPagination } from "./SlideshowPagination"
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
/*=============================================== SlideshowNav ===============================================*/
|
|
2
2
|
|
|
3
3
|
import classNames from "classnames"
|
|
4
|
-
import { uuid, generateNumbers } from "
|
|
4
|
+
import { uuid, generateNumbers } from "@julseb-lib/utils"
|
|
5
5
|
import { Image } from "../.."
|
|
6
6
|
import {
|
|
7
7
|
SlideshowThumbnail,
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
/*=============================================== Slideshow styles ===============================================*/
|
|
2
2
|
|
|
3
3
|
import styled, { css } from "styled-components"
|
|
4
|
-
import { stringifyPx } from "
|
|
4
|
+
import { stringifyPx } from "@julseb-lib/utils"
|
|
5
5
|
import {
|
|
6
6
|
setDefaultTheme,
|
|
7
7
|
Mixins,
|