@cruk/cruk-react-components 1.2.5 → 1.3.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.
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import React, { AnchorHTMLAttributes, Ref, ElementType, ReactNode } from "react";
|
|
2
2
|
import { TextProps } from "../Text";
|
|
3
|
-
export type LinkProps = AnchorHTMLAttributes<HTMLElement> & TextProps & {
|
|
3
|
+
export type LinkProps = Omit<AnchorHTMLAttributes<HTMLElement>, "nonce"> & Omit<TextProps, "as" | "ref" | "nonce"> & {
|
|
4
4
|
/** link text hover colour */
|
|
5
5
|
textHoverColor?: string;
|
|
6
6
|
/** link appearance variant, undefined is a standarding link withing a text block */
|
|
@@ -22,16 +22,7 @@ export type LinkProps = AnchorHTMLAttributes<HTMLElement> & TextProps & {
|
|
|
22
22
|
* If you want something that looks like a link but behaves like a button ie. nothing to do with navigation, please consider using Link with as='button'
|
|
23
23
|
*
|
|
24
24
|
* If you want something that looks like a button but behaves like a link ie. it takes the user to a new location, please consider using Button and simply passing it an href, it will automatically turn into a link. */
|
|
25
|
-
export declare const Link: React.ForwardRefExoticComponent<Pick<React.AnchorHTMLAttributes<HTMLElement> &
|
|
26
|
-
textColor?: string | undefined;
|
|
27
|
-
textAlign?: "left" | "right" | "center" | "justify" | undefined;
|
|
28
|
-
textSize?: import("..").FontSizeType | undefined;
|
|
29
|
-
textWeight?: number | undefined;
|
|
30
|
-
as?: any;
|
|
31
|
-
wordBreak?: import("..").WordBreakType | undefined;
|
|
32
|
-
overflowWrap?: import("..").OverflowWrapType | undefined;
|
|
33
|
-
ref?: React.Ref<HTMLElement> | undefined;
|
|
34
|
-
} & {
|
|
25
|
+
export declare const Link: React.ForwardRefExoticComponent<Pick<Omit<React.AnchorHTMLAttributes<HTMLElement>, "nonce"> & Omit<TextProps, "nonce" | "as" | "ref"> & {
|
|
35
26
|
/** link text hover colour */
|
|
36
27
|
textHoverColor?: string | undefined;
|
|
37
28
|
/** link appearance variant, undefined is a standarding link withing a text block */
|
|
@@ -42,5 +33,5 @@ export declare const Link: React.ForwardRefExoticComponent<Pick<React.AnchorHTML
|
|
|
42
33
|
as?: React.ElementType<any> | undefined;
|
|
43
34
|
/** Component children */
|
|
44
35
|
children?: ReactNode;
|
|
45
|
-
}, "
|
|
36
|
+
}, "download" | "href" | "hrefLang" | "media" | "ping" | "rel" | "target" | "type" | "referrerPolicy" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "className" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "id" | "lang" | "placeholder" | "slot" | "spellCheck" | "style" | "tabIndex" | "title" | "translate" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "color" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "children" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "as" | keyof import("../Spacing").SpacingProps | "textColor" | "textAlign" | "textSize" | "textWeight" | "wordBreak" | "overflowWrap" | "textHoverColor" | "appearance"> & React.RefAttributes<HTMLElement>>;
|
|
46
37
|
export default Link;
|
|
@@ -7,7 +7,7 @@ export declare const StyledLink: import("styled-components").StyledComponent<imp
|
|
|
7
7
|
textAlign?: "left" | "right" | "center" | "justify" | undefined;
|
|
8
8
|
textSize?: import("../../types").FontSizeType | undefined;
|
|
9
9
|
textWeight?: number | undefined;
|
|
10
|
-
as?: any;
|
|
10
|
+
as?: import("react").ElementType<any> | undefined;
|
|
11
11
|
wordBreak?: import("../../types").WordBreakType | undefined;
|
|
12
12
|
overflowWrap?: import("../../types").OverflowWrapType | undefined;
|
|
13
13
|
ref?: import("react").Ref<HTMLElement> | undefined;
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { FunctionComponent, HTMLAttributes, Ref } from "react";
|
|
1
|
+
import { FunctionComponent, HTMLAttributes, Ref, ElementType } from "react";
|
|
2
2
|
import { SpacingProps } from "../Spacing";
|
|
3
3
|
import { WordBreakType, FontSizeType, ColorKeyType, OverflowWrapType } from "../../types";
|
|
4
4
|
/**
|
|
@@ -14,7 +14,7 @@ export type TextProps = SpacingProps & HTMLAttributes<HTMLElement> & {
|
|
|
14
14
|
/** font weight theme.typography{fontWeightHeavy/fontWeightNormal/fontWeightMedium/fontWeightLight/fontWeightVLight} is better than a random number */
|
|
15
15
|
textWeight?: number;
|
|
16
16
|
/** styled-components polymorphism where you can set this to "span", "p" or "h2" it default to "p" */
|
|
17
|
-
as?:
|
|
17
|
+
as?: ElementType;
|
|
18
18
|
/** word-break behaviour */
|
|
19
19
|
wordBreak?: WordBreakType;
|
|
20
20
|
/** overflow-wrap behaviour */
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@cruk/cruk-react-components",
|
|
3
|
-
"version": "1.
|
|
3
|
+
"version": "1.3.1",
|
|
4
4
|
"description": "React components implementing CRUK and SU2C designs",
|
|
5
5
|
"license": "UNLICENSED",
|
|
6
6
|
"publishConfig": {
|
|
@@ -74,7 +74,6 @@
|
|
|
74
74
|
"@babel/preset-react": "^7.14.5",
|
|
75
75
|
"@babel/preset-typescript": "^7.9.0",
|
|
76
76
|
"@cruk/eslint-config": "^1.0.8",
|
|
77
|
-
"@cypress/react": "^7.0.2",
|
|
78
77
|
"@cypress/webpack-dev-server": "2.1.0",
|
|
79
78
|
"@cypress/webpack-preprocessor": "^5.12.0",
|
|
80
79
|
"@mdx-js/loader": "^2.2.1",
|
|
@@ -112,7 +111,7 @@
|
|
|
112
111
|
"babel-loader": "8.3.0",
|
|
113
112
|
"babel-plugin-styled-components": "^2.0.2",
|
|
114
113
|
"cypress": "^10.4.0",
|
|
115
|
-
"cypress-axe": "1.
|
|
114
|
+
"cypress-axe": "1.2.0",
|
|
116
115
|
"cypress-plugin-tab": "^1.0.5",
|
|
117
116
|
"eslint": "^8.30.0",
|
|
118
117
|
"eslint-config-airbnb": "^19.0.4",
|
|
@@ -144,7 +143,7 @@
|
|
|
144
143
|
"ts-loader": "9.4.1",
|
|
145
144
|
"typescript": "^4.9.4",
|
|
146
145
|
"webpack": "^5.53.0",
|
|
147
|
-
"webpack-cli": "
|
|
146
|
+
"webpack-cli": "5.0.1",
|
|
148
147
|
"webpack-dev-server": "^4.7.3"
|
|
149
148
|
},
|
|
150
149
|
"peerDependencies": {
|