@preply/ds-web-lib 0.98.0 → 0.99.0
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 +318 -0
- package/dist/assets/AvatarWithStatus.css +59 -0
- package/dist/assets/Badge.css +106 -0
- package/dist/assets/Box.css +529 -0
- package/dist/assets/Button.css +18 -0
- package/dist/assets/ButtonBase.css +1284 -0
- package/dist/assets/Chips.css +98 -0
- package/dist/assets/FieldAdditionalText.css +16 -0
- package/dist/assets/FieldButton.css +45 -0
- package/dist/assets/FieldLabel.css +45 -0
- package/dist/assets/FieldLayout.css +110 -0
- package/dist/assets/FieldLayoutBase.css +16 -0
- package/dist/assets/Heading.css +606 -0
- package/dist/assets/Icon.css +69 -0
- package/dist/assets/LayoutFlexItem.css +80 -0
- package/dist/assets/LayoutGridItem.css +9 -0
- package/dist/assets/Link.css +86 -0
- package/dist/assets/Loader.css +18 -0
- package/dist/assets/NumberField.css +15 -0
- package/dist/assets/PasswordField.css +5 -0
- package/dist/assets/PreplyLogo.css +17 -0
- package/dist/assets/SelectField.css +5 -0
- package/dist/assets/SelectFieldLayout.css +85 -0
- package/dist/assets/Spinner.css +114 -0
- package/dist/assets/Text.css +1770 -0
- package/dist/assets/TextField.css +5 -0
- package/dist/assets/TextHighlighted.css +52 -0
- package/dist/assets/TextInline.css +13 -0
- package/dist/assets/TextareaField.css +5 -0
- package/dist/assets/align-self.css +107 -0
- package/dist/assets/color.css +113 -0
- package/dist/assets/index.css +70 -0
- package/dist/assets/layout-flex.css +548 -0
- package/dist/assets/layout-gap.css +409 -0
- package/dist/assets/layout-grid.css +467 -0
- package/dist/assets/layout-hide.css +185 -0
- package/dist/assets/layout-padding.css +1597 -0
- package/dist/assets/layout-relative.css +3 -0
- package/dist/assets/text-accent.css +50 -0
- package/dist/assets/text-centered.css +53 -0
- package/dist/assets/text-weight.css +20 -0
- package/dist/components/Avatar/Avatar.d.ts +29 -29
- package/dist/components/Avatar/Avatar.d.ts.map +1 -1
- package/dist/components/Avatar/Avatar.js +101 -25
- package/dist/components/AvatarWithStatus/AvatarWithStatus.d.ts +15 -15
- package/dist/components/AvatarWithStatus/AvatarWithStatus.d.ts.map +1 -1
- package/dist/components/AvatarWithStatus/AvatarWithStatus.js +42 -32
- package/dist/components/Badge/Badge.d.ts +59 -57
- package/dist/components/Badge/Badge.d.ts.map +1 -1
- package/dist/components/Badge/Badge.js +53 -38
- package/dist/components/Badge/index.d.ts +1 -1
- package/dist/components/Badge/index.js +4 -2
- package/dist/components/Box/Box.d.ts +16 -18
- package/dist/components/Box/Box.d.ts.map +1 -1
- package/dist/components/Box/Box.js +182 -32
- package/dist/components/Button/Button.d.ts +13 -13
- package/dist/components/Button/Button.d.ts.map +1 -1
- package/dist/components/Button/Button.js +40 -19
- package/dist/components/Chips/Chips.d.ts +81 -81
- package/dist/components/Chips/Chips.js +97 -39
- package/dist/components/FieldAdditionalText/FieldAdditionalText.d.ts +3 -3
- package/dist/components/FieldAdditionalText/FieldAdditionalText.d.ts.map +1 -1
- package/dist/components/FieldAdditionalText/FieldAdditionalText.js +29 -15
- package/dist/components/FieldButton/FieldButton.d.ts +3 -3
- package/dist/components/FieldButton/FieldButton.d.ts.map +1 -1
- package/dist/components/FieldButton/FieldButton.js +29 -24
- package/dist/components/FieldLayout/FieldLayout.d.ts +12 -12
- package/dist/components/FieldLayout/FieldLayout.d.ts.map +1 -1
- package/dist/components/FieldLayout/FieldLayout.js +73 -40
- package/dist/components/Heading/Heading.d.ts +39 -39
- package/dist/components/Heading/Heading.d.ts.map +1 -1
- package/dist/components/Heading/Heading.js +143 -32
- package/dist/components/Icon/Icon.d.ts +32 -3
- package/dist/components/Icon/Icon.d.ts.map +1 -1
- package/dist/components/Icon/Icon.js +48 -30
- package/dist/components/IconButton/IconButton.d.ts +12 -12
- package/dist/components/IconButton/IconButton.d.ts.map +1 -1
- package/dist/components/IconButton/IconButton.js +29 -12
- package/dist/components/LayoutFlex/LayoutFlex.d.ts +9 -9
- package/dist/components/LayoutFlex/LayoutFlex.d.ts.map +1 -1
- package/dist/components/LayoutFlex/LayoutFlex.js +22 -20
- package/dist/components/LayoutFlexItem/LayoutFlexItem.d.ts +12 -12
- package/dist/components/LayoutFlexItem/LayoutFlexItem.d.ts.map +1 -1
- package/dist/components/LayoutFlexItem/LayoutFlexItem.js +55 -27
- package/dist/components/LayoutGrid/LayoutGrid.d.ts +9 -9
- package/dist/components/LayoutGrid/LayoutGrid.d.ts.map +1 -1
- package/dist/components/LayoutGrid/LayoutGrid.js +19 -22
- package/dist/components/LayoutGridItem/LayoutGridItem.d.ts +11 -11
- package/dist/components/LayoutGridItem/LayoutGridItem.d.ts.map +1 -1
- package/dist/components/LayoutGridItem/LayoutGridItem.js +38 -27
- package/dist/components/Link/Link.d.ts +50 -50
- package/dist/components/Link/Link.d.ts.map +1 -1
- package/dist/components/Link/Link.js +68 -42
- package/dist/components/Loader/Loader.d.ts +8 -8
- package/dist/components/Loader/Loader.d.ts.map +1 -1
- package/dist/components/Loader/Loader.js +22 -21
- package/dist/components/NumberField/NumberField.d.ts +15 -15
- package/dist/components/NumberField/NumberField.d.ts.map +1 -1
- package/dist/components/NumberField/NumberField.js +49 -36
- package/dist/components/ObserveIntersection/ObserveIntersection.d.ts +21 -21
- package/dist/components/ObserveIntersection/ObserveIntersection.js +40 -44
- package/dist/components/PasswordField/PasswordField.d.ts +17 -17
- package/dist/components/PasswordField/PasswordField.d.ts.map +1 -1
- package/dist/components/PasswordField/PasswordField.js +111 -67
- package/dist/components/PreplyLogo/PreplyLogo.d.ts +32 -32
- package/dist/components/PreplyLogo/PreplyLogo.d.ts.map +1 -1
- package/dist/components/PreplyLogo/PreplyLogo.js +72 -52
- package/dist/components/SelectField/SelectField.d.ts +18 -18
- package/dist/components/SelectField/SelectField.d.ts.map +1 -1
- package/dist/components/SelectField/SelectField.js +47 -37
- package/dist/components/SelectFieldOption/SelectFieldOption.d.ts +11 -11
- package/dist/components/SelectFieldOption/SelectFieldOption.js +76 -12
- package/dist/components/ShowOnIntersection/ShowOnIntersection.d.ts +24 -24
- package/dist/components/ShowOnIntersection/ShowOnIntersection.js +33 -29
- package/dist/components/Text/Text.d.ts +23 -23
- package/dist/components/Text/Text.d.ts.map +1 -1
- package/dist/components/Text/Text.js +274 -38
- package/dist/components/TextField/TextField.d.ts +11 -11
- package/dist/components/TextField/TextField.d.ts.map +1 -1
- package/dist/components/TextField/TextField.js +50 -29
- package/dist/components/TextHighlighted/TextHighlighted.d.ts +9 -9
- package/dist/components/TextHighlighted/TextHighlighted.d.ts.map +1 -1
- package/dist/components/TextHighlighted/TextHighlighted.js +37 -22
- package/dist/components/TextInline/TextInline.d.ts +15 -15
- package/dist/components/TextInline/TextInline.d.ts.map +1 -1
- package/dist/components/TextInline/TextInline.js +45 -33
- package/dist/components/TextareaField/TextareaField.d.ts +5 -5
- package/dist/components/TextareaField/TextareaField.d.ts.map +1 -1
- package/dist/components/TextareaField/TextareaField.js +48 -27
- package/dist/components/index.d.ts +30 -30
- package/dist/components/index.js +62 -31
- package/dist/components/private/ButtonBase/ButtonBase.d.ts +49 -49
- package/dist/components/private/ButtonBase/ButtonBase.d.ts.map +1 -1
- package/dist/components/private/ButtonBase/ButtonBase.js +283 -76
- package/dist/components/private/FieldLabel/FieldLabel.d.ts +3 -3
- package/dist/components/private/FieldLabel/FieldLabel.d.ts.map +1 -1
- package/dist/components/private/FieldLabel/FieldLabel.js +45 -33
- package/dist/components/private/FieldLayoutBase/FieldLayoutBase.d.ts +3 -3
- package/dist/components/private/FieldLayoutBase/FieldLayoutBase.d.ts.map +1 -1
- package/dist/components/private/FieldLayoutBase/FieldLayoutBase.js +48 -31
- package/dist/components/private/Input/Checkbox.d.ts +3 -3
- package/dist/components/private/Input/Checkbox.d.ts.map +1 -1
- package/dist/components/private/Input/Checkbox.js +24 -16
- package/dist/components/private/Input/InputBase.d.ts +3 -3
- package/dist/components/private/Input/InputBase.js +76 -52
- package/dist/components/private/Input/InputDate.d.ts +3 -3
- package/dist/components/private/Input/InputDate.d.ts.map +1 -1
- package/dist/components/private/Input/InputDate.js +35 -18
- package/dist/components/private/Input/InputNumber.d.ts +9 -9
- package/dist/components/private/Input/InputNumber.d.ts.map +1 -1
- package/dist/components/private/Input/InputNumber.js +30 -17
- package/dist/components/private/Input/InputPassword.d.ts +5 -5
- package/dist/components/private/Input/InputPassword.d.ts.map +1 -1
- package/dist/components/private/Input/InputPassword.js +26 -17
- package/dist/components/private/Input/InputText.d.ts +6 -6
- package/dist/components/private/Input/InputText.d.ts.map +1 -1
- package/dist/components/private/Input/InputText.js +25 -17
- package/dist/components/private/Input/InputTime.d.ts +3 -3
- package/dist/components/private/Input/InputTime.d.ts.map +1 -1
- package/dist/components/private/Input/InputTime.js +29 -16
- package/dist/components/private/Input/Radio.d.ts +3 -3
- package/dist/components/private/Input/Radio.d.ts.map +1 -1
- package/dist/components/private/Input/Radio.js +24 -16
- package/dist/components/private/Input/Select.d.ts +5 -5
- package/dist/components/private/Input/Select.d.ts.map +1 -1
- package/dist/components/private/Input/Select.js +33 -22
- package/dist/components/private/Input/Textarea.d.ts +6 -6
- package/dist/components/private/Input/Textarea.d.ts.map +1 -1
- package/dist/components/private/Input/Textarea.js +29 -19
- package/dist/components/private/Input/hooks/useChangeHandler.d.ts +6 -6
- package/dist/components/private/Input/hooks/useChangeHandler.js +15 -16
- package/dist/components/private/Input/utils/date.d.ts +2 -2
- package/dist/components/private/Input/utils/date.js +10 -9
- package/dist/components/private/SelectFieldLayout/SelectFieldLayout.d.ts +9 -9
- package/dist/components/private/SelectFieldLayout/SelectFieldLayout.d.ts.map +1 -1
- package/dist/components/private/SelectFieldLayout/SelectFieldLayout.js +92 -46
- package/dist/components/private/Spinner/Spinner.d.ts +6 -6
- package/dist/components/private/Spinner/Spinner.d.ts.map +1 -1
- package/dist/components/private/Spinner/Spinner.js +49 -22
- package/dist/index.d.ts +1 -1
- package/dist/index.js +62 -31
- package/dist/index.module-DvtYTgMy.js +27 -0
- package/dist/layout-grid.module-QXlvbHyU.js +103 -0
- package/dist/shared-styles/align-self/align-self.d.ts +3 -0
- package/dist/shared-styles/align-self/align-self.d.ts.map +1 -0
- package/dist/shared-styles/align-self/align-self.js +34 -0
- package/dist/shared-styles/color/color.d.ts +3 -0
- package/dist/shared-styles/color/color.d.ts.map +1 -0
- package/dist/shared-styles/color/color.js +47 -0
- package/dist/shared-styles/layout-flex/layout-flex.d.ts +5 -0
- package/dist/shared-styles/layout-flex/layout-flex.d.ts.map +1 -0
- package/dist/shared-styles/layout-flex/layout-flex.js +151 -0
- package/dist/shared-styles/layout-gap/layout-gap.d.ts +3 -0
- package/dist/shared-styles/layout-gap/layout-gap.d.ts.map +1 -0
- package/dist/shared-styles/layout-gap/layout-gap.js +142 -0
- package/dist/shared-styles/layout-grid/layout-grid.d.ts +5 -0
- package/dist/shared-styles/layout-grid/layout-grid.d.ts.map +1 -0
- package/dist/shared-styles/layout-grid/layout-grid.js +41 -0
- package/dist/shared-styles/layout-grid-responsive-columns/layout-grid-responsive-columns.d.ts +8 -0
- package/dist/shared-styles/layout-grid-responsive-columns/layout-grid-responsive-columns.d.ts.map +1 -0
- package/dist/shared-styles/layout-grid-responsive-columns/layout-grid-responsive-columns.js +49 -0
- package/dist/shared-styles/layout-hide/layout-hide.d.ts +3 -0
- package/dist/shared-styles/layout-hide/layout-hide.d.ts.map +1 -0
- package/dist/shared-styles/layout-hide/layout-hide.js +59 -0
- package/dist/shared-styles/layout-padding/layout-padding.d.ts +3 -0
- package/dist/shared-styles/layout-padding/layout-padding.d.ts.map +1 -0
- package/dist/shared-styles/layout-padding/layout-padding.js +540 -0
- package/dist/shared-styles/layout-relative/layout-relative.d.ts +3 -0
- package/dist/shared-styles/layout-relative/layout-relative.d.ts.map +1 -0
- package/dist/shared-styles/layout-relative/layout-relative.js +13 -0
- package/dist/shared-styles/text-accent/text-accent.d.ts +3 -0
- package/dist/shared-styles/text-accent/text-accent.d.ts.map +1 -0
- package/dist/shared-styles/text-accent/text-accent.js +27 -0
- package/dist/shared-styles/text-centered/text-centered.d.ts +3 -0
- package/dist/shared-styles/text-centered/text-centered.d.ts.map +1 -0
- package/dist/shared-styles/text-centered/text-centered.js +24 -0
- package/dist/shared-styles/text-weight/text-weight.d.ts +3 -0
- package/dist/shared-styles/text-weight/text-weight.d.ts.map +1 -0
- package/dist/shared-styles/text-weight/text-weight.js +16 -0
- package/dist/utils/render-icon.d.ts +19 -0
- package/dist/utils/render-icon.d.ts.map +1 -0
- package/dist/utils/render-icon.js +314 -0
- package/package.json +30 -20
- package/dist/components/Avatar/docs/static/avatar-1.png +0 -0
- package/dist/components/Avatar/docs/static/avatar-2.png +0 -0
- package/dist/components/Avatar/docs/static/avatar-3.png +0 -0
- package/dist/components/Avatar/docs/static/avatar-4.png +0 -0
- package/dist/components/Avatar/docs/static/avatar-5.png +0 -0
- package/dist/components/Avatar/style/index.module.less +0 -8
- package/dist/components/Avatar/style/index.module.less.js +0 -9
- package/dist/components/Avatar/style/mixins.less +0 -45
- package/dist/components/Avatar/style/mixins.less.js +0 -8
- package/dist/components/AvatarWithStatus/style/index.module.less +0 -7
- package/dist/components/AvatarWithStatus/style/index.module.less.js +0 -9
- package/dist/components/AvatarWithStatus/style/mixins.less +0 -64
- package/dist/components/AvatarWithStatus/style/mixins.less.js +0 -8
- package/dist/components/Badge/Badge.module.less +0 -108
- package/dist/components/Badge/Badge.module.less.js +0 -9
- package/dist/components/Box/style/index.module.less +0 -9
- package/dist/components/Box/style/index.module.less.js +0 -9
- package/dist/components/Box/style/mixins.less +0 -39
- package/dist/components/Box/style/mixins.less.js +0 -8
- package/dist/components/Button/style/index.module.less +0 -7
- package/dist/components/Button/style/index.module.less.js +0 -9
- package/dist/components/Button/style/mixins.less +0 -23
- package/dist/components/Button/style/mixins.less.js +0 -8
- package/dist/components/Chips/style/index.module.less +0 -94
- package/dist/components/Chips/style/index.module.less.js +0 -9
- package/dist/components/Chips/svg/close.svg.js +0 -17
- package/dist/components/FieldAdditionalText/style/index.module.less +0 -5
- package/dist/components/FieldAdditionalText/style/index.module.less.js +0 -9
- package/dist/components/FieldAdditionalText/style/mixins.less +0 -20
- package/dist/components/FieldAdditionalText/style/mixins.less.js +0 -8
- package/dist/components/FieldButton/style/index.module.less +0 -5
- package/dist/components/FieldButton/style/index.module.less.js +0 -9
- package/dist/components/FieldButton/style/mixins.less +0 -40
- package/dist/components/FieldButton/style/mixins.less.js +0 -8
- package/dist/components/FieldLayout/style/index.module.less +0 -5
- package/dist/components/FieldLayout/style/index.module.less.js +0 -9
- package/dist/components/FieldLayout/style/mixins.less +0 -114
- package/dist/components/FieldLayout/style/mixins.less.js +0 -8
- package/dist/components/Heading/style/index.module.less +0 -9
- package/dist/components/Heading/style/index.module.less.js +0 -9
- package/dist/components/Heading/style/mixins.less +0 -6
- package/dist/components/Heading/style/mixins.less.js +0 -8
- package/dist/components/Icon/style/index.module.less +0 -6
- package/dist/components/Icon/style/index.module.less.js +0 -9
- package/dist/components/Icon/style/mixins.less +0 -43
- package/dist/components/Icon/style/mixins.less.js +0 -8
- package/dist/components/LayoutFlexItem/style/index.module.less +0 -8
- package/dist/components/LayoutFlexItem/style/index.module.less.js +0 -9
- package/dist/components/LayoutFlexItem/style/mixins.less +0 -16
- package/dist/components/LayoutFlexItem/style/mixins.less.js +0 -8
- package/dist/components/LayoutGridItem/style/index.module.less +0 -7
- package/dist/components/LayoutGridItem/style/index.module.less.js +0 -9
- package/dist/components/LayoutGridItem/style/mixins.less +0 -3
- package/dist/components/LayoutGridItem/style/mixins.less.js +0 -8
- package/dist/components/Link/style/index.module.less +0 -7
- package/dist/components/Link/style/index.module.less.js +0 -9
- package/dist/components/Link/style/mixins.less +0 -44
- package/dist/components/Link/style/mixins.less.js +0 -8
- package/dist/components/Loader/style/index.module.less +0 -14
- package/dist/components/Loader/style/index.module.less.js +0 -9
- package/dist/components/NumberField/style/index.module.less +0 -5
- package/dist/components/NumberField/style/index.module.less.js +0 -9
- package/dist/components/NumberField/style/mixins.less +0 -12
- package/dist/components/NumberField/style/mixins.less.js +0 -8
- package/dist/components/PasswordField/style/index.module.less +0 -5
- package/dist/components/PasswordField/style/index.module.less.js +0 -9
- package/dist/components/PasswordField/style/mixins.less +0 -3
- package/dist/components/PasswordField/style/mixins.less.js +0 -8
- package/dist/components/PasswordField/svg/eye-hide.svg.js +0 -19
- package/dist/components/PasswordField/svg/eye.svg.js +0 -19
- package/dist/components/PasswordField/svg/lock.svg.js +0 -19
- package/dist/components/PasswordField/svg/tokyo-ui-eye-hide.svg.js +0 -17
- package/dist/components/PasswordField/svg/tokyo-ui-eye.svg.js +0 -17
- package/dist/components/PasswordField/svg/tokyo-ui-lock.svg.js +0 -17
- package/dist/components/PreplyLogo/style/index.module.less +0 -19
- package/dist/components/PreplyLogo/style/index.module.less.js +0 -9
- package/dist/components/PreplyLogo/svg/logo-rebrand.svg.js +0 -33
- package/dist/components/SelectField/style/index.module.less +0 -5
- package/dist/components/SelectField/style/index.module.less.js +0 -9
- package/dist/components/SelectField/style/mixins.less +0 -3
- package/dist/components/SelectField/style/mixins.less.js +0 -8
- package/dist/components/Text/style/index.module.less +0 -10
- package/dist/components/Text/style/index.module.less.js +0 -9
- package/dist/components/Text/style/mixins.less +0 -13
- package/dist/components/Text/style/mixins.less.js +0 -8
- package/dist/components/TextField/style/index.module.less +0 -5
- package/dist/components/TextField/style/index.module.less.js +0 -9
- package/dist/components/TextField/style/mixins.less +0 -3
- package/dist/components/TextField/style/mixins.less.js +0 -8
- package/dist/components/TextHighlighted/style/index.module.less +0 -7
- package/dist/components/TextHighlighted/style/index.module.less.js +0 -9
- package/dist/components/TextHighlighted/style/mixins.less +0 -10
- package/dist/components/TextHighlighted/style/mixins.less.js +0 -8
- package/dist/components/TextInline/style/index.module.less +0 -8
- package/dist/components/TextInline/style/index.module.less.js +0 -9
- package/dist/components/TextInline/style/mixins.less +0 -14
- package/dist/components/TextInline/style/mixins.less.js +0 -8
- package/dist/components/TextareaField/style/index.module.less +0 -5
- package/dist/components/TextareaField/style/index.module.less.js +0 -9
- package/dist/components/TextareaField/style/mixins.less +0 -3
- package/dist/components/TextareaField/style/mixins.less.js +0 -8
- package/dist/components/private/ButtonBase/style/index.module.less +0 -17
- package/dist/components/private/ButtonBase/style/index.module.less.js +0 -9
- package/dist/components/private/ButtonBase/style/mixins.less +0 -88
- package/dist/components/private/ButtonBase/style/mixins.less.js +0 -8
- package/dist/components/private/FieldLabel/style/index.module.less +0 -6
- package/dist/components/private/FieldLabel/style/index.module.less.js +0 -9
- package/dist/components/private/FieldLabel/style/mixins.less +0 -36
- package/dist/components/private/FieldLabel/style/mixins.less.js +0 -8
- package/dist/components/private/FieldLayoutBase/style/index.module.less +0 -5
- package/dist/components/private/FieldLayoutBase/style/index.module.less.js +0 -9
- package/dist/components/private/FieldLayoutBase/style/mixins.less +0 -13
- package/dist/components/private/FieldLayoutBase/style/mixins.less.js +0 -8
- package/dist/components/private/Input/style/index.module.less +0 -38
- package/dist/components/private/Input/style/index.module.less.js +0 -9
- package/dist/components/private/Input/style/mixins.less +0 -34
- package/dist/components/private/Input/style/mixins.less.js +0 -8
- package/dist/components/private/SelectFieldLayout/style/index.module.less +0 -5
- package/dist/components/private/SelectFieldLayout/style/index.module.less.js +0 -9
- package/dist/components/private/SelectFieldLayout/style/mixins.less +0 -107
- package/dist/components/private/SelectFieldLayout/style/mixins.less.js +0 -8
- package/dist/components/private/SelectFieldLayout/svg/expand-heavy.svg.js +0 -17
- package/dist/components/private/Spinner/style/index.module.less +0 -46
- package/dist/components/private/Spinner/style/index.module.less.js +0 -9
- package/dist/components/private/Spinner/style/mixins.less +0 -17
- package/dist/components/private/Spinner/style/mixins.less.js +0 -8
- package/dist/components/private/Spinner/svg/ellipsis.svg.js +0 -17
- package/dist/components/private/Spinner/svg/spinner.svg.js +0 -26
- package/dist/external/style-inject/dist/style-inject.es.js +0 -29
- package/dist/packages/visual-coverage-component-names/dist/componentNames.js +0 -54
- package/dist/packages/web-core/dist/dom/props/index.js +0 -20
|
@@ -1,64 +0,0 @@
|
|
|
1
|
-
@import '@preply/ds-web-core/dist/generated/tokens.less';
|
|
2
|
-
@import '@preply/ds-web-core/dist/generated/options.less';
|
|
3
|
-
@import '@preply/ds-web-core/dist/theme/style/declarations.mixins.less';
|
|
4
|
-
|
|
5
|
-
@clip-paths: {
|
|
6
|
-
size-2xs: path(
|
|
7
|
-
'M23.2457 16.1966C23.7334 14.8903 24 13.4763 24 12C24 5.37258 18.6274 0 12 0C5.37258 0 0 5.37258 0 12C0 18.6274 5.37258 24 12 24C13.4763 24 14.8903 23.7334 16.1966 23.2457C15.4505 22.3723 15 21.2388 15 20C15 17.2386 17.2386 15 20 15C21.2388 15 22.3723 15.4505 23.2457 16.1966Z'
|
|
8
|
-
);
|
|
9
|
-
size-xs: path(
|
|
10
|
-
'M30.2794 23.2256C31.3798 21.0551 32 18.6 32 16C32 7.16344 24.8366 0 16 0C7.16344 0 0 7.16344 0 16C0 24.8366 7.16344 32 16 32C18.6 32 21.0551 31.3798 23.2256 30.2794C22.4622 29.4015 22 28.2547 22 27C22 24.2386 24.2386 22 27 22C28.2547 22 29.4015 22.4622 30.2794 23.2256Z'
|
|
11
|
-
);
|
|
12
|
-
size-m: path(
|
|
13
|
-
'M45.661 34.3473C47.1604 31.2142 48 27.7052 48 24C48 10.7452 37.2548 0 24 0C10.7452 0 0 10.7452 0 24C0 37.2548 10.7452 48 24 48C27.7052 48 31.2142 47.1604 34.3473 45.661C32.8972 44.213 32 42.2113 32 40C32 35.5817 35.5817 32 40 32C42.2113 32 44.213 32.8972 45.661 34.3473Z'
|
|
14
|
-
);
|
|
15
|
-
size-xl: path(
|
|
16
|
-
'M75.4329 58.5785C78.3496 53.0271 80 46.7063 80 40C80 17.9086 62.0914 0 40 0C17.9086 0 0 17.9086 0 40C0 62.0914 17.9086 80 40 80C46.7063 80 53.0271 78.3496 58.5785 75.4329C56.9638 73.3889 56 70.807 56 68C56 61.3726 61.3726 56 68 56C70.807 56 73.3889 56.9638 75.4329 58.5785Z'
|
|
17
|
-
);
|
|
18
|
-
// these sizes are not supported in bold-ui
|
|
19
|
-
// for tokyo-ui, no clip-path needed
|
|
20
|
-
size-64: none;
|
|
21
|
-
size-96: none;
|
|
22
|
-
size-160: none;
|
|
23
|
-
};
|
|
24
|
-
|
|
25
|
-
@namespace: 'avatarWithStatus';
|
|
26
|
-
|
|
27
|
-
.status-indicator() {
|
|
28
|
-
display: inline-block;
|
|
29
|
-
position: relative;
|
|
30
|
-
&--indicator {
|
|
31
|
-
position: absolute;
|
|
32
|
-
border-style: solid;
|
|
33
|
-
@token: 'onlineIndicator';
|
|
34
|
-
.border-radius(@namespace, @token);
|
|
35
|
-
.border-width(@namespace, @token);
|
|
36
|
-
.border-color(@namespace, @token);
|
|
37
|
-
.bg-color(@namespace, '@{token}-offline');
|
|
38
|
-
}
|
|
39
|
-
}
|
|
40
|
-
|
|
41
|
-
.online() {
|
|
42
|
-
&--online &--indicator {
|
|
43
|
-
@token: 'onlineIndicator-online';
|
|
44
|
-
.bg-color(@namespace, @token);
|
|
45
|
-
}
|
|
46
|
-
}
|
|
47
|
-
|
|
48
|
-
.avatar-size() {
|
|
49
|
-
each(@AVATAR_WITH_STATUS_SIZE_OPTIONS, {
|
|
50
|
-
&--size-@{value} &--clip {
|
|
51
|
-
@key: 'size-@{value}';
|
|
52
|
-
@path: @clip-paths[$@key];
|
|
53
|
-
clip-path: @path;
|
|
54
|
-
}
|
|
55
|
-
&--size-@{value} &--indicator {
|
|
56
|
-
@token: 'size-@{value}';
|
|
57
|
-
.size(@namespace, @token, 'onlineIndicator-size');
|
|
58
|
-
|
|
59
|
-
@offset: '@{namespace}-size-@{value}-onlineIndicator-offset';
|
|
60
|
-
right: @@offset;
|
|
61
|
-
bottom: @@offset;
|
|
62
|
-
}
|
|
63
|
-
});
|
|
64
|
-
}
|
|
@@ -1,8 +0,0 @@
|
|
|
1
|
-
import styleInject from '../../../external/style-inject/dist/style-inject.es.js';
|
|
2
|
-
|
|
3
|
-
var css_248z = "";
|
|
4
|
-
var stylesheet="";
|
|
5
|
-
styleInject(css_248z);
|
|
6
|
-
|
|
7
|
-
export { css_248z as default, stylesheet };
|
|
8
|
-
//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibWl4aW5zLmxlc3MuanMiLCJzb3VyY2VzIjpbXSwic291cmNlc0NvbnRlbnQiOltdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7Ozs7OzsifQ==
|
|
@@ -1,108 +0,0 @@
|
|
|
1
|
-
@import '@preply/ds-web-core/dist/generated/tokens.less';
|
|
2
|
-
|
|
3
|
-
.deprecated() {
|
|
4
|
-
&[data-accent=unset] {
|
|
5
|
-
color: @root-palette-gray-500;
|
|
6
|
-
background-color: @root-palette-gray-200;
|
|
7
|
-
&[data-inverted=true] {
|
|
8
|
-
color: @root-palette-gray-100;
|
|
9
|
-
background-color: @root-palette-gray-400;
|
|
10
|
-
}
|
|
11
|
-
}
|
|
12
|
-
&[data-accent='accent'] {
|
|
13
|
-
color: @badge-accent-accent-normal-color;
|
|
14
|
-
background-color: @badge-accent-accent-normal-bgColor;
|
|
15
|
-
&[data-inverted=true] {
|
|
16
|
-
color: @badge-accent-accent-inverted-color;
|
|
17
|
-
background-color: @badge-accent-accent-inverted-bgColor;
|
|
18
|
-
}
|
|
19
|
-
}
|
|
20
|
-
&[data-accent='info'] {
|
|
21
|
-
color: @badge-accent-info-normal-color;
|
|
22
|
-
background-color: @badge-accent-info-normal-bgColor;
|
|
23
|
-
&[data-inverted=true] {
|
|
24
|
-
color: @badge-accent-info-inverted-color;
|
|
25
|
-
background-color: @badge-accent-info-inverted-bgColor;
|
|
26
|
-
}
|
|
27
|
-
}
|
|
28
|
-
&[data-accent='positive'] {
|
|
29
|
-
color: @badge-accent-positive-normal-color;
|
|
30
|
-
background-color: @badge-accent-positive-normal-bgColor;
|
|
31
|
-
&[data-inverted=true] {
|
|
32
|
-
color: @badge-accent-positive-inverted-color;
|
|
33
|
-
background-color: @badge-accent-positive-inverted-bgColor;
|
|
34
|
-
}
|
|
35
|
-
}
|
|
36
|
-
&[data-accent='warning'] {
|
|
37
|
-
color: @badge-accent-warning-normal-color;
|
|
38
|
-
background-color: @badge-accent-warning-normal-bgColor;
|
|
39
|
-
&[data-inverted=true] {
|
|
40
|
-
color: @badge-accent-warning-inverted-color;
|
|
41
|
-
background-color: @badge-accent-warning-inverted-bgColor;
|
|
42
|
-
}
|
|
43
|
-
}
|
|
44
|
-
&[data-accent='critical'] {
|
|
45
|
-
color: @badge-accent-critical-normal-color;
|
|
46
|
-
background-color: @badge-accent-critical-normal-bgColor;
|
|
47
|
-
&[data-inverted=true] {
|
|
48
|
-
color: @badge-accent-critical-inverted-color;
|
|
49
|
-
background-color: @badge-accent-critical-inverted-bgColor;
|
|
50
|
-
}
|
|
51
|
-
}
|
|
52
|
-
&[data-accent='tertiary'] {
|
|
53
|
-
color: @badge-accent-tertiary-normal-color;
|
|
54
|
-
background-color: @badge-accent-tertiary-normal-bgColor;
|
|
55
|
-
&[data-inverted=true] {
|
|
56
|
-
color: @badge-accent-tertiary-inverted-color;
|
|
57
|
-
background-color: @badge-accent-tertiary-inverted-bgColor;
|
|
58
|
-
}
|
|
59
|
-
}
|
|
60
|
-
}
|
|
61
|
-
|
|
62
|
-
.badge {
|
|
63
|
-
display: inline-flex;
|
|
64
|
-
align-items: center;
|
|
65
|
-
gap: @spacing-4;
|
|
66
|
-
border-radius: @radius-4;
|
|
67
|
-
padding: @spacing-2 @spacing-8;
|
|
68
|
-
width: fit-content;
|
|
69
|
-
color: @color-text-primary;
|
|
70
|
-
|
|
71
|
-
&[data-size='small'] {
|
|
72
|
-
height: @sizing-20;
|
|
73
|
-
font-size: @text-caption-semibold-body-fontSize;
|
|
74
|
-
font-weight: @text-caption-semibold-body-fontWeight;
|
|
75
|
-
line-height: @text-caption-semibold-body-lineHeight;
|
|
76
|
-
}
|
|
77
|
-
&[data-size='medium'] {
|
|
78
|
-
height: @sizing-24;
|
|
79
|
-
font-size: @text-small-semibold-body-fontSize;
|
|
80
|
-
font-weight: @text-small-semibold-body-fontWeight;
|
|
81
|
-
line-height: @text-small-semibold-body-lineHeight;
|
|
82
|
-
}
|
|
83
|
-
&[data-size='large'] {
|
|
84
|
-
height: @sizing-32;
|
|
85
|
-
padding: @spacing-4 @spacing-12;
|
|
86
|
-
font-size: @text-default-semibold-body-fontSize;
|
|
87
|
-
font-weight: @text-default-semibold-body-fontWeight;
|
|
88
|
-
line-height: @text-default-semibold-body-lineHeight;
|
|
89
|
-
}
|
|
90
|
-
|
|
91
|
-
&[data-type='neutral'] {
|
|
92
|
-
background: @color-background-disabled;
|
|
93
|
-
}
|
|
94
|
-
&[data-type='positive'] {
|
|
95
|
-
background: @color-background-positiveLight;
|
|
96
|
-
}
|
|
97
|
-
&[data-type='warning'] {
|
|
98
|
-
background: @color-background-warningLight;
|
|
99
|
-
}
|
|
100
|
-
&[data-type='info'] {
|
|
101
|
-
background: @color-background-infoLight;
|
|
102
|
-
}
|
|
103
|
-
&[data-type='critical'] {
|
|
104
|
-
background: @color-background-criticalLight;
|
|
105
|
-
}
|
|
106
|
-
|
|
107
|
-
.deprecated();
|
|
108
|
-
}
|
|
@@ -1,9 +0,0 @@
|
|
|
1
|
-
import styleInject from '../../external/style-inject/dist/style-inject.es.js';
|
|
2
|
-
|
|
3
|
-
var css_248z = ".Aj95L5{-webkit-box-align:center;-ms-flex-align:center;align-items:center;border-radius:var(--5e8be4);color:var(--628fb7);display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;gap:var(--590b8d);padding:var(--05dd73) var(--66b80b);width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.Aj95L5[data-size=small]{font-size:var(--e3a55b);font-weight:var(--8cd94c);height:var(--76ac8f);line-height:var(--732f40)}.Aj95L5[data-size=medium]{font-size:var(--fdb733);font-weight:var(--9643c1);height:var(--f316e1);line-height:var(--754361)}.Aj95L5[data-size=large]{font-size:var(--475c79);font-weight:var(--a3f251);height:var(--7789ee);line-height:var(--e33d9e);padding:var(--590b8d) var(--813599)}.Aj95L5[data-type=neutral]{background:var(--319b29)}.Aj95L5[data-type=positive]{background:var(--1836a4)}.Aj95L5[data-type=warning]{background:var(--b503b8)}.Aj95L5[data-type=info]{background:var(--94a45e)}.Aj95L5[data-type=critical]{background:var(--f15644)}.Aj95L5[data-accent=unset]{background-color:var(--8f1238);color:var(--c9575b)}.Aj95L5[data-accent=unset][data-inverted=true]{background-color:var(--7c8c3c);color:var(--55407f)}.Aj95L5[data-accent=accent]{background-color:var(--eba8f8);color:var(--dede3f)}.Aj95L5[data-accent=accent][data-inverted=true]{background-color:var(--54c075);color:var(--732eb5)}.Aj95L5[data-accent=info]{background-color:var(--7a1a33);color:var(--f3be0c)}.Aj95L5[data-accent=info][data-inverted=true]{background-color:var(--fa3428);color:var(--506df4)}.Aj95L5[data-accent=positive]{background-color:var(--694afa);color:var(--2a2719)}.Aj95L5[data-accent=positive][data-inverted=true]{background-color:var(--47c404);color:var(--30c365)}.Aj95L5[data-accent=warning]{background-color:var(--02372a);color:var(--84e571)}.Aj95L5[data-accent=warning][data-inverted=true]{background-color:var(--08fa29);color:var(--363237)}.Aj95L5[data-accent=critical]{background-color:var(--22f022);color:var(--036159)}.Aj95L5[data-accent=critical][data-inverted=true]{background-color:var(--cdb1f6);color:var(--90eeff)}.Aj95L5[data-accent=tertiary]{background-color:var(--a453d7);color:var(--d7e14c)}.Aj95L5[data-accent=tertiary][data-inverted=true]{background-color:var(--50e919);color:var(--ab5158)}";
|
|
4
|
-
var styles = {__id:"/home/runner/work/design-system/design-system/packages/web-lib/src/components/Badge/Badge.module.less",__css:css_248z,"badge":"Aj95L5"};
|
|
5
|
-
var stylesheet=css_248z;
|
|
6
|
-
styleInject(css_248z);
|
|
7
|
-
|
|
8
|
-
export { styles as default, stylesheet };
|
|
9
|
-
|
|
@@ -1,9 +0,0 @@
|
|
|
1
|
-
import styleInject from '../../../external/style-inject/dist/style-inject.es.js';
|
|
2
|
-
|
|
3
|
-
var css_248z = ".sKgFi2{-webkit-box-flex:1;background-color:var(--786b9e);border:none;border-spacing:0;-webkit-box-shadow:var(--a814c9);box-shadow:var(--a814c9);color:var(--aface6);-ms-flex:1;flex:1;font-weight:inherit;list-style:none;margin:0;text-align:inherit}._250jGn{border-radius:var(--84e079)}._8pEG-E{border-radius:var(--1c37d5)}.yBMLVS{border-radius:var(--9e57e5)}._54Jf2o{border-radius:var(--adc668)}.pEI33D{border-radius:var(--9817c7)}.z3MJds{border-radius:var(--7dcb5e)}.iQAzJt{border-radius:var(--2071ea)}.fZQf2i{border-radius:var(--c1925d)}.NGCMFV{border-radius:var(--f3f949)}.-NA1Rs{border-radius:var(--67250f)}.qszHvx{border-radius:var(--fba602)}._0mzz3P{border-radius:var(--f8b939)}.-xyBKV{border-radius:var(--4d9939)}.BMbNTd{border-radius:var(--a78cb4)}.trgzQW{border-radius:var(--439947)}@media (min-width:400px){._7wXsJi{border-radius:var(--84e079)}.U8sXxA{border-radius:var(--1c37d5)}.QqbC9U{border-radius:var(--9e57e5)}.nCUtMO{border-radius:var(--adc668)}.Cze1yn{border-radius:var(--9817c7)}.G5JK-A{border-radius:var(--7dcb5e)}.yWuosh{border-radius:var(--2071ea)}.rVag-W{border-radius:var(--c1925d)}.Zyr3Oi{border-radius:var(--f3f949)}._39IqjQ{border-radius:var(--67250f)}.foww6d{border-radius:var(--fba602)}.BU2Vyz{border-radius:var(--f8b939)}.LjDnhX{border-radius:var(--4d9939)}.UT-9PW{border-radius:var(--a78cb4)}.aXNI-9{border-radius:var(--439947)}}@media (min-width:700px){.VSvFyZ{border-radius:var(--84e079)}._271lPa{border-radius:var(--1c37d5)}.TmS7kT{border-radius:var(--9e57e5)}.WKjfon{border-radius:var(--adc668)}.aRF-8u{border-radius:var(--9817c7)}.rLRaGp{border-radius:var(--7dcb5e)}.bfknIP{border-radius:var(--2071ea)}._2aEdLJ{border-radius:var(--c1925d)}.ph01Em{border-radius:var(--f3f949)}.WL--wb{border-radius:var(--67250f)}._7doSb8{border-radius:var(--fba602)}._6gWcIG{border-radius:var(--f8b939)}.wLsPhM{border-radius:var(--4d9939)}.CpJAv2{border-radius:var(--a78cb4)}.C4yJhQ{border-radius:var(--439947)}}@media (min-width:880px){._2oVbx9{border-radius:var(--84e079)}.Wru-5H{border-radius:var(--1c37d5)}.jRdQsL{border-radius:var(--9e57e5)}.lPezW7{border-radius:var(--adc668)}.bmunwT{border-radius:var(--9817c7)}.IUY2CF{border-radius:var(--7dcb5e)}.Q67vL2{border-radius:var(--2071ea)}._8Rv0i4{border-radius:var(--c1925d)}.-vjtOC{border-radius:var(--f3f949)}.QuBKr-{border-radius:var(--67250f)}.hhmLkG{border-radius:var(--fba602)}.Y78v7s{border-radius:var(--f8b939)}.UGST53{border-radius:var(--4d9939)}.lKa3Vy{border-radius:var(--a78cb4)}.XsFpbo{border-radius:var(--439947)}}@media (min-width:1200px){.ngmwVX{border-radius:var(--84e079)}.XbcGct{border-radius:var(--1c37d5)}.-GWGe4{border-radius:var(--9e57e5)}.q7wPCG{border-radius:var(--adc668)}.OXe-M6{border-radius:var(--9817c7)}.sp-lmS{border-radius:var(--7dcb5e)}.i3loZK{border-radius:var(--2071ea)}.hBTXGn{border-radius:var(--c1925d)}.lkphxo{border-radius:var(--f3f949)}.jn-mm5{border-radius:var(--67250f)}._11l0xL{border-radius:var(--fba602)}._9szbm0{border-radius:var(--f8b939)}._4ASkJb{border-radius:var(--4d9939)}.Y4x9D1{border-radius:var(--a78cb4)}.Opb-ZK{border-radius:var(--439947)}}@media (min-width:1900px){.cIfubS{border-radius:var(--84e079)}.KTfIEc{border-radius:var(--1c37d5)}.ogJOll{border-radius:var(--9e57e5)}.yBz-a1{border-radius:var(--adc668)}._-9J90-{border-radius:var(--9817c7)}.WWouoC{border-radius:var(--7dcb5e)}.FjMqpD{border-radius:var(--2071ea)}.X-3Tgv{border-radius:var(--c1925d)}.Nf6SPw{border-radius:var(--f3f949)}.B64QjX{border-radius:var(--67250f)}.htmzMs{border-radius:var(--fba602)}.-G9mKJ{border-radius:var(--f8b939)}.Sd24d5{border-radius:var(--4d9939)}.eWvsLo{border-radius:var(--a78cb4)}.fYlyNp{border-radius:var(--439947)}}.kyecVK{background-color:var(--145676)}.g1uM6u{background-color:var(--55407f)}.WIIbRR{background-color:var(--8f1238)}.LaTfCs{background-color:var(--da403c)}.Qtef4X{background-color:var(--7c8c3c)}.-Y9Y4c{background-color:var(--c9575b)}.R-tInP{background-color:var(--2fb6f7)}.HnUc5I{background-color:var(--54ed1d)}.MP6dMA{background-color:var(--b706bf)}.kGGaxu{background-color:var(--4adefb)}.WEX8Dc{background-color:var(--de8a40)}.wfL9DU{background-color:var(--574543)}._9vNJAS{background-color:var(--1383a7)}.-VCH23{background-color:var(--9f1066)}.N3EdD6{background-color:var(--d4cf94)}.R1lvyj{background-color:var(--bbfa9f)}.y-dFnt{background-color:var(--5f8b30)}.q-d-jn{background-color:var(--c7d8be)}.ENLGs3{background-color:var(--17bab8)}.Ra4VPp{background-color:var(--f017e5)}.HxStrn{background-color:var(--2242ed)}.bhuS5T{background-color:var(--e40de4)}.Qrclfp{background-color:var(--ecb5d5)}.mu-Pkd{background-color:var(--5b5cb0)}.Ovuu2i{background-color:var(--d55c71)}.zLrKgS{background-color:var(--4e47fe)}.Jexm-V{background-color:var(--3e7877)}.Mdp7gQ{background-color:var(--21906f)}.qhQbQl{background-color:var(--5d87f3)}.zeElCT{background-color:var(--201e14)}.KUDVf4{background-color:var(--e1c27c)}.kqlFMy{background-color:var(--6a1420)}.LdZEO-{background-color:var(--1a9963)}.fWN9wv{background-color:var(--b774df)}.MgMQLJ{background-color:var(--f72cdd)}._41ozVY{background-color:var(--6cbd80)}.Puw0NZ{background-color:var(--5893e7)}.iwTv3N{background-color:var(--3546c3)}.BDhTr6{background-color:var(--302ecf)}._71k6rk{background-color:var(--a5c761)}.K0eEJn{background-color:var(--02a0d5)}._5J3YKj{background-color:var(--319b29)}.uZPPVz{background-color:var(--cd91ab)}.-CJU6Q{background-color:var(--706789)}.xKZph0{background-color:var(--560eda)}.Zr7i7X{background-color:var(--e4c520)}.dPlfkn{background-color:var(--1836a4)}.Z5umIB{background-color:var(--ae7f1f)}.jOsWtX{background-color:var(--94a45e)}._17bK47{background-color:var(--79dffb)}.o5wMlA{background-color:var(--b503b8)}.VxpPI-{background-color:var(--34fc43)}.h-v7Iq{background-color:var(--f15644)}.X4qyYH{background-color:var(--87fcf8)}.RsqXYo{background-color:var(--cbc115)}.n49GJK{background-color:var(--7ff085)}.R1bFij{background-color:var(--4983fe)}.PUg12m{background-color:var(--19649f)}.lwYUbb{background-color:var(--a469f2)}";
|
|
4
|
-
var styles = {__id:"/home/runner/work/design-system/design-system/packages/web-lib/src/components/Box/style/index.module.less",__css:css_248z,"Box":"sKgFi2","Box--box-radius-none":"_250jGn","Box--box-radius-m":"_8pEG-E","Box--box-radius-l":"yBMLVS","Box--box-radius-2":"pEI33D","Box--box-radius-4":"z3MJds","Box--box-radius-8":"iQAzJt","Box--box-radius-0":"_54Jf2o","Box--box-radius-12":"fZQf2i","Box--box-radius-16":"NGCMFV","Box--box-radius-24":"-NA1Rs","Box--box-radius-32":"qszHvx","Box--box-radius-48":"_0mzz3P","Box--box-radius-64":"-xyBKV","Box--box-radius-96":"BMbNTd","Box--box-radius-160":"trgzQW","Box--narrow-l--box-radius-none":"_7wXsJi","Box--narrow-l--box-radius-m":"U8sXxA","Box--narrow-l--box-radius-l":"QqbC9U","Box--narrow-l--box-radius-2":"Cze1yn","Box--narrow-l--box-radius-4":"G5JK-A","Box--narrow-l--box-radius-8":"yWuosh","Box--narrow-l--box-radius-0":"nCUtMO","Box--narrow-l--box-radius-12":"rVag-W","Box--narrow-l--box-radius-16":"Zyr3Oi","Box--narrow-l--box-radius-24":"_39IqjQ","Box--narrow-l--box-radius-32":"foww6d","Box--narrow-l--box-radius-48":"BU2Vyz","Box--narrow-l--box-radius-64":"LjDnhX","Box--narrow-l--box-radius-96":"UT-9PW","Box--narrow-l--box-radius-160":"aXNI-9","Box--medium-s--box-radius-none":"VSvFyZ","Box--medium-s--box-radius-m":"_271lPa","Box--medium-s--box-radius-l":"TmS7kT","Box--medium-s--box-radius-2":"aRF-8u","Box--medium-s--box-radius-4":"rLRaGp","Box--medium-s--box-radius-8":"bfknIP","Box--medium-s--box-radius-0":"WKjfon","Box--medium-s--box-radius-12":"_2aEdLJ","Box--medium-s--box-radius-16":"ph01Em","Box--medium-s--box-radius-24":"WL--wb","Box--medium-s--box-radius-32":"_7doSb8","Box--medium-s--box-radius-48":"_6gWcIG","Box--medium-s--box-radius-64":"wLsPhM","Box--medium-s--box-radius-96":"CpJAv2","Box--medium-s--box-radius-160":"C4yJhQ","Box--medium-l--box-radius-none":"_2oVbx9","Box--medium-l--box-radius-m":"Wru-5H","Box--medium-l--box-radius-l":"jRdQsL","Box--medium-l--box-radius-2":"bmunwT","Box--medium-l--box-radius-4":"IUY2CF","Box--medium-l--box-radius-8":"Q67vL2","Box--medium-l--box-radius-0":"lPezW7","Box--medium-l--box-radius-12":"_8Rv0i4","Box--medium-l--box-radius-16":"-vjtOC","Box--medium-l--box-radius-24":"QuBKr-","Box--medium-l--box-radius-32":"hhmLkG","Box--medium-l--box-radius-48":"Y78v7s","Box--medium-l--box-radius-64":"UGST53","Box--medium-l--box-radius-96":"lKa3Vy","Box--medium-l--box-radius-160":"XsFpbo","Box--wide-s--box-radius-none":"ngmwVX","Box--wide-s--box-radius-m":"XbcGct","Box--wide-s--box-radius-l":"-GWGe4","Box--wide-s--box-radius-2":"OXe-M6","Box--wide-s--box-radius-4":"sp-lmS","Box--wide-s--box-radius-8":"i3loZK","Box--wide-s--box-radius-0":"q7wPCG","Box--wide-s--box-radius-12":"hBTXGn","Box--wide-s--box-radius-16":"lkphxo","Box--wide-s--box-radius-24":"jn-mm5","Box--wide-s--box-radius-32":"_11l0xL","Box--wide-s--box-radius-48":"_9szbm0","Box--wide-s--box-radius-64":"_4ASkJb","Box--wide-s--box-radius-96":"Y4x9D1","Box--wide-s--box-radius-160":"Opb-ZK","Box--wide-l--box-radius-none":"cIfubS","Box--wide-l--box-radius-m":"KTfIEc","Box--wide-l--box-radius-l":"ogJOll","Box--wide-l--box-radius-2":"_-9J90-","Box--wide-l--box-radius-4":"WWouoC","Box--wide-l--box-radius-8":"FjMqpD","Box--wide-l--box-radius-0":"yBz-a1","Box--wide-l--box-radius-12":"X-3Tgv","Box--wide-l--box-radius-16":"Nf6SPw","Box--wide-l--box-radius-24":"B64QjX","Box--wide-l--box-radius-32":"htmzMs","Box--wide-l--box-radius-48":"-G9mKJ","Box--wide-l--box-radius-64":"Sd24d5","Box--wide-l--box-radius-96":"eWvsLo","Box--wide-l--box-radius-160":"fYlyNp","Box--background-white":"kyecVK","Box--background-gray-100":"g1uM6u","Box--background-gray-200":"WIIbRR","Box--background-gray-300":"LaTfCs","Box--background-gray-400":"Qtef4X","Box--background-gray-500":"-Y9Y4c","Box--background-gray-600":"R-tInP","Box--background-teal-100":"HnUc5I","Box--background-teal-200":"MP6dMA","Box--background-teal-300":"kGGaxu","Box--background-teal-400":"WEX8Dc","Box--background-teal-500":"wfL9DU","Box--background-green-100":"_9vNJAS","Box--background-green-200":"-VCH23","Box--background-green-300":"N3EdD6","Box--background-green-400":"R1lvyj","Box--background-green-500":"y-dFnt","Box--background-yellow-100":"q-d-jn","Box--background-yellow-200":"ENLGs3","Box--background-yellow-300":"Ra4VPp","Box--background-yellow-400":"HxStrn","Box--background-yellow-500":"bhuS5T","Box--background-red-100":"Qrclfp","Box--background-red-200":"mu-Pkd","Box--background-red-300":"Ovuu2i","Box--background-red-400":"zLrKgS","Box--background-red-500":"Jexm-V","Box--background-blue-100":"Mdp7gQ","Box--background-blue-200":"qhQbQl","Box--background-blue-300":"zeElCT","Box--background-blue-400":"KUDVf4","Box--background-blue-500":"kqlFMy","Box--background-magenta-100":"LdZEO-","Box--background-magenta-200":"fWN9wv","Box--background-magenta-300":"MgMQLJ","Box--background-magenta-400":"_41ozVY","Box--background-magenta-500":"Puw0NZ","Box--background-primary":"iwTv3N","Box--background-secondary":"BDhTr6","Box--background-tertiary":"_71k6rk","Box--background-overlay":"K0eEJn","Box--background-disabled":"_5J3YKj","Box--background-brand":"uZPPVz","Box--background-brandB2b":"-CJU6Q","Box--background-accentLight":"xKZph0","Box--background-accentDark":"Zr7i7X","Box--background-positiveLight":"dPlfkn","Box--background-positiveDark":"Z5umIB","Box--background-infoLight":"jOsWtX","Box--background-infoDark":"_17bK47","Box--background-warningLight":"o5wMlA","Box--background-warningDark":"VxpPI-","Box--background-criticalLight":"h-v7Iq","Box--background-criticalDark":"X4qyYH","Box--background-statusOnline":"RsqXYo","Box--background-statusOffline":"n49GJK","Box--background-primaryInverted":"R1bFij","Box--background-secondaryInverted":"PUg12m","Box--background-tertiaryInverted":"lwYUbb"};
|
|
5
|
-
var stylesheet=css_248z;
|
|
6
|
-
styleInject(css_248z);
|
|
7
|
-
|
|
8
|
-
export { styles as default, stylesheet };
|
|
9
|
-
|
|
@@ -1,39 +0,0 @@
|
|
|
1
|
-
@import '@preply/ds-web-core/dist/generated/tokens.less';
|
|
2
|
-
@import '@preply/ds-web-core/dist/generated/options.less';
|
|
3
|
-
@import '@preply/ds-web-core/dist/theme/style/declarations.mixins.less';
|
|
4
|
-
@import '@preply/ds-web-core/dist/responsive/style/mixins.less';
|
|
5
|
-
|
|
6
|
-
@namespace: 'box-radius';
|
|
7
|
-
|
|
8
|
-
.box-base() {
|
|
9
|
-
color: @scheme-color;
|
|
10
|
-
background-color: @scheme-bgColor;
|
|
11
|
-
box-shadow: @box-base-shadow;
|
|
12
|
-
flex: 1;
|
|
13
|
-
}
|
|
14
|
-
|
|
15
|
-
.box-radius() {
|
|
16
|
-
.responsive({
|
|
17
|
-
each(@BOX_RADIUS_OPTIONS, {
|
|
18
|
-
&--box-radius-@{value} {
|
|
19
|
-
.border-radius(@namespace, @value);
|
|
20
|
-
}
|
|
21
|
-
});
|
|
22
|
-
});
|
|
23
|
-
}
|
|
24
|
-
|
|
25
|
-
.box-background() {
|
|
26
|
-
each(@COLOR_NAME_OPTIONS, {
|
|
27
|
-
&--background-@{value} {
|
|
28
|
-
@token-name: 'root-palette-@{value}';
|
|
29
|
-
background-color: @@token-name;
|
|
30
|
-
}
|
|
31
|
-
});
|
|
32
|
-
|
|
33
|
-
each(@COLOR_BACKGROUND_OPTIONS, {
|
|
34
|
-
&--background-@{value} {
|
|
35
|
-
@token-name: 'color-background-@{value}';
|
|
36
|
-
background-color: @@token-name;
|
|
37
|
-
}
|
|
38
|
-
});
|
|
39
|
-
}
|
|
@@ -1,8 +0,0 @@
|
|
|
1
|
-
import styleInject from '../../../external/style-inject/dist/style-inject.es.js';
|
|
2
|
-
|
|
3
|
-
var css_248z = "";
|
|
4
|
-
var stylesheet="";
|
|
5
|
-
styleInject(css_248z);
|
|
6
|
-
|
|
7
|
-
export { css_248z as default, stylesheet };
|
|
8
|
-
//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibWl4aW5zLmxlc3MuanMiLCJzb3VyY2VzIjpbXSwic291cmNlc0NvbnRlbnQiOltdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7Ozs7OzsifQ==
|
|
@@ -1,9 +0,0 @@
|
|
|
1
|
-
import styleInject from '../../../external/style-inject/dist/style-inject.es.js';
|
|
2
|
-
|
|
3
|
-
var css_248z = ".bzPsPR{display:-webkit-box;display:-ms-flexbox;display:flex;margin-bottom:calc(var(--f316e1)*-1/2);margin-top:calc(var(--f316e1)*-1/2)}.bzPsPR svg{height:var(--f316e1);width:var(--f316e1)}.bzPsPR svg path{fill:currentColor}";
|
|
4
|
-
var styles = {__id:"/home/runner/work/design-system/design-system/packages/web-lib/src/components/Button/style/index.module.less",__css:css_248z,"Button--icon":"bzPsPR"};
|
|
5
|
-
var stylesheet=css_248z;
|
|
6
|
-
styleInject(css_248z);
|
|
7
|
-
|
|
8
|
-
export { styles as default, stylesheet };
|
|
9
|
-
|
|
@@ -1,23 +0,0 @@
|
|
|
1
|
-
.button() {
|
|
2
|
-
@icon-size: @sizing-24;
|
|
3
|
-
&--icon {
|
|
4
|
-
display: flex;
|
|
5
|
-
|
|
6
|
-
// In Tokyo UI, the icons are always the same height, regardless the button size.
|
|
7
|
-
// Using the icons with small buttons result in the text being shorter than the icon, and
|
|
8
|
-
// the button gets taller because of the icon itself. This is, from a Designers perspective,
|
|
9
|
-
// an unexpected height. That's why we need to ensure the icon does not pushes the button's
|
|
10
|
-
// height
|
|
11
|
-
margin-top: calc(-1 * @icon-size / 2);
|
|
12
|
-
margin-bottom: calc(-1 * @icon-size / 2);
|
|
13
|
-
|
|
14
|
-
svg {
|
|
15
|
-
width: @icon-size;
|
|
16
|
-
height: @icon-size;
|
|
17
|
-
|
|
18
|
-
path {
|
|
19
|
-
fill: currentColor;
|
|
20
|
-
}
|
|
21
|
-
}
|
|
22
|
-
}
|
|
23
|
-
}
|
|
@@ -1,8 +0,0 @@
|
|
|
1
|
-
import styleInject from '../../../external/style-inject/dist/style-inject.es.js';
|
|
2
|
-
|
|
3
|
-
var css_248z = "";
|
|
4
|
-
var stylesheet="";
|
|
5
|
-
styleInject(css_248z);
|
|
6
|
-
|
|
7
|
-
export { css_248z as default, stylesheet };
|
|
8
|
-
//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibWl4aW5zLmxlc3MuanMiLCJzb3VyY2VzIjpbXSwic291cmNlc0NvbnRlbnQiOltdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7Ozs7OzsifQ==
|
|
@@ -1,94 +0,0 @@
|
|
|
1
|
-
@import '@preply/ds-web-core/dist/generated/tokens.less';
|
|
2
|
-
@import '@preply/ds-web-core/dist/generated/hover.less';
|
|
3
|
-
|
|
4
|
-
.chips {
|
|
5
|
-
&:is(ul) {
|
|
6
|
-
list-style: none;
|
|
7
|
-
margin: 0;
|
|
8
|
-
padding: 0;
|
|
9
|
-
}
|
|
10
|
-
|
|
11
|
-
display: flex;
|
|
12
|
-
gap: @spacing-12;
|
|
13
|
-
flex-wrap: wrap;
|
|
14
|
-
|
|
15
|
-
& .chip {
|
|
16
|
-
& button {
|
|
17
|
-
all: unset;
|
|
18
|
-
}
|
|
19
|
-
|
|
20
|
-
box-sizing: border-box;
|
|
21
|
-
cursor: pointer;
|
|
22
|
-
height: @sizing-40;
|
|
23
|
-
width: fit-content;
|
|
24
|
-
font-size: @text-default-semibold-body-fontSize;
|
|
25
|
-
font-weight: @text-default-semibold-body-fontWeight;
|
|
26
|
-
line-height: @text-default-semibold-body-lineHeight;
|
|
27
|
-
color: @color-text-primary;
|
|
28
|
-
background-color: @color-background-primary;
|
|
29
|
-
border: solid @sizing-2;
|
|
30
|
-
border-radius: @radius-8;
|
|
31
|
-
border-color: @color-border-primary;
|
|
32
|
-
display: flex;
|
|
33
|
-
align-items: center;
|
|
34
|
-
|
|
35
|
-
.onHover({
|
|
36
|
-
background-color: @color-background-secondary;
|
|
37
|
-
});
|
|
38
|
-
|
|
39
|
-
&:has(.chip-toggle:focus-visible) {
|
|
40
|
-
outline: solid @sizing-2 @color-border-focus;
|
|
41
|
-
outline-offset: @spacing-2;
|
|
42
|
-
}
|
|
43
|
-
|
|
44
|
-
&:has(.chip-toggle:active) {
|
|
45
|
-
border-color: @color-border-secondary;
|
|
46
|
-
background-color: @color-background-tertiary;
|
|
47
|
-
}
|
|
48
|
-
|
|
49
|
-
&:has(.chip-toggle[aria-pressed="true"]) {
|
|
50
|
-
border-color: @color-border-secondary;
|
|
51
|
-
background-color: @color-background-tertiary;
|
|
52
|
-
}
|
|
53
|
-
|
|
54
|
-
& .chip-toggle {
|
|
55
|
-
padding: @spacing-8 @spacing-12;
|
|
56
|
-
display: flex;
|
|
57
|
-
gap: @spacing-8;
|
|
58
|
-
}
|
|
59
|
-
|
|
60
|
-
& .chip-remove {
|
|
61
|
-
height: fit-content;
|
|
62
|
-
width: fit-content;
|
|
63
|
-
display: flex;
|
|
64
|
-
justify-content: center;
|
|
65
|
-
align-items: center;
|
|
66
|
-
padding: @spacing-8 @spacing-12 @spacing-8 0;
|
|
67
|
-
border-radius: inherit;
|
|
68
|
-
|
|
69
|
-
&:focus-visible {
|
|
70
|
-
outline: solid @sizing-2 @color-border-focus;
|
|
71
|
-
outline-offset: @spacing-1 @spacing-2;
|
|
72
|
-
}
|
|
73
|
-
}
|
|
74
|
-
}
|
|
75
|
-
|
|
76
|
-
&[data-variant="choice"] .chip {
|
|
77
|
-
&:has(.chip-toggle[aria-pressed="true"]) {
|
|
78
|
-
color: @color-text-inverted;
|
|
79
|
-
background-color: @color-background-primaryInverted;
|
|
80
|
-
}
|
|
81
|
-
|
|
82
|
-
& .chip-remove {
|
|
83
|
-
display: none;
|
|
84
|
-
}
|
|
85
|
-
}
|
|
86
|
-
|
|
87
|
-
&[data-variant="filter"] .chip {
|
|
88
|
-
&:has(.chip-toggle[aria-pressed="false"]) {
|
|
89
|
-
& .chip-remove {
|
|
90
|
-
display: none;
|
|
91
|
-
}
|
|
92
|
-
}
|
|
93
|
-
}
|
|
94
|
-
}
|
|
@@ -1,9 +0,0 @@
|
|
|
1
|
-
import styleInject from '../../../external/style-inject/dist/style-inject.es.js';
|
|
2
|
-
|
|
3
|
-
var css_248z = ".EeC-E6{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:var(--813599)}ul.EeC-E6{list-style:none;margin:0;padding:0}.EeC-E6 ._6zPKgK{-webkit-box-align:center;-ms-flex-align:center;align-items:center;background-color:var(--3546c3);border:solid var(--26b8e3);border-color:var(--c03289);border-radius:var(--fa4b1a);-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--628fb7);cursor:pointer;display:-webkit-box;display:-ms-flexbox;display:flex;font-size:var(--475c79);font-weight:var(--a3f251);height:var(--ece0fe);line-height:var(--e33d9e);width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.EeC-E6 ._6zPKgK button{all:unset}@media (hover:hover) and (pointer:fine){.EeC-E6 ._6zPKgK:hover{background-color:var(--302ecf)}}.EeC-E6 ._6zPKgK:has(.mj0W7l:focus-visible){outline:solid var(--26b8e3) var(--5b4fe9);outline-offset:var(--05dd73)}.EeC-E6 ._6zPKgK:has(.mj0W7l:active){background-color:var(--a5c761);border-color:var(--11d206)}.EeC-E6 ._6zPKgK:has(.mj0W7l[aria-pressed=true]){background-color:var(--a5c761);border-color:var(--11d206)}.EeC-E6 ._6zPKgK .mj0W7l{gap:var(--66b80b);padding:var(--66b80b) var(--813599)}.EeC-E6 ._6zPKgK .eAfkTU,.EeC-E6 ._6zPKgK .mj0W7l{display:-webkit-box;display:-ms-flexbox;display:flex}.EeC-E6 ._6zPKgK .eAfkTU{-webkit-box-pack:center;-ms-flex-pack:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;border-radius:inherit;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;justify-content:center;padding:var(--66b80b) var(--813599) var(--66b80b) 0;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.EeC-E6 ._6zPKgK .eAfkTU:focus-visible{outline:solid var(--26b8e3) var(--5b4fe9);outline-offset:var(--109103) var(--05dd73)}.EeC-E6[data-variant=choice] ._6zPKgK:has(.mj0W7l[aria-pressed=true]){background-color:var(--4983fe);color:var(--c2b191)}.EeC-E6[data-variant=choice] ._6zPKgK .eAfkTU{display:none}.EeC-E6[data-variant=filter] ._6zPKgK:has(.mj0W7l[aria-pressed=false]) .eAfkTU{display:none}";
|
|
4
|
-
var styles = {__id:"/home/runner/work/design-system/design-system/packages/web-lib/src/components/Chips/style/index.module.less",__css:css_248z,"chips":"EeC-E6","chip":"_6zPKgK","chip-toggle":"mj0W7l","chip-remove":"eAfkTU"};
|
|
5
|
-
var stylesheet=css_248z;
|
|
6
|
-
styleInject(css_248z);
|
|
7
|
-
|
|
8
|
-
export { styles as default, stylesheet };
|
|
9
|
-
|
|
@@ -1,17 +0,0 @@
|
|
|
1
|
-
import * as React from 'react';
|
|
2
|
-
|
|
3
|
-
var _path;
|
|
4
|
-
function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
|
|
5
|
-
var SvgClose = function SvgClose(props) {
|
|
6
|
-
return /*#__PURE__*/React.createElement("svg", _extends({
|
|
7
|
-
xmlns: "http://www.w3.org/2000/svg",
|
|
8
|
-
viewBox: "0 0 24 24"
|
|
9
|
-
}, props), _path || (_path = /*#__PURE__*/React.createElement("path", {
|
|
10
|
-
fillRule: "evenodd",
|
|
11
|
-
d: "M7.207 5.793a1 1 0 0 0-1.414 1.414L10.586 12l-4.793 4.793a1 1 0 1 0 1.414 1.414L12 13.414l4.793 4.793a1 1 0 0 0 1.414-1.414L13.414 12l4.793-4.793a1 1 0 0 0-1.414-1.414L12 10.586z",
|
|
12
|
-
clipRule: "evenodd"
|
|
13
|
-
})));
|
|
14
|
-
};
|
|
15
|
-
|
|
16
|
-
export { SvgClose as default };
|
|
17
|
-
//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY2xvc2Uuc3ZnLmpzIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9zcmMvY29tcG9uZW50cy9DaGlwcy9zdmcvY2xvc2Uuc3ZnIl0sInNvdXJjZXNDb250ZW50IjpbIjxzdmcgeG1sbnM9XCJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2Z1wiIHZpZXdCb3g9XCIwIDAgMjQgMjRcIj5cbiAgICA8cGF0aCBmaWxsLXJ1bGU9XCJldmVub2RkXCIgZD1cIk03LjIwNyA1Ljc5M2ExIDEgMCAwIDAtMS40MTQgMS40MTRMMTAuNTg2IDEybC00Ljc5MyA0Ljc5M2ExIDEgMCAxIDAgMS40MTQgMS40MTRMMTIgMTMuNDE0bDQuNzkzIDQuNzkzYTEgMSAwIDAgMCAxLjQxNC0xLjQxNEwxMy40MTQgMTJsNC43OTMtNC43OTNhMSAxIDAgMCAwLTEuNDE0LTEuNDE0TDEyIDEwLjU4NiA3LjIwNyA1Ljc5M1pcIiBjbGlwLXJ1bGU9XCJldmVub2RkXCIvPlxuPC9zdmc+XG4iXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7QUFBQSxJQUFJLEtBQUssQ0FBQztBQUNWLFNBQVMsUUFBUSxHQUFHLEVBQUUsT0FBTyxRQUFRLEdBQUcsTUFBTSxDQUFDLE1BQU0sR0FBRyxNQUFNLENBQUMsTUFBTSxDQUFDLElBQUksRUFBRSxHQUFHLFVBQVUsQ0FBQyxFQUFFLEVBQUUsS0FBSyxJQUFJLENBQUMsR0FBRyxDQUFDLEVBQUUsQ0FBQyxHQUFHLFNBQVMsQ0FBQyxNQUFNLEVBQUUsQ0FBQyxFQUFFLEVBQUUsRUFBRSxJQUFJLENBQUMsR0FBRyxTQUFTLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxLQUFLLElBQUksQ0FBQyxJQUFJLENBQUMsRUFBRSxDQUFDLEVBQUUsRUFBRSxjQUFjLENBQUMsSUFBSSxDQUFDLENBQUMsRUFBRSxDQUFDLENBQUMsS0FBSyxDQUFDLENBQUMsQ0FBQyxDQUFDLEdBQUcsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsRUFBRSxDQUFDLE9BQU8sQ0FBQyxDQUFDLEVBQUUsRUFBRSxRQUFRLENBQUMsS0FBSyxDQUFDLElBQUksRUFBRSxTQUFTLENBQUMsQ0FBQyxFQUFFO0FBRWpSLElBQUMsUUFBUSxHQUFHLFNBQVMsUUFBUSxDQUFDLEtBQUssRUFBRTtBQUN4QyxFQUFFLG9CQUFvQixLQUFLLENBQUMsYUFBYSxDQUFDLEtBQUssRUFBRSxRQUFRLENBQUM7QUFDMUQsSUFBSSxLQUFLLEVBQUUsNEJBQTRCO0FBQ3ZDLElBQUksT0FBTyxFQUFFLFdBQVc7QUFDeEIsR0FBRyxFQUFFLEtBQUssQ0FBQyxFQUFFLEtBQUssS0FBSyxLQUFLLGdCQUFnQixLQUFLLENBQUMsYUFBYSxDQUFDLE1BQU0sRUFBRTtBQUN4RSxJQUFJLFFBQVEsRUFBRSxTQUFTO0FBQ3ZCLElBQUksQ0FBQyxFQUFFLG9MQUFvTDtBQUMzTCxJQUFJLFFBQVEsRUFBRSxTQUFTO0FBQ3ZCLEdBQUcsQ0FBQyxDQUFDLENBQUMsQ0FBQztBQUNQOzs7OyJ9
|
|
@@ -1,9 +0,0 @@
|
|
|
1
|
-
import styleInject from '../../../external/style-inject/dist/style-inject.es.js';
|
|
2
|
-
|
|
3
|
-
var css_248z = "._4yUGVM{font-size:var(--3f1843);font-weight:var(--026ea8);letter-spacing:var(--c142cd);line-height:var(--030292);margin:0}.azkPEE{color:var(--3d280d)}.M62dcS{color:var(--9167e9)}";
|
|
4
|
-
var styles = {__id:"/home/runner/work/design-system/design-system/packages/web-lib/src/components/FieldAdditionalText/style/index.module.less",__css:css_248z,"FieldAdditionalText":"_4yUGVM","FieldAdditionalText--variant-normal":"azkPEE","FieldAdditionalText--variant-error":"M62dcS"};
|
|
5
|
-
var stylesheet=css_248z;
|
|
6
|
-
styleInject(css_248z);
|
|
7
|
-
|
|
8
|
-
export { styles as default, stylesheet };
|
|
9
|
-
|
|
@@ -1,20 +0,0 @@
|
|
|
1
|
-
@import '@preply/ds-web-core/dist/generated/tokens.less';
|
|
2
|
-
@import '@preply/ds-web-core/dist/theme/style/declarations.mixins.less';
|
|
3
|
-
@import '@preply/ds-web-core/dist/typography/style/mixins.less';
|
|
4
|
-
|
|
5
|
-
.field-additional-text() {
|
|
6
|
-
margin: 0;
|
|
7
|
-
|
|
8
|
-
font-weight: @text-fieldAdditionalText-fontWeight;
|
|
9
|
-
font-size: @text-fieldAdditionalText-fontSize;
|
|
10
|
-
line-height: @text-fieldAdditionalText-lineHeight;
|
|
11
|
-
letter-spacing: @text-fieldAdditionalText-letterSpacing;
|
|
12
|
-
|
|
13
|
-
&--variant-normal {
|
|
14
|
-
.color('content', 'secondary');
|
|
15
|
-
}
|
|
16
|
-
|
|
17
|
-
&--variant-error {
|
|
18
|
-
.color('content' , 'error');
|
|
19
|
-
}
|
|
20
|
-
}
|
|
@@ -1,8 +0,0 @@
|
|
|
1
|
-
import styleInject from '../../../external/style-inject/dist/style-inject.es.js';
|
|
2
|
-
|
|
3
|
-
var css_248z = "";
|
|
4
|
-
var stylesheet="";
|
|
5
|
-
styleInject(css_248z);
|
|
6
|
-
|
|
7
|
-
export { css_248z as default, stylesheet };
|
|
8
|
-
//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibWl4aW5zLmxlc3MuanMiLCJzb3VyY2VzIjpbXSwic291cmNlc0NvbnRlbnQiOltdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7Ozs7OzsifQ==
|
|
@@ -1,9 +0,0 @@
|
|
|
1
|
-
import styleInject from '../../../external/style-inject/dist/style-inject.es.js';
|
|
2
|
-
|
|
3
|
-
var css_248z = ".OWtNdj{-webkit-box-pack:center;-ms-flex-pack:center;-webkit-box-align:center;-ms-flex-align:center;-webkit-tap-highlight-color:transparent;align-items:center;background:none;border:none;border-radius:var(--0191ea);cursor:pointer;display:-webkit-box;display:-ms-flexbox;display:flex;height:var(--3caeb9);justify-content:center;min-width:var(--d57208);outline:none;-ms-touch-action:manipulation;touch-action:manipulation}@media (hover:hover) and (pointer:fine){.OWtNdj:hover{background-color:var(--0bbea4)}}.OWtNdj:active{background-color:var(--33e933)}.OWtNdj:focus-visible{outline-color:var(--603ec6);outline-offset:var(--c0b12c);outline-style:solid;outline-width:var(--99d31f)}.OWtNdj svg{height:var(--f02c4e);width:var(--f02c4e)}";
|
|
4
|
-
var styles = {__id:"/home/runner/work/design-system/design-system/packages/web-lib/src/components/FieldButton/style/index.module.less",__css:css_248z,"FieldButton":"OWtNdj"};
|
|
5
|
-
var stylesheet=css_248z;
|
|
6
|
-
styleInject(css_248z);
|
|
7
|
-
|
|
8
|
-
export { styles as default, stylesheet };
|
|
9
|
-
|
|
@@ -1,40 +0,0 @@
|
|
|
1
|
-
@import '@preply/ds-web-core/dist/generated/tokens.less';
|
|
2
|
-
@import '@preply/ds-web-core/dist/focus/style/mixins.less';
|
|
3
|
-
@import '@preply/ds-web-core/dist/touch/style/mixins.less';
|
|
4
|
-
@import '@preply/ds-web-core/dist/responsive/style/mixins.less';
|
|
5
|
-
@import '@preply/ds-web-core/dist/theme/style/declarations.mixins.less';
|
|
6
|
-
@import '@preply/ds-web-core/dist/generated/hover.less';
|
|
7
|
-
|
|
8
|
-
.field-button() {
|
|
9
|
-
display: flex;
|
|
10
|
-
justify-content: center;
|
|
11
|
-
align-items: center;
|
|
12
|
-
min-width: @icon-fieldLayout-width;
|
|
13
|
-
height: @icon-fieldLayout-height;
|
|
14
|
-
border-width: 1px;
|
|
15
|
-
border-style: solid;
|
|
16
|
-
border-radius: @icon-fieldLayout-borderRadius;
|
|
17
|
-
.border-color('action', 'inline');
|
|
18
|
-
background: none;
|
|
19
|
-
border: none;
|
|
20
|
-
cursor: pointer;
|
|
21
|
-
|
|
22
|
-
.avoid-default-tap-highlight();
|
|
23
|
-
|
|
24
|
-
.onHover({
|
|
25
|
-
.bg-color('action', 'inline-hover');
|
|
26
|
-
});
|
|
27
|
-
|
|
28
|
-
&:active {
|
|
29
|
-
.bg-color('action', 'inline-active');
|
|
30
|
-
}
|
|
31
|
-
|
|
32
|
-
&:focus-visible {
|
|
33
|
-
.focus-outline();
|
|
34
|
-
}
|
|
35
|
-
|
|
36
|
-
svg {
|
|
37
|
-
width: @root-size-300;
|
|
38
|
-
height: @root-size-300;
|
|
39
|
-
}
|
|
40
|
-
}
|
|
@@ -1,8 +0,0 @@
|
|
|
1
|
-
import styleInject from '../../../external/style-inject/dist/style-inject.es.js';
|
|
2
|
-
|
|
3
|
-
var css_248z = "";
|
|
4
|
-
var stylesheet="";
|
|
5
|
-
styleInject(css_248z);
|
|
6
|
-
|
|
7
|
-
export { css_248z as default, stylesheet };
|
|
8
|
-
//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibWl4aW5zLmxlc3MuanMiLCJzb3VyY2VzIjpbXSwic291cmNlc0NvbnRlbnQiOltdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7Ozs7OzsifQ==
|
|
@@ -1,9 +0,0 @@
|
|
|
1
|
-
import styleInject from '../../../external/style-inject/dist/style-inject.es.js';
|
|
2
|
-
|
|
3
|
-
var css_248z = "._9tllQl{-webkit-box-align:center;-ms-flex-align:center;align-items:center;background-color:var(--302ecf);background-color:var(--211bc0);border-radius:var(--c4b051);color:var(--41d493);display:-webkit-box;display:-ms-flexbox;display:flex;position:relative}@media (hover:hover) and (pointer:fine){._9tllQl:hover input,._9tllQl:hover textarea{border-color:var(--0bd642)}}._9tllQl input,._9tllQl textarea{background:none;border-color:var(--29cd58);border-radius:var(--c4b051);border-style:solid;border-width:var(--d9baa3);font-size:var(--0c62d6);font-style:var(--a833d1);font-variation-settings:var(--5bcea1);font-weight:var(--cb99be);letter-spacing:var(--035113);line-height:var(--829b1e);outline:none;padding:calc(var(--d9baa3) + var(--1ba55a));padding-left:calc(var(--477fda) - var(--d9baa3));padding-right:calc(var(--477fda) - var(--d9baa3))}._9tllQl input::-webkit-input-placeholder,._9tllQl textarea::-webkit-input-placeholder{color:var(--d9209f)}._9tllQl input::-moz-placeholder,._9tllQl textarea::-moz-placeholder{color:var(--d9209f)}._9tllQl input:-ms-input-placeholder,._9tllQl textarea:-ms-input-placeholder{color:var(--d9209f)}._9tllQl input::-ms-input-placeholder,._9tllQl textarea::-ms-input-placeholder{color:var(--d9209f)}._9tllQl input::placeholder,._9tllQl textarea::placeholder{color:var(--d9209f)}.-w9o9W{-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex;font-size:0;height:100%;left:calc(var(--477fda) - var(--d9baa3));pointer-events:none;position:absolute;top:0}.-w9o9W svg{color:var(--cbc724)}.WsLZHP ._9tllQl input{padding-left:calc(var(--477fda) - var(--d9baa3) + var(--7c1b1c) + var(--1ba55a))}.dd2VMh ._9tllQl input{padding-right:58px}.-Tirdl ._9tllQl{background-color:var(--95df5b)}.-Tirdl ._9tllQl input,.-Tirdl ._9tllQl textarea{border-color:var(--eaf4a3);color:var(--7b0f41)}.-Tirdl .-w9o9W svg{color:var(--7b0f41)}.fVMFcm ._9tllQl input,.fVMFcm ._9tllQl textarea{border-color:var(--398094)}._387Amg ._9tllQl{background-color:var(--04daeb)}._387Amg ._9tllQl input,._387Amg ._9tllQl textarea{border-color:transparent}._9tllQl button{margin-bottom:calc(var(--1ba55a)*-1);margin-top:calc(var(--1ba55a)*-1);position:absolute;right:var(--6947b0);top:calc(var(--1ba55a) + var(--6947b0))}";
|
|
4
|
-
var styles = {__id:"/home/runner/work/design-system/design-system/packages/web-lib/src/components/FieldLayout/style/index.module.less",__css:css_248z,"FieldLayout--input":"_9tllQl","FieldLayout--icon":"-w9o9W","FieldLayout--has-icon":"WsLZHP","FieldLayout--has-button":"dd2VMh","FieldLayout--has-error":"-Tirdl","FieldLayout--is-focused":"fVMFcm","FieldLayout--is-disabled":"_387Amg"};
|
|
5
|
-
var stylesheet=css_248z;
|
|
6
|
-
styleInject(css_248z);
|
|
7
|
-
|
|
8
|
-
export { styles as default, stylesheet };
|
|
9
|
-
|