79829a3129
* feat: share url slug * feat: add col urlId * feat: allow updating urlId * fix: typo * fix: migrations * fix: urlId model validation * fix: input label * fix: debounce slug request * feat: link preview * fix: send slug variant in response if available * fix: temporary redirect to slug variant if available * fix: move up the custom link field * fix: process and display backend err * fix: reset custom link state on popover close and remove isCopied * fix: document link preview * fix: set urlId when available * fix: keep unique(urlId, teamId) * fix: codeql * fix: get rid of preview type * fix: width not needed for block elem * fix: migrations * fix: array not required * fix: use val * fix: validation on shareId and test * fix: allow clearing urlId * fix: do not escape * fix: unique error text * fix: keep team
35 lines
845 B
TypeScript
35 lines
845 B
TypeScript
import styled from "styled-components";
|
|
|
|
type Props = {
|
|
type?: "secondary" | "tertiary" | "danger";
|
|
size?: "large" | "small" | "xsmall";
|
|
};
|
|
|
|
/**
|
|
* Use this component for all interface text that should not be selectable
|
|
* by the user, this is the majority of UI text explainers, notes, headings.
|
|
*/
|
|
const Text = styled.p<Props>`
|
|
margin-top: 0;
|
|
color: ${(props) =>
|
|
props.type === "secondary"
|
|
? props.theme.textSecondary
|
|
: props.type === "tertiary"
|
|
? props.theme.textTertiary
|
|
: props.type === "danger"
|
|
? props.theme.brand.red
|
|
: props.theme.text};
|
|
font-size: ${(props) =>
|
|
props.size === "large"
|
|
? "18px"
|
|
: props.size === "small"
|
|
? "14px"
|
|
: props.size === "xsmall"
|
|
? "13px"
|
|
: "inherit"};
|
|
white-space: normal;
|
|
user-select: none;
|
|
`;
|
|
|
|
export default Text;
|