@preply/ds-web-lib 1.1.0 → 1.2.1
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/assets/Avatar.css +79 -79
- package/dist/assets/AvatarWithStatus.css +12 -12
- package/dist/assets/Badge.css +24 -24
- package/dist/assets/Box.css +171 -171
- package/dist/assets/Button.css +7 -7
- package/dist/assets/ButtonBase.css +245 -245
- package/dist/assets/Chips.css +16 -16
- package/dist/assets/FieldAdditionalText.css +6 -6
- package/dist/assets/FieldButton.css +8 -8
- package/dist/assets/FieldLabel.css +8 -8
- package/dist/assets/FieldLayout.css +29 -29
- package/dist/assets/FieldLayoutBase.css +4 -4
- package/dist/assets/Heading.css +100 -100
- package/dist/assets/Icon.css +14 -14
- package/dist/assets/LayoutFlex.css +1 -1
- package/dist/assets/LayoutFlexItem.css +14 -14
- package/dist/assets/Link.css +32 -32
- package/dist/assets/Loader.css +4 -4
- package/dist/assets/PreplyLogo.css +9 -9
- package/dist/assets/SelectFieldLayout.css +18 -18
- package/dist/assets/Spinner.css +26 -26
- package/dist/assets/Text.css +227 -227
- package/dist/assets/TextHighlighted.css +14 -14
- package/dist/assets/TextInline.css +5 -5
- package/dist/assets/Toast.css +12 -12
- package/dist/assets/align-self.css +25 -25
- package/dist/assets/color.css +39 -39
- package/dist/assets/index.css +16 -16
- package/dist/assets/layout-gap.css +135 -135
- package/dist/assets/layout-grid.css +100 -100
- package/dist/assets/layout-hide.css +49 -49
- package/dist/assets/layout-padding.css +531 -531
- package/dist/assets/layout-relative.css +2 -2
- package/dist/assets/text-accent.css +18 -18
- package/dist/assets/text-centered.css +13 -13
- package/dist/assets/text-weight.css +8 -8
- package/dist/components/Avatar/Avatar.d.ts +7 -1
- package/dist/components/Avatar/Avatar.d.ts.map +1 -1
- package/dist/components/Avatar/Avatar.js +77 -76
- package/dist/components/AvatarWithStatus/AvatarWithStatus.js +10 -10
- package/dist/components/Badge/Badge.js +1 -1
- package/dist/components/Box/Box.js +150 -150
- package/dist/components/Button/Button.js +1 -1
- package/dist/components/Chips/Chips.js +4 -4
- package/dist/components/FieldAdditionalText/FieldAdditionalText.js +3 -3
- package/dist/components/FieldButton/FieldButton.js +1 -1
- package/dist/components/FieldLayout/FieldLayout.js +7 -7
- package/dist/components/Heading/Heading.js +97 -97
- package/dist/components/Icon/Icon.js +10 -10
- package/dist/components/LayoutFlex/LayoutFlex.d.ts.map +1 -1
- package/dist/components/LayoutFlex/LayoutFlex.js +7 -1
- package/dist/components/LayoutFlex/tests/DataOverride.js +67 -0
- package/dist/components/LayoutFlexItem/LayoutFlexItem.js +13 -13
- package/dist/components/Link/Link.js +18 -18
- package/dist/components/Loader/Loader.js +3 -3
- package/dist/components/PreplyLogo/PreplyLogo.js +2 -2
- package/dist/components/Text/Text.js +224 -224
- package/dist/components/TextHighlighted/TextHighlighted.js +11 -11
- package/dist/components/TextInline/TextInline.js +2 -2
- package/dist/components/Toast/Toast.js +5 -5
- package/dist/components/private/ButtonBase/ButtonBase.js +173 -173
- package/dist/components/private/FieldLabel/FieldLabel.js +5 -5
- package/dist/components/private/FieldLayoutBase/FieldLayoutBase.js +1 -1
- package/dist/components/private/Input/Checkbox.js +1 -1
- package/dist/components/private/Input/InputDate.js +1 -1
- package/dist/components/private/Input/InputNumber.js +1 -1
- package/dist/components/private/Input/InputPassword.js +1 -1
- package/dist/components/private/Input/InputText.js +1 -1
- package/dist/components/private/Input/InputTime.js +1 -1
- package/dist/components/private/Input/Radio.js +1 -1
- package/dist/components/private/Input/Select.js +1 -1
- package/dist/components/private/Input/Textarea.js +1 -1
- package/dist/components/private/SelectFieldLayout/SelectFieldLayout.js +8 -8
- package/dist/components/private/Spinner/Spinner.js +16 -16
- package/dist/index.module-DZP-XLyR.js +27 -0
- package/dist/layout-gap.module-CUq_Sxlu.js +139 -0
- package/dist/{layout-grid.module-Xxg0CHcA.js → layout-grid.module-Boq5jqfY.js} +97 -97
- package/dist/layout-hide.module-CULyU9vR.js +55 -0
- package/dist/layout-relative.module-CrL5-3Cn.js +8 -0
- package/dist/shared-styles/align-self/align-self.js +25 -25
- package/dist/shared-styles/color/color.js +38 -38
- package/dist/shared-styles/layout-gap/layout-gap.js +1 -136
- package/dist/shared-styles/layout-grid/layout-grid.js +1 -1
- package/dist/shared-styles/layout-grid-responsive-columns/layout-grid-responsive-columns.js +1 -1
- package/dist/shared-styles/layout-hide/layout-hide.js +1 -52
- package/dist/shared-styles/layout-padding/layout-padding.js +529 -529
- package/dist/shared-styles/layout-relative/layout-relative.js +1 -5
- package/dist/shared-styles/text-accent/text-accent.js +17 -17
- package/dist/shared-styles/text-centered/text-centered.js +13 -13
- package/dist/shared-styles/text-weight/text-weight.js +7 -7
- package/dist/utils/render-icon.js +11 -5
- package/package.json +17 -17
- package/dist/index.module-BUXAoZDR.js +0 -27
|
@@ -5,21 +5,21 @@ import { moduleClassNames, booleanClassNames, getDatasetProps } from "@preply/ds
|
|
|
5
5
|
import { getAlignSelfClassNames } from "../../shared-styles/align-self/align-self.js";
|
|
6
6
|
import { getLayoutHideClassnames } from "../../shared-styles/layout-hide/layout-hide.js";
|
|
7
7
|
import { getLayoutRelativeClassnames } from "../../shared-styles/layout-relative/layout-relative.js";
|
|
8
|
-
import '../../assets/LayoutFlexItem.css';const LayoutFlexItem$1 = "
|
|
8
|
+
import '../../assets/LayoutFlexItem.css';const LayoutFlexItem$1 = "_LayoutFlexItem_5v8ll_2";
|
|
9
9
|
const styles = {
|
|
10
10
|
LayoutFlexItem: LayoutFlexItem$1,
|
|
11
|
-
"LayoutFlexItem--stretch": "_LayoutFlexItem--
|
|
12
|
-
"LayoutFlexItem--no-stretch": "_LayoutFlexItem--no-
|
|
13
|
-
"LayoutFlexItem--narrow-l--stretch": "_LayoutFlexItem--narrow-l--
|
|
14
|
-
"LayoutFlexItem--narrow-l--no-stretch": "_LayoutFlexItem--narrow-l--no-
|
|
15
|
-
"LayoutFlexItem--medium-s--stretch": "_LayoutFlexItem--medium-s--
|
|
16
|
-
"LayoutFlexItem--medium-s--no-stretch": "_LayoutFlexItem--medium-s--no-
|
|
17
|
-
"LayoutFlexItem--medium-l--stretch": "_LayoutFlexItem--medium-l--
|
|
18
|
-
"LayoutFlexItem--medium-l--no-stretch": "_LayoutFlexItem--medium-l--no-
|
|
19
|
-
"LayoutFlexItem--wide-s--stretch": "_LayoutFlexItem--wide-s--
|
|
20
|
-
"LayoutFlexItem--wide-s--no-stretch": "_LayoutFlexItem--wide-s--no-
|
|
21
|
-
"LayoutFlexItem--wide-l--stretch": "_LayoutFlexItem--wide-l--
|
|
22
|
-
"LayoutFlexItem--wide-l--no-stretch": "_LayoutFlexItem--wide-l--no-
|
|
11
|
+
"LayoutFlexItem--stretch": "_LayoutFlexItem--stretch_5v8ll_11",
|
|
12
|
+
"LayoutFlexItem--no-stretch": "_LayoutFlexItem--no-stretch_5v8ll_14",
|
|
13
|
+
"LayoutFlexItem--narrow-l--stretch": "_LayoutFlexItem--narrow-l--stretch_5v8ll_18",
|
|
14
|
+
"LayoutFlexItem--narrow-l--no-stretch": "_LayoutFlexItem--narrow-l--no-stretch_5v8ll_21",
|
|
15
|
+
"LayoutFlexItem--medium-s--stretch": "_LayoutFlexItem--medium-s--stretch_5v8ll_26",
|
|
16
|
+
"LayoutFlexItem--medium-s--no-stretch": "_LayoutFlexItem--medium-s--no-stretch_5v8ll_29",
|
|
17
|
+
"LayoutFlexItem--medium-l--stretch": "_LayoutFlexItem--medium-l--stretch_5v8ll_34",
|
|
18
|
+
"LayoutFlexItem--medium-l--no-stretch": "_LayoutFlexItem--medium-l--no-stretch_5v8ll_37",
|
|
19
|
+
"LayoutFlexItem--wide-s--stretch": "_LayoutFlexItem--wide-s--stretch_5v8ll_42",
|
|
20
|
+
"LayoutFlexItem--wide-s--no-stretch": "_LayoutFlexItem--wide-s--no-stretch_5v8ll_45",
|
|
21
|
+
"LayoutFlexItem--wide-l--stretch": "_LayoutFlexItem--wide-l--stretch_5v8ll_50",
|
|
22
|
+
"LayoutFlexItem--wide-l--no-stretch": "_LayoutFlexItem--wide-l--no-stretch_5v8ll_53"
|
|
23
23
|
};
|
|
24
24
|
const LayoutFlexItem = ({
|
|
25
25
|
children,
|
|
@@ -4,26 +4,26 @@ import { LINK_VARIANT_DEFAULT } from "@preply/ds-core";
|
|
|
4
4
|
import { webComponentNames } from "@preply/ds-visual-coverage-component-names";
|
|
5
5
|
import { useHostname, moduleClassNames, stringClassNames, booleanClassNames, getExternalUrlProps, getDatasetProps } from "@preply/ds-web-core";
|
|
6
6
|
import { cloneElement } from "react";
|
|
7
|
-
import '../../assets/Link.css';const Link$1 = "
|
|
7
|
+
import '../../assets/Link.css';const Link$1 = "_Link_1vbbq_4";
|
|
8
8
|
const styles = {
|
|
9
9
|
Link: Link$1,
|
|
10
|
-
"Link--inline": "_Link--
|
|
11
|
-
"Link--noUnderline": "_Link--
|
|
12
|
-
"Link--variant-accentDark": "_Link--variant-
|
|
13
|
-
"Link--variant-accentDark--dsInternalSimulation-hover": "_Link--variant-accentDark--dsInternalSimulation-
|
|
14
|
-
"Link--variant-accentDark--dsInternalSimulation-active": "_Link--variant-accentDark--dsInternalSimulation-
|
|
15
|
-
"Link--variant-accentDarkInverted": "_Link--variant-
|
|
16
|
-
"Link--variant-accentDarkInverted--dsInternalSimulation-hover": "_Link--variant-accentDarkInverted--dsInternalSimulation-
|
|
17
|
-
"Link--variant-accentDarkInverted--dsInternalSimulation-active": "_Link--variant-accentDarkInverted--dsInternalSimulation-
|
|
18
|
-
"Link--variant-neutral": "_Link--variant-
|
|
19
|
-
"Link--variant-neutral--dsInternalSimulation-hover": "_Link--variant-neutral--dsInternalSimulation-
|
|
20
|
-
"Link--variant-neutral--dsInternalSimulation-active": "_Link--variant-neutral--dsInternalSimulation-
|
|
21
|
-
"Link--variant-neutralInverted": "_Link--variant-
|
|
22
|
-
"Link--variant-neutralInverted--dsInternalSimulation-hover": "_Link--variant-neutralInverted--dsInternalSimulation-
|
|
23
|
-
"Link--variant-neutralInverted--dsInternalSimulation-active": "_Link--variant-neutralInverted--dsInternalSimulation-
|
|
24
|
-
"Link--variant-unsetColors": "_Link--variant-
|
|
25
|
-
"Link--variant-unsetColors--dsInternalSimulation-hover": "_Link--variant-unsetColors--dsInternalSimulation-
|
|
26
|
-
"Link--variant-unsetColors--dsInternalSimulation-active": "_Link--variant-unsetColors--dsInternalSimulation-
|
|
10
|
+
"Link--inline": "_Link--inline_1vbbq_21",
|
|
11
|
+
"Link--noUnderline": "_Link--noUnderline_1vbbq_24",
|
|
12
|
+
"Link--variant-accentDark": "_Link--variant-accentDark_1vbbq_27",
|
|
13
|
+
"Link--variant-accentDark--dsInternalSimulation-hover": "_Link--variant-accentDark--dsInternalSimulation-hover_1vbbq_31",
|
|
14
|
+
"Link--variant-accentDark--dsInternalSimulation-active": "_Link--variant-accentDark--dsInternalSimulation-active_1vbbq_35",
|
|
15
|
+
"Link--variant-accentDarkInverted": "_Link--variant-accentDarkInverted_1vbbq_38",
|
|
16
|
+
"Link--variant-accentDarkInverted--dsInternalSimulation-hover": "_Link--variant-accentDarkInverted--dsInternalSimulation-hover_1vbbq_42",
|
|
17
|
+
"Link--variant-accentDarkInverted--dsInternalSimulation-active": "_Link--variant-accentDarkInverted--dsInternalSimulation-active_1vbbq_46",
|
|
18
|
+
"Link--variant-neutral": "_Link--variant-neutral_1vbbq_49",
|
|
19
|
+
"Link--variant-neutral--dsInternalSimulation-hover": "_Link--variant-neutral--dsInternalSimulation-hover_1vbbq_53",
|
|
20
|
+
"Link--variant-neutral--dsInternalSimulation-active": "_Link--variant-neutral--dsInternalSimulation-active_1vbbq_57",
|
|
21
|
+
"Link--variant-neutralInverted": "_Link--variant-neutralInverted_1vbbq_60",
|
|
22
|
+
"Link--variant-neutralInverted--dsInternalSimulation-hover": "_Link--variant-neutralInverted--dsInternalSimulation-hover_1vbbq_64",
|
|
23
|
+
"Link--variant-neutralInverted--dsInternalSimulation-active": "_Link--variant-neutralInverted--dsInternalSimulation-active_1vbbq_68",
|
|
24
|
+
"Link--variant-unsetColors": "_Link--variant-unsetColors_1vbbq_71",
|
|
25
|
+
"Link--variant-unsetColors--dsInternalSimulation-hover": "_Link--variant-unsetColors--dsInternalSimulation-hover_1vbbq_75",
|
|
26
|
+
"Link--variant-unsetColors--dsInternalSimulation-active": "_Link--variant-unsetColors--dsInternalSimulation-active_1vbbq_79"
|
|
27
27
|
};
|
|
28
28
|
const Link = (props) => {
|
|
29
29
|
const {
|
|
@@ -2,11 +2,11 @@ import { jsx } from "react/jsx-runtime";
|
|
|
2
2
|
import { webComponentNames } from "@preply/ds-visual-coverage-component-names";
|
|
3
3
|
import { moduleClassNames, booleanClassNames, getDatasetProps } from "@preply/ds-web-core";
|
|
4
4
|
import { Spinner } from "../private/Spinner/Spinner.js";
|
|
5
|
-
import '../../assets/Loader.css';const Loader$1 = "
|
|
5
|
+
import '../../assets/Loader.css';const Loader$1 = "_Loader_fkcsi_2";
|
|
6
6
|
const styles = {
|
|
7
7
|
Loader: Loader$1,
|
|
8
|
-
"Loader--normal": "_Loader--
|
|
9
|
-
"Loader--inverted": "_Loader--
|
|
8
|
+
"Loader--normal": "_Loader--normal_fkcsi_7",
|
|
9
|
+
"Loader--inverted": "_Loader--inverted_fkcsi_10"
|
|
10
10
|
};
|
|
11
11
|
const Loader = ({ size, inverted = false, dataset }) => {
|
|
12
12
|
const classNames = moduleClassNames(styles, webComponentNames.Loader, [
|
|
@@ -3,10 +3,10 @@ import { webComponentNames } from "@preply/ds-visual-coverage-component-names";
|
|
|
3
3
|
import { moduleClassNames, booleanClassNames, getDatasetProps } from "@preply/ds-web-core";
|
|
4
4
|
import * as React from "react";
|
|
5
5
|
import { forwardRef } from "react";
|
|
6
|
-
import '../../assets/PreplyLogo.css';const PreplyLogo$1 = "
|
|
6
|
+
import '../../assets/PreplyLogo.css';const PreplyLogo$1 = "_PreplyLogo_hsmfh_2";
|
|
7
7
|
const styles = {
|
|
8
8
|
PreplyLogo: PreplyLogo$1,
|
|
9
|
-
"PreplyLogo--inverted": "_PreplyLogo--
|
|
9
|
+
"PreplyLogo--inverted": "_PreplyLogo--inverted_hsmfh_13"
|
|
10
10
|
};
|
|
11
11
|
const SvgLogoRebrand = ({
|
|
12
12
|
title,
|