@redsift/design-system 12.1.0-muiv7 → 12.1.1-muiv5
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.
|
@@ -33,14 +33,14 @@ const StyledBreadcrumbItem = styled.a`
|
|
|
33
33
|
color: var(--redsift-redsift-color-text-primary);
|
|
34
34
|
`}
|
|
35
35
|
|
|
36
|
-
${!$isDisabled && !$isCurrent
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
36
|
+
${!$isDisabled && !$isCurrent ? css`
|
|
37
|
+
&:hover,
|
|
38
|
+
&:focus-visible {
|
|
39
|
+
// cursor: pointer;
|
|
40
|
+
text-decoration: underline;
|
|
41
|
+
text-underline-offset: 2px;
|
|
42
|
+
}
|
|
43
|
+
` : ''}
|
|
44
44
|
`;
|
|
45
45
|
}}
|
|
46
46
|
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"BreadcrumbItem.js","sources":["../../src/components/breadcrumb-item/styles.ts","../../src/components/breadcrumb-item/BreadcrumbItem.tsx"],"sourcesContent":["import styled, { css } from 'styled-components';\nimport { StyledBreadcrumbItemProps } from './types';\n\n/**\n * Component style.\n */\nexport const StyledBreadcrumbItem = styled.a<StyledBreadcrumbItemProps>`\n background: none;\n border: none;\n cursor: unset;\n font-family: var(--redsift-typography-body-font-family);\n font-size: var(--redsift-typography-body-font-size);\n font-weight: var(--redsift-typography-body-font-weight);\n line-height: var(--redsift-typography-body-line-height);\n padding: 4px;\n text-decoration: none;\n\n ${({ $isDisabled, $isCurrent }) => css`\n ${$isDisabled\n ? `\n color: var(--redsift-color-neutral-mid-grey);\n `\n : $isCurrent\n ? `\n color: var(--redsift-color-primary-n);\n `\n : `\n color: var(--redsift-redsift-color-text-primary);\n `}\n\n ${!$isDisabled
|
|
1
|
+
{"version":3,"file":"BreadcrumbItem.js","sources":["../../src/components/breadcrumb-item/styles.ts","../../src/components/breadcrumb-item/BreadcrumbItem.tsx"],"sourcesContent":["import styled, { css } from 'styled-components';\nimport { StyledBreadcrumbItemProps } from './types';\n\n/**\n * Component style.\n */\nexport const StyledBreadcrumbItem = styled.a<StyledBreadcrumbItemProps>`\n background: none;\n border: none;\n cursor: unset;\n font-family: var(--redsift-typography-body-font-family);\n font-size: var(--redsift-typography-body-font-size);\n font-weight: var(--redsift-typography-body-font-weight);\n line-height: var(--redsift-typography-body-line-height);\n padding: 4px;\n text-decoration: none;\n\n ${({ $isDisabled, $isCurrent }) => css`\n ${$isDisabled\n ? `\n color: var(--redsift-color-neutral-mid-grey);\n `\n : $isCurrent\n ? `\n color: var(--redsift-color-primary-n);\n `\n : `\n color: var(--redsift-redsift-color-text-primary);\n `}\n\n ${!$isDisabled && !$isCurrent\n ? css`\n &:hover,\n &:focus-visible {\n // cursor: pointer;\n text-decoration: underline;\n text-underline-offset: 2px;\n }\n `\n : ''}\n `}\n\n &:focus-visible {\n outline: 2px solid var(--redsift-redsift-color-text-primary);\n }\n`;\n","import React, { forwardRef, RefObject } from 'react';\nimport classNames from 'classnames';\nimport { Comp } from '../../types';\nimport { warnIfNoAccessibleLabelFound } from '../../utils/warnIfNoAccessibleLabelFound';\nimport { StyledBreadcrumbItem } from './styles';\nimport { BreadcrumbItemProps } from './types';\nimport { useTheme } from '../theme';\n\nconst COMPONENT_NAME = 'BreadcrumbItem';\nconst CLASSNAME = 'redsift-breadcrumb-item';\n\n/**\n * The BreadcrumbItem components is a list of links to the parent pages of the current page in hierarchical order.\n */\nexport const BreadcrumbItem: Comp<BreadcrumbItemProps, HTMLAnchorElement> = forwardRef((props, ref) => {\n const { as, children, className, href, isCurrent, isDisabled, theme: propsTheme, ...forwardedProps } = props;\n\n warnIfNoAccessibleLabelFound(props, [children], 'BreadcrumbItem');\n\n const theme = useTheme(propsTheme);\n\n return (\n <StyledBreadcrumbItem\n as={(as || 'a') as any}\n role={!isCurrent ? 'link' : undefined}\n tabIndex={!isDisabled && !isCurrent ? 0 : undefined}\n {...forwardedProps}\n $isCurrent={isCurrent}\n $isDisabled={isDisabled}\n $theme={theme}\n aria-current={isCurrent ? 'page' : undefined}\n aria-disabled={isDisabled || isCurrent}\n className={classNames(BreadcrumbItem.className, className)}\n href={!isDisabled && !isCurrent ? href : undefined}\n ref={ref as RefObject<HTMLAnchorElement>}\n >\n {children}\n </StyledBreadcrumbItem>\n );\n});\nBreadcrumbItem.className = CLASSNAME;\nBreadcrumbItem.displayName = COMPONENT_NAME;\n"],"names":["StyledBreadcrumbItem","styled","a","_ref","$isDisabled","$isCurrent","css","COMPONENT_NAME","CLASSNAME","BreadcrumbItem","forwardRef","props","ref","as","children","className","href","isCurrent","isDisabled","theme","propsTheme","forwardedProps","_objectWithoutProperties","_excluded","warnIfNoAccessibleLabelFound","useTheme","React","createElement","_extends","role","undefined","tabIndex","$theme","classNames","displayName"],"mappings":";;;;;;;AAGA;AACA;AACA;AACO,MAAMA,oBAAoB,GAAGC,MAAM,CAACC,CAA6B,CAAA;AACxE;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,EAAA,EAAIC,IAAA,IAAA;EAAA,IAAC;IAAEC,WAAW;AAAEC,IAAAA,UAAAA;AAAW,GAAC,GAAAF,IAAA,CAAA;AAAA,EAAA,OAAKG,GAAI,CAAA;AACzC,IAAA,EAAMF,WAAW,GACR,CAAA;AACT;AACA,MAAO,CAAA,GACCC,UAAU,GACT,CAAA;AACT;AACA,MAAA,CAAO,GACE,CAAA;AACT;AACA,MAAQ,CAAA,CAAA;AACR;AACA,IAAA,EAAM,CAACD,WAAW,IAAI,CAACC,UAAU,GACzBC,GAAI,CAAA;AACZ;AACA;AACA;AACA;AACA;AACA;AACA,QAAA,CAAS,GACD,EAAG,CAAA;AACX,EAAG,CAAA,CAAA;AAAA,CAAC,CAAA;AACJ;AACA;AACA;AACA;AACA,CAAC;;;ACrCD,MAAMC,cAAc,GAAG,gBAAgB,CAAA;AACvC,MAAMC,SAAS,GAAG,yBAAyB,CAAA;;AAE3C;AACA;AACA;AACO,MAAMC,cAA4D,gBAAGC,UAAU,CAAC,CAACC,KAAK,EAAEC,GAAG,KAAK;EACrG,MAAM;MAAEC,EAAE;MAAEC,QAAQ;MAAEC,SAAS;MAAEC,IAAI;MAAEC,SAAS;MAAEC,UAAU;AAAEC,MAAAA,KAAK,EAAEC,UAAAA;AAA8B,KAAC,GAAGT,KAAK;AAAxBU,IAAAA,cAAc,GAAAC,wBAAA,CAAKX,KAAK,EAAAY,SAAA,CAAA,CAAA;EAE5GC,4BAA4B,CAACb,KAAK,EAAE,CAACG,QAAQ,CAAC,EAAE,gBAAgB,CAAC,CAAA;AAEjE,EAAA,MAAMK,KAAK,GAAGM,QAAQ,CAACL,UAAU,CAAC,CAAA;AAElC,EAAA,oBACEM,cAAA,CAAAC,aAAA,CAAC3B,oBAAoB,EAAA4B,QAAA,CAAA;IACnBf,EAAE,EAAGA,EAAE,IAAI,GAAY;AACvBgB,IAAAA,IAAI,EAAE,CAACZ,SAAS,GAAG,MAAM,GAAGa,SAAU;IACtCC,QAAQ,EAAE,CAACb,UAAU,IAAI,CAACD,SAAS,GAAG,CAAC,GAAGa,SAAAA;AAAU,GAAA,EAChDT,cAAc,EAAA;AAClBhB,IAAAA,UAAU,EAAEY,SAAU;AACtBb,IAAAA,WAAW,EAAEc,UAAW;AACxBc,IAAAA,MAAM,EAAEb,KAAM;AACd,IAAA,cAAA,EAAcF,SAAS,GAAG,MAAM,GAAGa,SAAU;IAC7C,eAAeZ,EAAAA,UAAU,IAAID,SAAU;IACvCF,SAAS,EAAEkB,UAAU,CAACxB,cAAc,CAACM,SAAS,EAAEA,SAAS,CAAE;IAC3DC,IAAI,EAAE,CAACE,UAAU,IAAI,CAACD,SAAS,GAAGD,IAAI,GAAGc,SAAU;AACnDlB,IAAAA,GAAG,EAAEA,GAAAA;AAAoC,GAAA,CAAA,EAExCE,QACmB,CAAC,CAAA;AAE3B,CAAC,EAAC;AACFL,cAAc,CAACM,SAAS,GAAGP,SAAS,CAAA;AACpCC,cAAc,CAACyB,WAAW,GAAG3B,cAAc;;;;"}
|
package/_internal/styles4.js
CHANGED
|
@@ -9,7 +9,6 @@ const StyledLink = styled.a`
|
|
|
9
9
|
background: none;
|
|
10
10
|
border: none;
|
|
11
11
|
color: unset;
|
|
12
|
-
cursor: text !important;
|
|
13
12
|
display: inline-flex;
|
|
14
13
|
gap: 4px;
|
|
15
14
|
align-items: center;
|
|
@@ -20,7 +19,6 @@ const StyledLink = styled.a`
|
|
|
20
19
|
line-height: var(--redsift-typography-link-line-height);
|
|
21
20
|
padding: unset;
|
|
22
21
|
position: relative;
|
|
23
|
-
text-decoration: none;
|
|
24
22
|
width: fit-content;
|
|
25
23
|
|
|
26
24
|
${_ref => {
|
|
@@ -133,7 +131,10 @@ const StyledLink = styled.a`
|
|
|
133
131
|
`}
|
|
134
132
|
}
|
|
135
133
|
`}
|
|
136
|
-
` :
|
|
134
|
+
` : css`
|
|
135
|
+
cursor: text !important;
|
|
136
|
+
text-decoration: none;
|
|
137
|
+
`;
|
|
137
138
|
}}
|
|
138
139
|
|
|
139
140
|
&:focus-visible {
|
package/_internal/styles4.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"styles4.js","sources":["../../src/components/link/styles.ts"],"sourcesContent":["import styled, { css } from 'styled-components';\nimport { baseStyling } from '../shared';\nimport { StyledLinkProps } from './types';\nimport { NotificationsColorPalette, NeutralColorPalette, ProductColorPalette } from '../../types';\n\n/**\n * Component style.\n */\nexport const StyledLink = styled.a<StyledLinkProps>`\n background: none;\n border: none;\n color: unset;\n
|
|
1
|
+
{"version":3,"file":"styles4.js","sources":["../../src/components/link/styles.ts"],"sourcesContent":["import styled, { css } from 'styled-components';\nimport { baseStyling } from '../shared';\nimport { StyledLinkProps } from './types';\nimport { NotificationsColorPalette, NeutralColorPalette, ProductColorPalette } from '../../types';\n\n/**\n * Component style.\n */\nexport const StyledLink = styled.a<StyledLinkProps>`\n background: none;\n border: none;\n color: unset;\n display: inline-flex;\n gap: 4px;\n align-items: center;\n font-family: var(--redsift-typography-link-font-family);\n font-size: var(--redsift-typography-link-font-size);\n font-weight: var(--redsift-typography-link-font-weight);\n height: var(--redsift-typography-link-line-height);\n line-height: var(--redsift-typography-link-line-height);\n padding: unset;\n position: relative;\n width: fit-content;\n\n ${({ $hasIcons }) =>\n $hasIcons\n ? css`\n bottom: -2px;\n `\n : ''}\n\n ${baseStyling}\n\n ${({ $isDisabled, $color, $theme, $hasIcons }) =>\n !$isDisabled\n ? css`\n ${\n $color && $color === 'radar'\n ? css`\n background: linear-gradient(90deg, #51b78e 0%, #0081c3 100%);\n background-clip: text;\n color: transparent;\n\n path {\n fill: url(#${$color}-gradient-default);\n }\n `\n : Object.keys(NotificationsColorPalette).indexOf($color!) !== -1\n ? css`\n &,\n .redsift-icon:not(.colored) {\n color: var(--redsift-color-notifications-${$color}-primary);\n }\n `\n : Object.keys(NeutralColorPalette).indexOf($color!) !== -1\n ? css`\n &,\n .redsift-icon:not(.colored) {\n color: var(--redsift-color-neutral-${$color});\n }\n `\n : Object.keys(ProductColorPalette).indexOf($color!) !== -1\n ? css`\n &,\n .redsift-icon:not(.colored) {\n color: var(--redsift-color-product-${$color});\n }\n `\n : css`\n &,\n .redsift-icon:not(.colored) {\n color: ${$color || css`var(--redsift-color-${$theme}-components-text-primary)`};\n }\n `\n }}\n\n ${\n $color && $color === 'radar' && !$hasIcons\n ? css`\n position: relative;\n\n &:hover,\n &:focus-visible {\n cursor: pointer !important;\n }\n\n &:hover::before,\n &:focus-visible::before {\n content: '';\n position: absolute;\n bottom: 3px;\n width: 100%;\n left: 0;\n height: 1px;\n background: linear-gradient(90deg, #51b78e 0%, #0081c3 100%);\n }\n `\n : $color && $color === 'radar' && $hasIcons\n ? css`\n position: relative;\n\n &:hover,\n &:focus-visible {\n cursor: pointer !important;\n }\n\n .text::before {\n content: '';\n position: absolute;\n bottom: 3px;\n width: 100%;\n left: 0;\n height: 1px;\n background: linear-gradient(90deg, #51b78e 0%, #0081c3 100%);\n transform: scaleX(0);\n }\n\n &:hover .text::before,\n .icon:hover + .text::before,\n .text:hover::before {\n transform: scaleX(1);\n }\n `\n : css`\n text-decoration: underline;\n text-decoration-color: transparent;\n text-underline-offset: 2px;\n\n &:hover,\n &:focus-visible {\n cursor: pointer !important;\n ${Object.keys(NotificationsColorPalette).indexOf($color!) !== -1\n ? css`\n text-decoration-color: var(--redsift-color-notifications-${$color}-primary);\n `\n : Object.keys(NeutralColorPalette).indexOf($color!) !== -1\n ? css`\n text-decoration-color: var(--redsift-color-neutral-${$color});\n `\n : Object.keys(ProductColorPalette).indexOf($color!) !== -1\n ? css`\n text-decoration-color: var(--redsift-color-product-${$color});\n `\n : css`\n text-decoration-color: ${$color ||\n css`var(--redsift-color-${$theme}-components-text-primary)`};\n `}\n }\n `\n }\n `\n : css`\n cursor: text !important;\n text-decoration: none;\n `}\n\n &:focus-visible {\n outline: 2px solid var(--redsift-color-primary-n);\n }\n`;\n"],"names":["StyledLink","styled","a","_ref","$hasIcons","css","baseStyling","_ref2","$isDisabled","$color","$theme","Object","keys","NotificationsColorPalette","indexOf","NeutralColorPalette","ProductColorPalette"],"mappings":"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"}
|
package/package.json
CHANGED
|
@@ -33,7 +33,7 @@
|
|
|
33
33
|
"version": "version-changelog ../../CHANGELOG.md && changelog-verify ../../CHANGELOG.md && git add ../../CHANGELOG.md"
|
|
34
34
|
},
|
|
35
35
|
"types": "index.d.ts",
|
|
36
|
-
"version": "12.1.
|
|
36
|
+
"version": "12.1.1-muiv5",
|
|
37
37
|
"dependencies": {
|
|
38
38
|
"@react-spring/web": "^9.7.1",
|
|
39
39
|
"classnames": "^2.3.1",
|
|
@@ -94,10 +94,10 @@
|
|
|
94
94
|
"version-changelog": "^3.1.1"
|
|
95
95
|
},
|
|
96
96
|
"peerDependencies": {
|
|
97
|
-
"@redsift/icons": "^12.1.
|
|
97
|
+
"@redsift/icons": "^12.1.1-0",
|
|
98
98
|
"react": ">=17",
|
|
99
99
|
"react-dom": ">=17",
|
|
100
100
|
"styled-components": "6.1.19"
|
|
101
101
|
},
|
|
102
|
-
"gitHead": "
|
|
102
|
+
"gitHead": "13e59cd22b3159670619f9e1c003e264e560d1ae"
|
|
103
103
|
}
|