@redsift/design-system 12.6.5 → 12.6.6-alpha.2
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/styles4.js +1 -1
- package/_internal/styles4.js.map +1 -1
- package/index.d.ts +57 -45
- package/package.json +5 -6
|
@@ -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/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. */
|
|
@@ -60,16 +60,16 @@ declare const ProductName: {
|
|
|
60
60
|
};
|
|
61
61
|
type ProductName = ValueOf<typeof ProductName>;
|
|
62
62
|
declare const ProductLogo: {
|
|
63
|
-
readonly asm: JSX.Element;
|
|
64
|
-
readonly 'brand-trust': JSX.Element;
|
|
65
|
-
readonly certificates: JSX.Element;
|
|
66
|
-
readonly hardenize: JSX.Element;
|
|
67
|
-
readonly ondmarc: JSX.Element;
|
|
68
|
-
readonly pulse: JSX.Element;
|
|
69
|
-
readonly radar: JSX.Element;
|
|
70
|
-
readonly 'rojo-ds': JSX.Element;
|
|
71
|
-
readonly 'vendor-secure': JSX.Element;
|
|
72
|
-
readonly website: JSX.Element;
|
|
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;
|
|
73
73
|
};
|
|
74
74
|
type ProductLogo = ValueOf<typeof ProductLogo>;
|
|
75
75
|
|
|
@@ -2064,13 +2064,13 @@ declare function __resetAliasWarnings(): void;
|
|
|
2064
2064
|
* // Inside DataCard, check that Body/Listbox don't contain other sub-components
|
|
2065
2065
|
* warnOnNestedSubComponents(bodyChildren, 'DataCard', 'DataCardBody', SUB_NAMES);
|
|
2066
2066
|
*/
|
|
2067
|
-
declare function warnOnNestedSubComponents(children:
|
|
2067
|
+
declare function warnOnNestedSubComponents(children: react__default.ReactNode, componentName: string, parentName: string, restrictedDisplayNames: Set<string>): void;
|
|
2068
2068
|
/**
|
|
2069
2069
|
* Walk children and warn if any child's displayName is NOT in the allowed set.
|
|
2070
2070
|
* Used for components that silently drop unrecognised children (e.g. Card, Breadcrumbs).
|
|
2071
2071
|
* Fragments, nulls, strings, and numbers are ignored.
|
|
2072
2072
|
*/
|
|
2073
|
-
declare function warnOnUnknownChildren(children:
|
|
2073
|
+
declare function warnOnUnknownChildren(children: react__default.ReactNode, componentName: string, allowedDisplayNames: Set<string>): void;
|
|
2074
2074
|
/**
|
|
2075
2075
|
* Warn when a sub-component is rendered outside its required parent.
|
|
2076
2076
|
* Call from the sub-component after reading its context.
|
|
@@ -2155,7 +2155,7 @@ interface I18nProviderProps {
|
|
|
2155
2155
|
/**
|
|
2156
2156
|
* Provides the locale for the application to all child components.
|
|
2157
2157
|
*/
|
|
2158
|
-
declare function I18nProvider(props: I18nProviderProps): JSX.Element;
|
|
2158
|
+
declare function I18nProvider(props: I18nProviderProps): react__default.JSX.Element;
|
|
2159
2159
|
/**
|
|
2160
2160
|
* Returns the current locale and layout direction.
|
|
2161
2161
|
*/
|
|
@@ -3084,7 +3084,7 @@ type AppSidePanelContextProps = {
|
|
|
3084
3084
|
/** When set, persists menu expand/collapse states in localStorage using this key as prefix. */
|
|
3085
3085
|
menuStorageKey?: string;
|
|
3086
3086
|
};
|
|
3087
|
-
declare const AppSidePanelContext:
|
|
3087
|
+
declare const AppSidePanelContext: react__default.Context<AppSidePanelContextProps | null>;
|
|
3088
3088
|
|
|
3089
3089
|
/**
|
|
3090
3090
|
* Context props.
|
|
@@ -3143,10 +3143,10 @@ type StyledAppContainerProps = Omit<AppContainerProps, 'locale' | 'product'> & {
|
|
|
3143
3143
|
$product?: AppContainerProps['product'];
|
|
3144
3144
|
};
|
|
3145
3145
|
|
|
3146
|
-
declare const AppContainerContext:
|
|
3146
|
+
declare const AppContainerContext: react__default.Context<AppContainerState | null>;
|
|
3147
3147
|
|
|
3148
3148
|
/** @internal SVG gradient definitions for Radar product styling */
|
|
3149
|
-
declare const RadarSvgLinearGradient:
|
|
3149
|
+
declare const RadarSvgLinearGradient: react__default.FC;
|
|
3150
3150
|
/**
|
|
3151
3151
|
* The AppContainer component.
|
|
3152
3152
|
*/
|
|
@@ -3400,7 +3400,9 @@ interface StyledButtonProps extends ComponentProps<'button'>, StylingTransientPr
|
|
|
3400
3400
|
/**
|
|
3401
3401
|
* Component style.
|
|
3402
3402
|
*/
|
|
3403
|
-
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;
|
|
3404
3406
|
|
|
3405
3407
|
/**
|
|
3406
3408
|
* The Button is a semantic button that looks like a button.
|
|
@@ -3451,7 +3453,9 @@ interface StyledLinkProps extends ComponentProps<'a'>, StylingTransientProps {
|
|
|
3451
3453
|
/**
|
|
3452
3454
|
* Component style.
|
|
3453
3455
|
*/
|
|
3454
|
-
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;
|
|
3455
3459
|
|
|
3456
3460
|
/**
|
|
3457
3461
|
* Link is a semantic link (`<a>`) styled as a text link. Use for internal
|
|
@@ -4035,7 +4039,7 @@ interface ConditionalWrapperProps<T = {}> {
|
|
|
4035
4039
|
*
|
|
4036
4040
|
* @internal This is primarily used internally by other components.
|
|
4037
4041
|
*/
|
|
4038
|
-
declare const ConditionalWrapper:
|
|
4042
|
+
declare const ConditionalWrapper: react__default.FC<ConditionalWrapperProps>;
|
|
4039
4043
|
|
|
4040
4044
|
/**
|
|
4041
4045
|
* Component variant.
|
|
@@ -4723,10 +4727,10 @@ interface FocusWithinGroupProps extends ComponentProps<'div'>, FocusWithinGroupO
|
|
|
4723
4727
|
* Note that this option does not apply if the roving tabindex
|
|
4724
4728
|
* is being used on a grid.
|
|
4725
4729
|
*/
|
|
4726
|
-
declare const FocusWithinGroup:
|
|
4730
|
+
declare const FocusWithinGroup: react__default.FC<FocusWithinGroupProps>;
|
|
4727
4731
|
|
|
4728
4732
|
declare const FOCUS_WITHING_GROUP_INITIAL_STATE: FocusWithinGroupState;
|
|
4729
|
-
declare const FocusWithinGroupContext:
|
|
4733
|
+
declare const FocusWithinGroupContext: react__default.Context<FocusWithinGroupContextProps>;
|
|
4730
4734
|
|
|
4731
4735
|
declare const FocusWithinGroupReducer: (state: FocusWithinGroupState, action: FocusWithinGroupAction) => FocusWithinGroupState;
|
|
4732
4736
|
|
|
@@ -4767,7 +4771,9 @@ declare function useFocusOnListItem(props: {
|
|
|
4767
4771
|
|
|
4768
4772
|
declare function useFocusOnList(): UseFocusGroupProps;
|
|
4769
4773
|
|
|
4770
|
-
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
|
+
}, {
|
|
4771
4777
|
$borderRadius?: string;
|
|
4772
4778
|
$color?: ButtonProps["color"];
|
|
4773
4779
|
$isActive?: ButtonProps["isActive"];
|
|
@@ -5026,13 +5032,13 @@ interface StyledListboxProps extends ComponentProps<'div'>, ContainerTransientPr
|
|
|
5026
5032
|
$variant: ListboxProps['variant'];
|
|
5027
5033
|
}
|
|
5028
5034
|
|
|
5029
|
-
declare const ActiveDescendantListbox:
|
|
5035
|
+
declare const ActiveDescendantListbox: react__default.ForwardRefExoticComponent<Omit<Omit<ListboxProps, "onChange"> & {
|
|
5030
5036
|
context: ListboxContextProps;
|
|
5031
|
-
}, "
|
|
5037
|
+
}, "ref"> & react__default.RefAttributes<HTMLDivElement>>;
|
|
5032
5038
|
|
|
5033
|
-
declare const RovingTabindexListbox:
|
|
5039
|
+
declare const RovingTabindexListbox: react__default.ForwardRefExoticComponent<Omit<Omit<ListboxProps, "onChange"> & {
|
|
5034
5040
|
context: ListboxContextProps;
|
|
5035
|
-
}, "
|
|
5041
|
+
}, "ref"> & react__default.RefAttributes<HTMLDivElement>>;
|
|
5036
5042
|
|
|
5037
5043
|
/**
|
|
5038
5044
|
* Listbox displays a list of selectable options. Supports single or multiple
|
|
@@ -5065,7 +5071,7 @@ declare const RovingTabindexListbox: React__default.ForwardRefExoticComponent<Pi
|
|
|
5065
5071
|
declare const Listbox: Comp<ListboxProps, HTMLDivElement>;
|
|
5066
5072
|
|
|
5067
5073
|
declare const LISTBOX_INITIAL_STATE: ListboxState;
|
|
5068
|
-
declare const ListboxContext:
|
|
5074
|
+
declare const ListboxContext: react__default.Context<ListboxContextProps>;
|
|
5069
5075
|
|
|
5070
5076
|
declare const ListboxReducer: (state: ListboxState, action: ListboxAction) => ListboxState;
|
|
5071
5077
|
|
|
@@ -5139,7 +5145,9 @@ interface StyledItemProps extends ComponentProps<'div'>, ContainerTransientProps
|
|
|
5139
5145
|
/**
|
|
5140
5146
|
* Component style.
|
|
5141
5147
|
*/
|
|
5142
|
-
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;
|
|
5143
5151
|
|
|
5144
5152
|
declare const RenderedListboxItem: Comp<Omit<ItemProps, 'value'> & Required<Pick<ItemProps, 'value'>>, HTMLElement>;
|
|
5145
5153
|
/**
|
|
@@ -5463,11 +5471,15 @@ interface StyledHighlightOverlayProps {
|
|
|
5463
5471
|
/**
|
|
5464
5472
|
* Component style.
|
|
5465
5473
|
*/
|
|
5466
|
-
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;
|
|
5467
5477
|
/**
|
|
5468
5478
|
* Styled marker for highlighted non-ASCII characters in TextField.
|
|
5469
5479
|
*/
|
|
5470
|
-
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;
|
|
5471
5483
|
|
|
5472
5484
|
/**
|
|
5473
5485
|
* TextField allows users to enter single-line text input. Supports validation,
|
|
@@ -5862,16 +5874,16 @@ interface StyledRadioProps extends ComponentProps<'label'>, StylingTransientProp
|
|
|
5862
5874
|
*/
|
|
5863
5875
|
declare const Radio: Comp<RadioProps, HTMLLabelElement>;
|
|
5864
5876
|
|
|
5865
|
-
declare const baseLayout: styled_components.RuleSet<LayoutTransientProps
|
|
5866
|
-
declare const baseSpacing: styled_components.RuleSet<SpacingTransientProps
|
|
5867
|
-
declare const baseInternalSpacing: styled_components.RuleSet<InternalSpacingTransientProps
|
|
5868
|
-
declare const baseSizing: styled_components.RuleSet<SizingTransientProps
|
|
5869
|
-
declare const basePositioning: styled_components.RuleSet<PositioningTransientProps
|
|
5870
|
-
declare const baseBorder: styled_components.RuleSet<BorderTransientProps
|
|
5871
|
-
declare const baseFlexbox: styled_components.RuleSet<FlexLayoutTransientProps
|
|
5872
|
-
declare const baseGrid: styled_components.RuleSet<GridLayoutTransientProps
|
|
5873
|
-
declare const baseStyling: styled_components.RuleSet<StylingTransientProps
|
|
5874
|
-
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>>;
|
|
5875
5887
|
declare const focusRing: styled_components.RuleSet<object>;
|
|
5876
5888
|
declare const srOnly: styled_components.RuleSet<object>;
|
|
5877
5889
|
|
|
@@ -6446,7 +6458,7 @@ interface TabsContextValue {
|
|
|
6446
6458
|
selectionFollowsFocus: boolean;
|
|
6447
6459
|
onSelect(value: string): void;
|
|
6448
6460
|
}
|
|
6449
|
-
declare const TabsContext:
|
|
6461
|
+
declare const TabsContext: react.Context<TabsContextValue | null>;
|
|
6450
6462
|
|
|
6451
6463
|
/**
|
|
6452
6464
|
* Tabs organises content into separate views where only one view is visible at a time.
|
|
@@ -6532,10 +6544,10 @@ type StyledTextAreaProps = StyledTextFieldProps;
|
|
|
6532
6544
|
*/
|
|
6533
6545
|
declare const TextArea: Comp<TextAreaProps, HTMLDivElement>;
|
|
6534
6546
|
|
|
6535
|
-
declare const ThemeContext:
|
|
6547
|
+
declare const ThemeContext: react__default.Context<{
|
|
6536
6548
|
theme?: Theme;
|
|
6537
6549
|
} | null>;
|
|
6538
|
-
declare const ThemeProvider:
|
|
6550
|
+
declare const ThemeProvider: react__default.Provider<{
|
|
6539
6551
|
theme?: Theme;
|
|
6540
6552
|
} | null>;
|
|
6541
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.2",
|
|
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",
|
|
@@ -97,7 +96,7 @@
|
|
|
97
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": "6767afb2384c367e0c977ed9f377dde019a6ea38"
|
|
103
102
|
}
|