@redsift/design-system 12.6.4 → 12.6.6-alpha.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/_internal/SkeletonText.js +1 -1
- package/_internal/SkeletonText.js.map +1 -1
- package/_internal/colors.js +4 -1
- package/_internal/colors.js.map +1 -1
- package/_internal/styles4.js +1 -1
- package/_internal/styles4.js.map +1 -1
- package/index.d.ts +61 -45
- package/package.json +6 -7
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"SkeletonText.js","sources":["../../src/components/skeleton-text/styles.ts","../../src/components/skeleton-text/SkeletonText.tsx"],"sourcesContent":["import styled, { css } from 'styled-components';\nimport { StyledSkeleton } from '../skeleton/styles';\nimport { StyledSkeletonTextProps } from './types';\n\n/**\n * Component style.\n */\nexport const StyledSkeletonText = styled(StyledSkeleton)<StyledSkeletonTextProps>`\n background-clip: content-box;\n\n ${({ height, $fontSize, $lineHeight, $variant }) =>\n height\n ? css`\n &,\n &::after {\n height: ${height};\n }\n `\n : css`\n &,\n &::after {\n height: ${$fontSize ? $fontSize : `var(--redsift-typography-${$variant}-font-size)`};\n padding: calc(\n (\n ${$lineHeight ? $lineHeight : `var(--redsift-typography-${$variant}-line-height)`} -\n ${$fontSize ? $fontSize : `var(--redsift-typography-${$variant}-font-size)`}\n ) / 2\n )\n 0px;\n }\n `}
|
|
1
|
+
{"version":3,"file":"SkeletonText.js","sources":["../../src/components/skeleton-text/styles.ts","../../src/components/skeleton-text/SkeletonText.tsx"],"sourcesContent":["import styled, { css } from 'styled-components';\nimport { StyledSkeleton } from '../skeleton/styles';\nimport { StyledSkeletonTextProps } from './types';\n\n/**\n * Component style.\n */\nexport const StyledSkeletonText = styled(StyledSkeleton)<StyledSkeletonTextProps>`\n background-clip: content-box;\n\n ${({ height, $fontSize, $lineHeight, $variant }) =>\n height\n ? css`\n &,\n &::after {\n height: ${height};\n }\n `\n : css`\n &,\n &::after {\n height: ${$fontSize ? $fontSize : `var(--redsift-typography-${$variant}-font-size)`};\n padding: calc(\n (\n ${$lineHeight ? $lineHeight : `var(--redsift-typography-${$variant}-line-height)`} -\n ${$fontSize ? $fontSize : `var(--redsift-typography-${$variant}-font-size)`}\n ) / 2\n )\n 0px;\n }\n `}\n`;\n","import React, { forwardRef, RefObject } from 'react';\nimport classNames from 'classnames';\n\nimport { Comp } from '../../types';\nimport { StyledSkeletonText } from './styles';\nimport { SkeletonTextProps } from './types';\nimport { useTheme } from '../theme';\n\nconst COMPONENT_NAME = 'SkeletonText';\nconst CLASSNAME = 'redsift-skeleton-text';\n\n/**\n * The SkeletonText component.\n */\nexport const SkeletonText: Comp<SkeletonTextProps, HTMLDivElement> = forwardRef((props, ref) => {\n const {\n children,\n className,\n fontSize,\n isLoaded,\n lineHeight,\n theme: propsTheme,\n variant = 'body',\n ...forwardedProps\n } = props;\n\n const theme = useTheme(propsTheme);\n\n if (isLoaded) {\n return <>{children}</>;\n }\n\n return (\n <StyledSkeletonText\n {...forwardedProps}\n className={classNames(SkeletonText.className, className)}\n ref={ref as RefObject<HTMLDivElement>}\n $fontSize={fontSize}\n $lineHeight={lineHeight}\n $theme={theme}\n $variant={variant}\n >\n {typeof children === 'string' ? <span>{children}</span> : children}\n </StyledSkeletonText>\n );\n});\nSkeletonText.className = CLASSNAME;\nSkeletonText.displayName = COMPONENT_NAME;\n"],"names":["StyledSkeletonText","styled","StyledSkeleton","_ref","height","$fontSize","$lineHeight","$variant","css","COMPONENT_NAME","CLASSNAME","SkeletonText","forwardRef","props","ref","children","className","fontSize","isLoaded","lineHeight","theme","propsTheme","variant","forwardedProps","_objectWithoutProperties","_excluded","useTheme","React","createElement","Fragment","_extends","classNames","$theme","displayName"],"mappings":";;;;;;;AAIA;AACA;AACA;AACO,MAAMA,kBAAkB,GAAGC,MAAM,CAACC,cAAc,CAA2B,CAAA;AAClF;AACA;AACA,EAAA,EAAIC,IAAA,IAAA;EAAA,IAAC;IAAEC,MAAM;IAAEC,SAAS;IAAEC,WAAW;AAAEC,IAAAA,QAAAA;AAAS,GAAC,GAAAJ,IAAA,CAAA;EAAA,OAC7CC,MAAM,GACFI,GAAI,CAAA;AACZ;AACA;AACA,oBAAA,EAAsBJ,MAAO,CAAA;AAC7B;AACA,QAAA,CAAS,GACDI,GAAI,CAAA;AACZ;AACA;AACA,oBAAA,EAAsBH,SAAS,GAAGA,SAAS,GAAI,CAAA,yBAAA,EAA2BE,QAAS,CAAa,WAAA,CAAA,CAAA;AAChG;AACA;AACA,oBAAA,EAAsBD,WAAW,GAAGA,WAAW,GAAI,CAAA,yBAAA,EAA2BC,QAAS,CAAe,aAAA,CAAA,CAAA;AACtG,sBAAA,EAAwBF,SAAS,GAAGA,SAAS,GAAI,CAAA,yBAAA,EAA2BE,QAAS,CAAa,WAAA,CAAA,CAAA;AAClG;AACA;AACA;AACA;AACA,QAAS,CAAA,CAAA;AAAA,CAAC,CAAA;AACV,CAAC;;;ACvBD,MAAME,cAAc,GAAG,cAAc,CAAA;AACrC,MAAMC,SAAS,GAAG,uBAAuB,CAAA;;AAEzC;AACA;AACA;AACO,MAAMC,YAAqD,gBAAGC,UAAU,CAAC,CAACC,KAAK,EAAEC,GAAG,KAAK;EAC9F,MAAM;MACJC,QAAQ;MACRC,SAAS;MACTC,QAAQ;MACRC,QAAQ;MACRC,UAAU;AACVC,MAAAA,KAAK,EAAEC,UAAU;AACjBC,MAAAA,OAAO,GAAG,MAAA;AAEZ,KAAC,GAAGT,KAAK;AADJU,IAAAA,cAAc,GAAAC,wBAAA,CACfX,KAAK,EAAAY,SAAA,CAAA,CAAA;AAET,EAAA,MAAML,KAAK,GAAGM,QAAQ,CAACL,UAAU,CAAC,CAAA;AAElC,EAAA,IAAIH,QAAQ,EAAE;IACZ,oBAAOS,cAAA,CAAAC,aAAA,CAAAD,cAAA,CAAAE,QAAA,EAAGd,IAAAA,EAAAA,QAAW,CAAC,CAAA;AACxB,GAAA;EAEA,oBACEY,cAAA,CAAAC,aAAA,CAAC5B,kBAAkB,EAAA8B,QAAA,KACbP,cAAc,EAAA;IAClBP,SAAS,EAAEe,UAAU,CAACpB,YAAY,CAACK,SAAS,EAAEA,SAAS,CAAE;AACzDF,IAAAA,GAAG,EAAEA,GAAiC;AACtCT,IAAAA,SAAS,EAAEY,QAAS;AACpBX,IAAAA,WAAW,EAAEa,UAAW;AACxBa,IAAAA,MAAM,EAAEZ,KAAM;AACdb,IAAAA,QAAQ,EAAEe,OAAAA;AAAQ,GAAA,CAAA,EAEjB,OAAOP,QAAQ,KAAK,QAAQ,gBAAGY,cAAA,CAAAC,aAAA,CAAOb,MAAAA,EAAAA,IAAAA,EAAAA,QAAe,CAAC,GAAGA,QACxC,CAAC,CAAA;AAEzB,CAAC,EAAC;AACFJ,YAAY,CAACK,SAAS,GAAGN,SAAS,CAAA;AAClCC,YAAY,CAACsB,WAAW,GAAGxB,cAAc;;;;"}
|
package/_internal/colors.js
CHANGED
|
@@ -1,10 +1,11 @@
|
|
|
1
1
|
import { a as _objectSpread2 } from './_rollupPluginBabelHelpers.js';
|
|
2
|
-
import { rsiAsmHorizontal, rsiBrandTrustHorizontal, rsiCertificatesHorizontal, rsiOndmarcHorizontal, rsiPulseHorizontal, rsiRadarHorizontal, rsiRojoDsHorizontal, rsiVendorSecureHorizontal, rsiRedSiftHorizontal } from '@redsift/icons';
|
|
2
|
+
import { rsiAsmHorizontal, rsiBrandTrustHorizontal, rsiCertificatesHorizontal, rsiHardenizeHorizontal, rsiOndmarcHorizontal, rsiPulseHorizontal, rsiRadarHorizontal, rsiRojoDsHorizontal, rsiVendorSecureHorizontal, rsiRedSiftHorizontal } from '@redsift/icons';
|
|
3
3
|
|
|
4
4
|
const Product = {
|
|
5
5
|
asm: 'asm',
|
|
6
6
|
'brand-trust': 'brand-trust',
|
|
7
7
|
certificates: 'certificates',
|
|
8
|
+
hardenize: 'hardenize',
|
|
8
9
|
ondmarc: 'ondmarc',
|
|
9
10
|
pulse: 'pulse',
|
|
10
11
|
radar: 'radar',
|
|
@@ -16,6 +17,7 @@ const ProductName = {
|
|
|
16
17
|
asm: 'ASM',
|
|
17
18
|
'brand-trust': 'Brand Trust',
|
|
18
19
|
certificates: 'Certificates',
|
|
20
|
+
hardenize: 'Hardenize',
|
|
19
21
|
ondmarc: 'OnDMARC',
|
|
20
22
|
pulse: 'Pulse',
|
|
21
23
|
radar: 'RADAR',
|
|
@@ -27,6 +29,7 @@ const ProductLogo = {
|
|
|
27
29
|
asm: rsiAsmHorizontal,
|
|
28
30
|
'brand-trust': rsiBrandTrustHorizontal,
|
|
29
31
|
certificates: rsiCertificatesHorizontal,
|
|
32
|
+
hardenize: rsiHardenizeHorizontal,
|
|
30
33
|
ondmarc: rsiOndmarcHorizontal,
|
|
31
34
|
pulse: rsiPulseHorizontal,
|
|
32
35
|
radar: rsiRadarHorizontal,
|
package/_internal/colors.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"colors.js","sources":["../../src/types/products.ts","../../src/types/colors.ts"],"sourcesContent":["import {\n rsiAsmHorizontal,\n rsiBrandTrustHorizontal,\n rsiCertificatesHorizontal,\n rsiOndmarcHorizontal,\n rsiPulseHorizontal,\n rsiRadarHorizontal,\n rsiRedSiftHorizontal,\n rsiRojoDsHorizontal,\n rsiVendorSecureHorizontal,\n} from '@redsift/icons';\nimport { ValueOf } from './helpers';\n\nexport const Product = {\n asm: 'asm',\n 'brand-trust': 'brand-trust',\n certificates: 'certificates',\n ondmarc: 'ondmarc',\n pulse: 'pulse',\n radar: 'radar',\n 'rojo-ds': 'rojo-ds',\n 'vendor-secure': 'vendor-secure',\n website: 'website',\n} as const;\nexport type Product = ValueOf<typeof Product>;\n\nexport const ProductName = {\n asm: 'ASM',\n 'brand-trust': 'Brand Trust',\n certificates: 'Certificates',\n ondmarc: 'OnDMARC',\n pulse: 'Pulse',\n radar: 'RADAR',\n 'rojo-ds': 'ROJO DS',\n 'vendor-secure': 'Vendor Secure',\n website: 'Website',\n} as const;\nexport type ProductName = ValueOf<typeof ProductName>;\n\nexport const ProductLogo = {\n asm: rsiAsmHorizontal,\n 'brand-trust': rsiBrandTrustHorizontal,\n certificates: rsiCertificatesHorizontal,\n ondmarc: rsiOndmarcHorizontal,\n pulse: rsiPulseHorizontal,\n radar: rsiRadarHorizontal,\n 'rojo-ds': rsiRojoDsHorizontal,\n 'vendor-secure': rsiVendorSecureHorizontal,\n website: rsiRedSiftHorizontal,\n} as const;\nexport type ProductLogo = ValueOf<typeof ProductLogo>;\n","import { Product } from './products';\nimport { ValueOf } from './helpers';\n\n/**\n * Color palette.\n */\nexport const Theme = {\n light: 'light',\n dark: 'dark',\n} as const;\nexport type Theme = ValueOf<typeof Theme>;\n\nexport const PrimaryColorPalette = {\n primary: 'primary',\n secondary: 'secondary',\n error: 'error',\n} as const;\nexport type PrimaryColorPalette = ValueOf<typeof PrimaryColorPalette>;\n\nexport const SecondaryColorPalette = {\n success: 'success',\n warning: 'warning',\n info: 'info',\n} as const;\nexport type SecondaryColorPalette = ValueOf<typeof SecondaryColorPalette>;\n\nexport const ColorPalette = {\n ...PrimaryColorPalette,\n ...SecondaryColorPalette,\n} as const;\nexport type ColorPalette = PrimaryColorPalette & SecondaryColorPalette;\n\nexport const PrimaryButtonsColorPalette = {\n primary: 'primary',\n secondary: 'secondary',\n error: 'error',\n success: 'success',\n warning: 'warning',\n grey: 'grey',\n radar: 'radar',\n};\nexport const ButtonsColorPalette = {\n ...PrimaryButtonsColorPalette,\n white: 'white',\n black: 'black',\n info: 'info',\n} as const;\nexport type PrimaryButtonsColorPalette = ValueOf<typeof PrimaryButtonsColorPalette>;\nexport type ButtonsColorPalette = ValueOf<typeof ButtonsColorPalette>;\n\nexport const NotificationsColorPalette = {\n ...ColorPalette,\n question: 'question',\n 'no-data': 'no-data',\n} as const;\nexport type NotificationsColorPalette = ValueOf<typeof NotificationsColorPalette>;\n\nexport const ProductColorPalette = Product;\nexport type ProductColorPalette = ValueOf<typeof ProductColorPalette>;\n\nexport const PresentationColorPalette = {\n green: 'green',\n pink: 'pink',\n aqua: 'aqua',\n brown: 'brown',\n red: 'red',\n yellow: 'yellow',\n purple: 'purple',\n orange: 'orange',\n blue: 'blue',\n grey: 'grey',\n} as const;\nexport type PresentationColorPalette = ValueOf<typeof PresentationColorPalette>;\n\nexport const NeutralColorPalette = {\n black: 'black',\n 'x-dark-grey': 'x-dark-grey',\n 'dark-grey': 'dark-grey',\n 'mid-grey': 'mid-grey',\n 'light-grey': 'light-grey',\n 'x-light-grey': 'x-light-grey',\n white: 'white',\n} as const;\nexport type NeutralColorPalette = ValueOf<typeof NeutralColorPalette>;\n"],"names":["Product","asm","certificates","ondmarc","pulse","radar","website","ProductName","ProductLogo","rsiAsmHorizontal","rsiBrandTrustHorizontal","rsiCertificatesHorizontal","rsiOndmarcHorizontal","rsiPulseHorizontal","rsiRadarHorizontal","rsiRojoDsHorizontal","rsiVendorSecureHorizontal","rsiRedSiftHorizontal","Theme","light","dark","PrimaryColorPalette","primary","secondary","error","SecondaryColorPalette","success","warning","info","ColorPalette","_objectSpread","PrimaryButtonsColorPalette","grey","ButtonsColorPalette","white","black","NotificationsColorPalette","question","ProductColorPalette","PresentationColorPalette","green","pink","aqua","brown","red","yellow","purple","orange","blue","NeutralColorPalette"],"mappings":";;;
|
|
1
|
+
{"version":3,"file":"colors.js","sources":["../../src/types/products.ts","../../src/types/colors.ts"],"sourcesContent":["import {\n rsiAsmHorizontal,\n rsiBrandTrustHorizontal,\n rsiCertificatesHorizontal,\n rsiHardenizeHorizontal,\n rsiOndmarcHorizontal,\n rsiPulseHorizontal,\n rsiRadarHorizontal,\n rsiRedSiftHorizontal,\n rsiRojoDsHorizontal,\n rsiVendorSecureHorizontal,\n} from '@redsift/icons';\nimport { ValueOf } from './helpers';\n\nexport const Product = {\n asm: 'asm',\n 'brand-trust': 'brand-trust',\n certificates: 'certificates',\n hardenize: 'hardenize',\n ondmarc: 'ondmarc',\n pulse: 'pulse',\n radar: 'radar',\n 'rojo-ds': 'rojo-ds',\n 'vendor-secure': 'vendor-secure',\n website: 'website',\n} as const;\nexport type Product = ValueOf<typeof Product>;\n\nexport const ProductName = {\n asm: 'ASM',\n 'brand-trust': 'Brand Trust',\n certificates: 'Certificates',\n hardenize: 'Hardenize',\n ondmarc: 'OnDMARC',\n pulse: 'Pulse',\n radar: 'RADAR',\n 'rojo-ds': 'ROJO DS',\n 'vendor-secure': 'Vendor Secure',\n website: 'Website',\n} as const;\nexport type ProductName = ValueOf<typeof ProductName>;\n\nexport const ProductLogo = {\n asm: rsiAsmHorizontal,\n 'brand-trust': rsiBrandTrustHorizontal,\n certificates: rsiCertificatesHorizontal,\n hardenize: rsiHardenizeHorizontal,\n ondmarc: rsiOndmarcHorizontal,\n pulse: rsiPulseHorizontal,\n radar: rsiRadarHorizontal,\n 'rojo-ds': rsiRojoDsHorizontal,\n 'vendor-secure': rsiVendorSecureHorizontal,\n website: rsiRedSiftHorizontal,\n} as const;\nexport type ProductLogo = ValueOf<typeof ProductLogo>;\n","import { Product } from './products';\nimport { ValueOf } from './helpers';\n\n/**\n * Color palette.\n */\nexport const Theme = {\n light: 'light',\n dark: 'dark',\n} as const;\nexport type Theme = ValueOf<typeof Theme>;\n\nexport const PrimaryColorPalette = {\n primary: 'primary',\n secondary: 'secondary',\n error: 'error',\n} as const;\nexport type PrimaryColorPalette = ValueOf<typeof PrimaryColorPalette>;\n\nexport const SecondaryColorPalette = {\n success: 'success',\n warning: 'warning',\n info: 'info',\n} as const;\nexport type SecondaryColorPalette = ValueOf<typeof SecondaryColorPalette>;\n\nexport const ColorPalette = {\n ...PrimaryColorPalette,\n ...SecondaryColorPalette,\n} as const;\nexport type ColorPalette = PrimaryColorPalette & SecondaryColorPalette;\n\nexport const PrimaryButtonsColorPalette = {\n primary: 'primary',\n secondary: 'secondary',\n error: 'error',\n success: 'success',\n warning: 'warning',\n grey: 'grey',\n radar: 'radar',\n};\nexport const ButtonsColorPalette = {\n ...PrimaryButtonsColorPalette,\n white: 'white',\n black: 'black',\n info: 'info',\n} as const;\nexport type PrimaryButtonsColorPalette = ValueOf<typeof PrimaryButtonsColorPalette>;\nexport type ButtonsColorPalette = ValueOf<typeof ButtonsColorPalette>;\n\nexport const NotificationsColorPalette = {\n ...ColorPalette,\n question: 'question',\n 'no-data': 'no-data',\n} as const;\nexport type NotificationsColorPalette = ValueOf<typeof NotificationsColorPalette>;\n\nexport const ProductColorPalette = Product;\nexport type ProductColorPalette = ValueOf<typeof ProductColorPalette>;\n\nexport const PresentationColorPalette = {\n green: 'green',\n pink: 'pink',\n aqua: 'aqua',\n brown: 'brown',\n red: 'red',\n yellow: 'yellow',\n purple: 'purple',\n orange: 'orange',\n blue: 'blue',\n grey: 'grey',\n} as const;\nexport type PresentationColorPalette = ValueOf<typeof PresentationColorPalette>;\n\nexport const NeutralColorPalette = {\n black: 'black',\n 'x-dark-grey': 'x-dark-grey',\n 'dark-grey': 'dark-grey',\n 'mid-grey': 'mid-grey',\n 'light-grey': 'light-grey',\n 'x-light-grey': 'x-light-grey',\n white: 'white',\n} as const;\nexport type NeutralColorPalette = ValueOf<typeof NeutralColorPalette>;\n"],"names":["Product","asm","certificates","hardenize","ondmarc","pulse","radar","website","ProductName","ProductLogo","rsiAsmHorizontal","rsiBrandTrustHorizontal","rsiCertificatesHorizontal","rsiHardenizeHorizontal","rsiOndmarcHorizontal","rsiPulseHorizontal","rsiRadarHorizontal","rsiRojoDsHorizontal","rsiVendorSecureHorizontal","rsiRedSiftHorizontal","Theme","light","dark","PrimaryColorPalette","primary","secondary","error","SecondaryColorPalette","success","warning","info","ColorPalette","_objectSpread","PrimaryButtonsColorPalette","grey","ButtonsColorPalette","white","black","NotificationsColorPalette","question","ProductColorPalette","PresentationColorPalette","green","pink","aqua","brown","red","yellow","purple","orange","blue","NeutralColorPalette"],"mappings":"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"}
|
package/_internal/styles4.js
CHANGED
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 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 cursor: pointer;\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 }
|
|
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 cursor: pointer;\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::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 .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 ${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/index.d.ts
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import * as styled_components_dist_types from 'styled-components/dist/types';
|
|
2
|
-
import * as
|
|
3
|
-
import
|
|
2
|
+
import * as react from 'react';
|
|
3
|
+
import react__default, { Ref, ReactElement, ReactNode, ComponentProps, DependencyList, MutableRefObject, ElementType, RefObject, MouseEvent, Dispatch, SetStateAction, ChangeEvent, FocusEvent, KeyboardEvent } from 'react';
|
|
4
4
|
import * as styled_components from 'styled-components';
|
|
5
5
|
|
|
6
6
|
/** Component Type. */
|
|
@@ -37,6 +37,7 @@ declare const Product: {
|
|
|
37
37
|
readonly asm: "asm";
|
|
38
38
|
readonly 'brand-trust': "brand-trust";
|
|
39
39
|
readonly certificates: "certificates";
|
|
40
|
+
readonly hardenize: "hardenize";
|
|
40
41
|
readonly ondmarc: "ondmarc";
|
|
41
42
|
readonly pulse: "pulse";
|
|
42
43
|
readonly radar: "radar";
|
|
@@ -49,6 +50,7 @@ declare const ProductName: {
|
|
|
49
50
|
readonly asm: "ASM";
|
|
50
51
|
readonly 'brand-trust': "Brand Trust";
|
|
51
52
|
readonly certificates: "Certificates";
|
|
53
|
+
readonly hardenize: "Hardenize";
|
|
52
54
|
readonly ondmarc: "OnDMARC";
|
|
53
55
|
readonly pulse: "Pulse";
|
|
54
56
|
readonly radar: "RADAR";
|
|
@@ -58,15 +60,16 @@ declare const ProductName: {
|
|
|
58
60
|
};
|
|
59
61
|
type ProductName = ValueOf<typeof ProductName>;
|
|
60
62
|
declare const ProductLogo: {
|
|
61
|
-
readonly asm: JSX.Element;
|
|
62
|
-
readonly 'brand-trust': JSX.Element;
|
|
63
|
-
readonly certificates: JSX.Element;
|
|
64
|
-
readonly
|
|
65
|
-
readonly
|
|
66
|
-
readonly
|
|
67
|
-
readonly
|
|
68
|
-
readonly '
|
|
69
|
-
readonly
|
|
63
|
+
readonly asm: react.JSX.Element;
|
|
64
|
+
readonly 'brand-trust': react.JSX.Element;
|
|
65
|
+
readonly certificates: react.JSX.Element;
|
|
66
|
+
readonly hardenize: react.JSX.Element;
|
|
67
|
+
readonly ondmarc: react.JSX.Element;
|
|
68
|
+
readonly pulse: react.JSX.Element;
|
|
69
|
+
readonly radar: react.JSX.Element;
|
|
70
|
+
readonly 'rojo-ds': react.JSX.Element;
|
|
71
|
+
readonly 'vendor-secure': react.JSX.Element;
|
|
72
|
+
readonly website: react.JSX.Element;
|
|
70
73
|
};
|
|
71
74
|
type ProductLogo = ValueOf<typeof ProductLogo>;
|
|
72
75
|
|
|
@@ -137,6 +140,7 @@ declare const ProductColorPalette: {
|
|
|
137
140
|
readonly asm: "asm";
|
|
138
141
|
readonly 'brand-trust': "brand-trust";
|
|
139
142
|
readonly certificates: "certificates";
|
|
143
|
+
readonly hardenize: "hardenize";
|
|
140
144
|
readonly ondmarc: "ondmarc";
|
|
141
145
|
readonly pulse: "pulse";
|
|
142
146
|
readonly radar: "radar";
|
|
@@ -2060,13 +2064,13 @@ declare function __resetAliasWarnings(): void;
|
|
|
2060
2064
|
* // Inside DataCard, check that Body/Listbox don't contain other sub-components
|
|
2061
2065
|
* warnOnNestedSubComponents(bodyChildren, 'DataCard', 'DataCardBody', SUB_NAMES);
|
|
2062
2066
|
*/
|
|
2063
|
-
declare function warnOnNestedSubComponents(children:
|
|
2067
|
+
declare function warnOnNestedSubComponents(children: react__default.ReactNode, componentName: string, parentName: string, restrictedDisplayNames: Set<string>): void;
|
|
2064
2068
|
/**
|
|
2065
2069
|
* Walk children and warn if any child's displayName is NOT in the allowed set.
|
|
2066
2070
|
* Used for components that silently drop unrecognised children (e.g. Card, Breadcrumbs).
|
|
2067
2071
|
* Fragments, nulls, strings, and numbers are ignored.
|
|
2068
2072
|
*/
|
|
2069
|
-
declare function warnOnUnknownChildren(children:
|
|
2073
|
+
declare function warnOnUnknownChildren(children: react__default.ReactNode, componentName: string, allowedDisplayNames: Set<string>): void;
|
|
2070
2074
|
/**
|
|
2071
2075
|
* Warn when a sub-component is rendered outside its required parent.
|
|
2072
2076
|
* Call from the sub-component after reading its context.
|
|
@@ -2151,7 +2155,7 @@ interface I18nProviderProps {
|
|
|
2151
2155
|
/**
|
|
2152
2156
|
* Provides the locale for the application to all child components.
|
|
2153
2157
|
*/
|
|
2154
|
-
declare function I18nProvider(props: I18nProviderProps): JSX.Element;
|
|
2158
|
+
declare function I18nProvider(props: I18nProviderProps): react__default.JSX.Element;
|
|
2155
2159
|
/**
|
|
2156
2160
|
* Returns the current locale and layout direction.
|
|
2157
2161
|
*/
|
|
@@ -3080,7 +3084,7 @@ type AppSidePanelContextProps = {
|
|
|
3080
3084
|
/** When set, persists menu expand/collapse states in localStorage using this key as prefix. */
|
|
3081
3085
|
menuStorageKey?: string;
|
|
3082
3086
|
};
|
|
3083
|
-
declare const AppSidePanelContext:
|
|
3087
|
+
declare const AppSidePanelContext: react__default.Context<AppSidePanelContextProps | null>;
|
|
3084
3088
|
|
|
3085
3089
|
/**
|
|
3086
3090
|
* Context props.
|
|
@@ -3121,7 +3125,7 @@ interface AppContainerProps extends ComponentProps<'div'> {
|
|
|
3121
3125
|
isFullScreen?: boolean;
|
|
3122
3126
|
/** The locale to apply to the children. */
|
|
3123
3127
|
locale?: string;
|
|
3124
|
-
/** Product
|
|
3128
|
+
/** Product name and logo for the app shell. Hardenize uses the same styling as ASM. */
|
|
3125
3129
|
product?: Product | {
|
|
3126
3130
|
name: string;
|
|
3127
3131
|
logo?: ReactElement;
|
|
@@ -3139,10 +3143,10 @@ type StyledAppContainerProps = Omit<AppContainerProps, 'locale' | 'product'> & {
|
|
|
3139
3143
|
$product?: AppContainerProps['product'];
|
|
3140
3144
|
};
|
|
3141
3145
|
|
|
3142
|
-
declare const AppContainerContext:
|
|
3146
|
+
declare const AppContainerContext: react__default.Context<AppContainerState | null>;
|
|
3143
3147
|
|
|
3144
3148
|
/** @internal SVG gradient definitions for Radar product styling */
|
|
3145
|
-
declare const RadarSvgLinearGradient:
|
|
3149
|
+
declare const RadarSvgLinearGradient: react__default.FC;
|
|
3146
3150
|
/**
|
|
3147
3151
|
* The AppContainer component.
|
|
3148
3152
|
*/
|
|
@@ -3396,7 +3400,9 @@ interface StyledButtonProps extends ComponentProps<'button'>, StylingTransientPr
|
|
|
3396
3400
|
/**
|
|
3397
3401
|
* Component style.
|
|
3398
3402
|
*/
|
|
3399
|
-
declare const StyledButton: styled_components_dist_types.IStyledComponentBase<"web", styled_components_dist_types.
|
|
3403
|
+
declare const StyledButton: styled_components_dist_types.IStyledComponentBase<"web", styled_components_dist_types.Merged<Omit<react.DetailedHTMLProps<react.ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "style"> & {
|
|
3404
|
+
style?: react.CSSProperties | styled_components_dist_types.CSSPropertiesWithVars | undefined;
|
|
3405
|
+
}, StyledButtonProps>> & string;
|
|
3400
3406
|
|
|
3401
3407
|
/**
|
|
3402
3408
|
* The Button is a semantic button that looks like a button.
|
|
@@ -3447,7 +3453,9 @@ interface StyledLinkProps extends ComponentProps<'a'>, StylingTransientProps {
|
|
|
3447
3453
|
/**
|
|
3448
3454
|
* Component style.
|
|
3449
3455
|
*/
|
|
3450
|
-
declare const StyledLink: styled_components_dist_types.IStyledComponentBase<"web", styled_components_dist_types.
|
|
3456
|
+
declare const StyledLink: styled_components_dist_types.IStyledComponentBase<"web", styled_components_dist_types.Merged<Omit<react.DetailedHTMLProps<react.AnchorHTMLAttributes<HTMLAnchorElement>, HTMLAnchorElement>, "style"> & {
|
|
3457
|
+
style?: react.CSSProperties | styled_components_dist_types.CSSPropertiesWithVars | undefined;
|
|
3458
|
+
}, StyledLinkProps>> & string;
|
|
3451
3459
|
|
|
3452
3460
|
/**
|
|
3453
3461
|
* Link is a semantic link (`<a>`) styled as a text link. Use for internal
|
|
@@ -4031,7 +4039,7 @@ interface ConditionalWrapperProps<T = {}> {
|
|
|
4031
4039
|
*
|
|
4032
4040
|
* @internal This is primarily used internally by other components.
|
|
4033
4041
|
*/
|
|
4034
|
-
declare const ConditionalWrapper:
|
|
4042
|
+
declare const ConditionalWrapper: react__default.FC<ConditionalWrapperProps>;
|
|
4035
4043
|
|
|
4036
4044
|
/**
|
|
4037
4045
|
* Component variant.
|
|
@@ -4719,10 +4727,10 @@ interface FocusWithinGroupProps extends ComponentProps<'div'>, FocusWithinGroupO
|
|
|
4719
4727
|
* Note that this option does not apply if the roving tabindex
|
|
4720
4728
|
* is being used on a grid.
|
|
4721
4729
|
*/
|
|
4722
|
-
declare const FocusWithinGroup:
|
|
4730
|
+
declare const FocusWithinGroup: react__default.FC<FocusWithinGroupProps>;
|
|
4723
4731
|
|
|
4724
4732
|
declare const FOCUS_WITHING_GROUP_INITIAL_STATE: FocusWithinGroupState;
|
|
4725
|
-
declare const FocusWithinGroupContext:
|
|
4733
|
+
declare const FocusWithinGroupContext: react__default.Context<FocusWithinGroupContextProps>;
|
|
4726
4734
|
|
|
4727
4735
|
declare const FocusWithinGroupReducer: (state: FocusWithinGroupState, action: FocusWithinGroupAction) => FocusWithinGroupState;
|
|
4728
4736
|
|
|
@@ -4763,7 +4771,9 @@ declare function useFocusOnListItem(props: {
|
|
|
4763
4771
|
|
|
4764
4772
|
declare function useFocusOnList(): UseFocusGroupProps;
|
|
4765
4773
|
|
|
4766
|
-
declare const StyledGradientBorder: styled_components_dist_types.IStyledComponentBase<"web", styled_components_dist_types.
|
|
4774
|
+
declare const StyledGradientBorder: styled_components_dist_types.IStyledComponentBase<"web", styled_components_dist_types.Merged<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "style"> & {
|
|
4775
|
+
style?: react.CSSProperties | styled_components_dist_types.CSSPropertiesWithVars | undefined;
|
|
4776
|
+
}, {
|
|
4767
4777
|
$borderRadius?: string;
|
|
4768
4778
|
$color?: ButtonProps["color"];
|
|
4769
4779
|
$isActive?: ButtonProps["isActive"];
|
|
@@ -5022,13 +5032,13 @@ interface StyledListboxProps extends ComponentProps<'div'>, ContainerTransientPr
|
|
|
5022
5032
|
$variant: ListboxProps['variant'];
|
|
5023
5033
|
}
|
|
5024
5034
|
|
|
5025
|
-
declare const ActiveDescendantListbox:
|
|
5035
|
+
declare const ActiveDescendantListbox: react__default.ForwardRefExoticComponent<Omit<Omit<ListboxProps, "onChange"> & {
|
|
5026
5036
|
context: ListboxContextProps;
|
|
5027
|
-
}, "
|
|
5037
|
+
}, "ref"> & react__default.RefAttributes<HTMLDivElement>>;
|
|
5028
5038
|
|
|
5029
|
-
declare const RovingTabindexListbox:
|
|
5039
|
+
declare const RovingTabindexListbox: react__default.ForwardRefExoticComponent<Omit<Omit<ListboxProps, "onChange"> & {
|
|
5030
5040
|
context: ListboxContextProps;
|
|
5031
|
-
}, "
|
|
5041
|
+
}, "ref"> & react__default.RefAttributes<HTMLDivElement>>;
|
|
5032
5042
|
|
|
5033
5043
|
/**
|
|
5034
5044
|
* Listbox displays a list of selectable options. Supports single or multiple
|
|
@@ -5061,7 +5071,7 @@ declare const RovingTabindexListbox: React__default.ForwardRefExoticComponent<Pi
|
|
|
5061
5071
|
declare const Listbox: Comp<ListboxProps, HTMLDivElement>;
|
|
5062
5072
|
|
|
5063
5073
|
declare const LISTBOX_INITIAL_STATE: ListboxState;
|
|
5064
|
-
declare const ListboxContext:
|
|
5074
|
+
declare const ListboxContext: react__default.Context<ListboxContextProps>;
|
|
5065
5075
|
|
|
5066
5076
|
declare const ListboxReducer: (state: ListboxState, action: ListboxAction) => ListboxState;
|
|
5067
5077
|
|
|
@@ -5135,7 +5145,9 @@ interface StyledItemProps extends ComponentProps<'div'>, ContainerTransientProps
|
|
|
5135
5145
|
/**
|
|
5136
5146
|
* Component style.
|
|
5137
5147
|
*/
|
|
5138
|
-
declare const StyledItem: styled_components_dist_types.IStyledComponentBase<"web", styled_components_dist_types.
|
|
5148
|
+
declare const StyledItem: styled_components_dist_types.IStyledComponentBase<"web", styled_components_dist_types.Merged<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "style"> & {
|
|
5149
|
+
style?: react.CSSProperties | styled_components_dist_types.CSSPropertiesWithVars | undefined;
|
|
5150
|
+
}, StyledItemProps>> & string;
|
|
5139
5151
|
|
|
5140
5152
|
declare const RenderedListboxItem: Comp<Omit<ItemProps, 'value'> & Required<Pick<ItemProps, 'value'>>, HTMLElement>;
|
|
5141
5153
|
/**
|
|
@@ -5459,11 +5471,15 @@ interface StyledHighlightOverlayProps {
|
|
|
5459
5471
|
/**
|
|
5460
5472
|
* Component style.
|
|
5461
5473
|
*/
|
|
5462
|
-
declare const StyledTextField: styled_components_dist_types.IStyledComponentBase<"web", styled_components_dist_types.
|
|
5474
|
+
declare const StyledTextField: styled_components_dist_types.IStyledComponentBase<"web", styled_components_dist_types.Merged<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "style"> & {
|
|
5475
|
+
style?: react.CSSProperties | styled_components_dist_types.CSSPropertiesWithVars | undefined;
|
|
5476
|
+
}, StyledTextFieldProps>> & string;
|
|
5463
5477
|
/**
|
|
5464
5478
|
* Styled marker for highlighted non-ASCII characters in TextField.
|
|
5465
5479
|
*/
|
|
5466
|
-
declare const StyledHighlightMarker: styled_components_dist_types.IStyledComponentBase<"web", styled_components_dist_types.
|
|
5480
|
+
declare const StyledHighlightMarker: styled_components_dist_types.IStyledComponentBase<"web", styled_components_dist_types.Merged<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLElement>, HTMLElement>, "style"> & {
|
|
5481
|
+
style?: react.CSSProperties | styled_components_dist_types.CSSPropertiesWithVars | undefined;
|
|
5482
|
+
}, StyledHighlightOverlayProps>> & string;
|
|
5467
5483
|
|
|
5468
5484
|
/**
|
|
5469
5485
|
* TextField allows users to enter single-line text input. Supports validation,
|
|
@@ -5858,16 +5874,16 @@ interface StyledRadioProps extends ComponentProps<'label'>, StylingTransientProp
|
|
|
5858
5874
|
*/
|
|
5859
5875
|
declare const Radio: Comp<RadioProps, HTMLLabelElement>;
|
|
5860
5876
|
|
|
5861
|
-
declare const baseLayout: styled_components.RuleSet<LayoutTransientProps
|
|
5862
|
-
declare const baseSpacing: styled_components.RuleSet<SpacingTransientProps
|
|
5863
|
-
declare const baseInternalSpacing: styled_components.RuleSet<InternalSpacingTransientProps
|
|
5864
|
-
declare const baseSizing: styled_components.RuleSet<SizingTransientProps
|
|
5865
|
-
declare const basePositioning: styled_components.RuleSet<PositioningTransientProps
|
|
5866
|
-
declare const baseBorder: styled_components.RuleSet<BorderTransientProps
|
|
5867
|
-
declare const baseFlexbox: styled_components.RuleSet<FlexLayoutTransientProps
|
|
5868
|
-
declare const baseGrid: styled_components.RuleSet<GridLayoutTransientProps
|
|
5869
|
-
declare const baseStyling: styled_components.RuleSet<StylingTransientProps
|
|
5870
|
-
declare const baseContainer: styled_components.RuleSet<ContainerTransientProps & LayoutTransientProps & InternalSpacingTransientProps & SpacingTransientProps & SizingTransientProps & PositioningTransientProps & GridLayoutTransientProps & FlexLayoutTransientProps & BorderTransientProps
|
|
5877
|
+
declare const baseLayout: styled_components.RuleSet<NoInfer<LayoutTransientProps>>;
|
|
5878
|
+
declare const baseSpacing: styled_components.RuleSet<NoInfer<SpacingTransientProps>>;
|
|
5879
|
+
declare const baseInternalSpacing: styled_components.RuleSet<NoInfer<InternalSpacingTransientProps>>;
|
|
5880
|
+
declare const baseSizing: styled_components.RuleSet<NoInfer<SizingTransientProps>>;
|
|
5881
|
+
declare const basePositioning: styled_components.RuleSet<NoInfer<PositioningTransientProps>>;
|
|
5882
|
+
declare const baseBorder: styled_components.RuleSet<NoInfer<BorderTransientProps>>;
|
|
5883
|
+
declare const baseFlexbox: styled_components.RuleSet<NoInfer<FlexLayoutTransientProps>>;
|
|
5884
|
+
declare const baseGrid: styled_components.RuleSet<NoInfer<GridLayoutTransientProps>>;
|
|
5885
|
+
declare const baseStyling: styled_components.RuleSet<NoInfer<StylingTransientProps>>;
|
|
5886
|
+
declare const baseContainer: styled_components.RuleSet<NoInfer<ContainerTransientProps & LayoutTransientProps & InternalSpacingTransientProps & SpacingTransientProps & SizingTransientProps & PositioningTransientProps & GridLayoutTransientProps & FlexLayoutTransientProps & BorderTransientProps>>;
|
|
5871
5887
|
declare const focusRing: styled_components.RuleSet<object>;
|
|
5872
5888
|
declare const srOnly: styled_components.RuleSet<object>;
|
|
5873
5889
|
|
|
@@ -6442,7 +6458,7 @@ interface TabsContextValue {
|
|
|
6442
6458
|
selectionFollowsFocus: boolean;
|
|
6443
6459
|
onSelect(value: string): void;
|
|
6444
6460
|
}
|
|
6445
|
-
declare const TabsContext:
|
|
6461
|
+
declare const TabsContext: react.Context<TabsContextValue | null>;
|
|
6446
6462
|
|
|
6447
6463
|
/**
|
|
6448
6464
|
* Tabs organises content into separate views where only one view is visible at a time.
|
|
@@ -6528,10 +6544,10 @@ type StyledTextAreaProps = StyledTextFieldProps;
|
|
|
6528
6544
|
*/
|
|
6529
6545
|
declare const TextArea: Comp<TextAreaProps, HTMLDivElement>;
|
|
6530
6546
|
|
|
6531
|
-
declare const ThemeContext:
|
|
6547
|
+
declare const ThemeContext: react__default.Context<{
|
|
6532
6548
|
theme?: Theme;
|
|
6533
6549
|
} | null>;
|
|
6534
|
-
declare const ThemeProvider:
|
|
6550
|
+
declare const ThemeProvider: react__default.Provider<{
|
|
6535
6551
|
theme?: Theme;
|
|
6536
6552
|
} | null>;
|
|
6537
6553
|
|
package/package.json
CHANGED
|
@@ -33,13 +33,12 @@
|
|
|
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.6.
|
|
36
|
+
"version": "12.6.6-alpha.1",
|
|
37
37
|
"dependencies": {
|
|
38
38
|
"@react-spring/web": "^9.7.1",
|
|
39
39
|
"classnames": "^2.3.1",
|
|
40
40
|
"clsx": "^2.0.0",
|
|
41
|
-
"intl-messageformat": "^10.1.0"
|
|
42
|
-
"styled-components": "6.1.19"
|
|
41
|
+
"intl-messageformat": "^10.1.0"
|
|
43
42
|
},
|
|
44
43
|
"devDependencies": {
|
|
45
44
|
"@babel/core": "^7.8.3",
|
|
@@ -65,7 +64,7 @@
|
|
|
65
64
|
"@testing-library/react": "^13.4.0",
|
|
66
65
|
"@testing-library/user-event": "14.2.1",
|
|
67
66
|
"@types/jest": "^29.5.0",
|
|
68
|
-
"@types/react": "18.
|
|
67
|
+
"@types/react": "18.2.7",
|
|
69
68
|
"@types/react-dom": "18.0.5",
|
|
70
69
|
"@typescript-eslint/eslint-plugin": "^8.0.0",
|
|
71
70
|
"@typescript-eslint/parser": "^8.0.0",
|
|
@@ -94,10 +93,10 @@
|
|
|
94
93
|
"version-changelog": "^3.1.1"
|
|
95
94
|
},
|
|
96
95
|
"peerDependencies": {
|
|
97
|
-
"@redsift/icons": "^12.6.
|
|
96
|
+
"@redsift/icons": "^12.6.5-0",
|
|
98
97
|
"react": ">=17",
|
|
99
98
|
"react-dom": ">=17",
|
|
100
|
-
"styled-components": "6.
|
|
99
|
+
"styled-components": "^6.4.0"
|
|
101
100
|
},
|
|
102
|
-
"gitHead": "
|
|
101
|
+
"gitHead": "3573bb7728c399a785abb35fc9fe3794452bda64"
|
|
103
102
|
}
|