@veeqo/ui 14.3.0-beta-1 → 14.3.0-beta-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/dist/components/InputGroup/InputGroup.module.scss.cjs +2 -2
- package/dist/components/InputGroup/InputGroup.module.scss.cjs.map +1 -1
- package/dist/components/InputGroup/InputGroup.module.scss.js +2 -2
- package/dist/components/InputGroup/InputGroup.module.scss.js.map +1 -1
- package/dist/components/Stack/Stack.cjs.map +1 -1
- package/dist/components/Stack/Stack.d.ts +2 -8
- package/dist/components/Stack/Stack.js.map +1 -1
- package/dist/components/Stack/types.d.ts +6 -2
- package/dist/components/Stepper/styled.d.ts +1 -8
- package/dist/components/ToastsLayout/components/styled.d.ts +3 -24
- package/dist/hoc/withLabels/styled.d.ts +1 -8
- package/dist/utils/forms/form.module.scss.cjs +2 -2
- package/dist/utils/forms/form.module.scss.cjs.map +1 -1
- package/dist/utils/forms/form.module.scss.js +2 -2
- package/dist/utils/forms/form.module.scss.js.map +1 -1
- package/package.json +1 -1
|
@@ -2,8 +2,8 @@
|
|
|
2
2
|
|
|
3
3
|
var ___$insertStyle = require('../../_virtual/____insertStyle.cjs');
|
|
4
4
|
|
|
5
|
-
___$insertStyle(".
|
|
6
|
-
var styles = {"base":"
|
|
5
|
+
___$insertStyle("._base_ot3fr_1 {\n --outline-size: var(--sizes-xs);\n --border-color: var(--colors-neutral-ink-lightest);\n --shadow-color: var(--colors-secondary-blue-light);\n --padding: var(--sizes-3);\n --padding-right: var(--padding);\n display: flex;\n /* Remove inline margins and shadows from all children.\n !important needed because SC-based children (e.g. Button) inject\n their box-shadow dynamically after CSS Module static styles. */\n /* Bring in-focus and active children to the front to maintain outlines */\n /* Remove inline borders for children in the middle */\n /* Remove right border radius from first child */\n /* Remove left border radius from last child */\n}\n._base_ot3fr_1 > * {\n margin-left: 0;\n margin-right: 0;\n box-shadow: none !important;\n}\n._base_ot3fr_1 > *:focus, ._base_ot3fr_1 > *:active {\n z-index: 5;\n}\n._base_ot3fr_1 > *:not(:first-child):not(:last-child) {\n border-radius: 0 !important;\n border-inline: 0 !important;\n}\n._base_ot3fr_1 > *:first-child {\n border-top-right-radius: 0 !important;\n border-bottom-right-radius: 0 !important;\n border-right: 0 !important;\n}\n._base_ot3fr_1 > *:last-child {\n border-top-left-radius: 0 !important;\n border-bottom-left-radius: 0 !important;\n border-left: 0 !important;\n}\n\n._error_ot3fr_39 {\n --border-color: var(--colors-secondary-red-base);\n --shadow-color: var(--colors-secondary-red-light);\n}\n\n._compact_ot3fr_44 {\n --outline-size: 2px;\n}");
|
|
6
|
+
var styles = {"base":"_base_ot3fr_1","error":"_error_ot3fr_39","compact":"_compact_ot3fr_44"};
|
|
7
7
|
|
|
8
8
|
module.exports = styles;
|
|
9
9
|
//# sourceMappingURL=InputGroup.module.scss.cjs.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"InputGroup.module.scss.cjs","sources":[
|
|
1
|
+
{"version":3,"file":"InputGroup.module.scss.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;"}
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import insertStyle from '../../_virtual/____insertStyle.js';
|
|
2
2
|
|
|
3
|
-
insertStyle(".
|
|
4
|
-
var styles = {"base":"
|
|
3
|
+
insertStyle("._base_ot3fr_1 {\n --outline-size: var(--sizes-xs);\n --border-color: var(--colors-neutral-ink-lightest);\n --shadow-color: var(--colors-secondary-blue-light);\n --padding: var(--sizes-3);\n --padding-right: var(--padding);\n display: flex;\n /* Remove inline margins and shadows from all children.\n !important needed because SC-based children (e.g. Button) inject\n their box-shadow dynamically after CSS Module static styles. */\n /* Bring in-focus and active children to the front to maintain outlines */\n /* Remove inline borders for children in the middle */\n /* Remove right border radius from first child */\n /* Remove left border radius from last child */\n}\n._base_ot3fr_1 > * {\n margin-left: 0;\n margin-right: 0;\n box-shadow: none !important;\n}\n._base_ot3fr_1 > *:focus, ._base_ot3fr_1 > *:active {\n z-index: 5;\n}\n._base_ot3fr_1 > *:not(:first-child):not(:last-child) {\n border-radius: 0 !important;\n border-inline: 0 !important;\n}\n._base_ot3fr_1 > *:first-child {\n border-top-right-radius: 0 !important;\n border-bottom-right-radius: 0 !important;\n border-right: 0 !important;\n}\n._base_ot3fr_1 > *:last-child {\n border-top-left-radius: 0 !important;\n border-bottom-left-radius: 0 !important;\n border-left: 0 !important;\n}\n\n._error_ot3fr_39 {\n --border-color: var(--colors-secondary-red-base);\n --shadow-color: var(--colors-secondary-red-light);\n}\n\n._compact_ot3fr_44 {\n --outline-size: 2px;\n}");
|
|
4
|
+
var styles = {"base":"_base_ot3fr_1","error":"_error_ot3fr_39","compact":"_compact_ot3fr_44"};
|
|
5
5
|
|
|
6
6
|
export { styles as default };
|
|
7
7
|
//# sourceMappingURL=InputGroup.module.scss.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"InputGroup.module.scss.js","sources":[
|
|
1
|
+
{"version":3,"file":"InputGroup.module.scss.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Stack.cjs","sources":["../../../src/components/Stack/Stack.tsx"],"sourcesContent":["import React from 'react';\n\nimport { StackProps } from './types';\n\nimport { theme } from '../../theme';\nimport { buildClassnames } from '../../utils';\nimport styles from './Stack.module.scss';\n\n/**\n * @deprecated Replaced by {@link FlexCol} and {@link FlexRow}.\n * Layout component.\n */\nexport const Stack = React.forwardRef<HTMLElement, StackProps
|
|
1
|
+
{"version":3,"file":"Stack.cjs","sources":["../../../src/components/Stack/Stack.tsx"],"sourcesContent":["import React from 'react';\n\nimport { StackProps } from './types';\n\nimport { theme } from '../../theme';\nimport { buildClassnames } from '../../utils';\nimport styles from './Stack.module.scss';\n\n/**\n * @deprecated Replaced by {@link FlexCol} and {@link FlexRow}.\n * Layout component.\n */\nexport const Stack = React.forwardRef<HTMLElement, StackProps & React.HTMLAttributes<HTMLElement>>(\n (\n {\n direction = 'vertical',\n alignX = 'start',\n alignY = 'start',\n spacing = 'base',\n as: Element = 'div',\n className,\n children,\n style,\n ...rest\n },\n ref,\n ) => {\n const isVertical = direction === 'vertical';\n\n const alignItemsKey = isVertical ? alignX : alignY;\n const justifyContentKey = isVertical ? alignY : alignX;\n\n const isStretch = isVertical ? alignY === 'stretch' : alignX === 'stretch';\n\n const spacingValue = theme.sizes[spacing];\n\n const spacingStyle = isVertical\n ? { rowGap: spacingValue }\n : { columnGap: spacingValue };\n\n return (\n <Element\n className={buildClassnames([\n styles.base,\n styles[`${direction}-direction`],\n styles[`alignItems-${alignItemsKey}`],\n styles[`justifyContent-${justifyContentKey}`],\n isStretch ? styles['stretch-children'] : undefined,\n className,\n ])}\n style={{\n ...spacingStyle,\n ...style,\n }}\n ref={ref}\n {...rest}\n >\n {children}\n </Element>\n );\n },\n);\n\nStack.displayName = 'Stack';\n"],"names":["React","theme","buildClassnames","styles"],"mappings":";;;;;;;;;;;;AAQA;;;AAGG;MACU,KAAK,GAAGA,sBAAK,CAAC,UAAU,CACnC,CACE,EACE,SAAS,GAAG,UAAU,EACtB,MAAM,GAAG,OAAO,EAChB,MAAM,GAAG,OAAO,EAChB,OAAO,GAAG,MAAM,EAChB,EAAE,EAAE,OAAO,GAAG,KAAK,EACnB,SAAS,EACT,QAAQ,EACR,KAAK,EACL,GAAG,IAAI,EACR,EACD,GAAG,KACD;AACF,IAAA,MAAM,UAAU,GAAG,SAAS,KAAK,UAAU;IAE3C,MAAM,aAAa,GAAG,UAAU,GAAG,MAAM,GAAG,MAAM;IAClD,MAAM,iBAAiB,GAAG,UAAU,GAAG,MAAM,GAAG,MAAM;AAEtD,IAAA,MAAM,SAAS,GAAG,UAAU,GAAG,MAAM,KAAK,SAAS,GAAG,MAAM,KAAK,SAAS;IAE1E,MAAM,YAAY,GAAGC,WAAK,CAAC,KAAK,CAAC,OAAO,CAAC;IAEzC,MAAM,YAAY,GAAG;AACnB,UAAE,EAAE,MAAM,EAAE,YAAY;AACxB,UAAE,EAAE,SAAS,EAAE,YAAY,EAAE;AAE/B,IAAA,QACED,sBAAA,CAAA,aAAA,CAAC,OAAO,IACN,SAAS,EAAEE,+BAAe,CAAC;AACzB,YAAAC,YAAM,CAAC,IAAI;AACX,YAAAA,YAAM,CAAC,CAAA,EAAG,SAAS,CAAA,UAAA,CAAY,CAAC;AAChC,YAAAA,YAAM,CAAC,CAAA,WAAA,EAAc,aAAa,CAAA,CAAE,CAAC;AACrC,YAAAA,YAAM,CAAC,CAAA,eAAA,EAAkB,iBAAiB,CAAA,CAAE,CAAC;YAC7C,SAAS,GAAGA,YAAM,CAAC,kBAAkB,CAAC,GAAG,SAAS;YAClD,SAAS;SACV,CAAC,EACF,KAAK,EAAE;AACL,YAAA,GAAG,YAAY;AACf,YAAA,GAAG,KAAK;SACT,EACD,GAAG,EAAE,GAAG,EAAA,GACJ,IAAI,EAAA,EAEP,QAAQ,CACD;AAEd,CAAC;AAGH,KAAK,CAAC,WAAW,GAAG,OAAO;;;;"}
|
|
@@ -1,13 +1,7 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
|
+
import { StackProps } from './types';
|
|
2
3
|
/**
|
|
3
4
|
* @deprecated Replaced by {@link FlexCol} and {@link FlexRow}.
|
|
4
5
|
* Layout component.
|
|
5
6
|
*/
|
|
6
|
-
export declare const Stack: React.ForwardRefExoticComponent<
|
|
7
|
-
children: React.ReactNode;
|
|
8
|
-
direction?: "horizontal" | "vertical" | undefined;
|
|
9
|
-
alignX?: "start" | "end" | "center" | "stretch" | "between" | "around" | undefined;
|
|
10
|
-
alignY?: "start" | "end" | "center" | "stretch" | "between" | "around" | undefined;
|
|
11
|
-
spacing?: keyof import("./types").SizeScale | undefined;
|
|
12
|
-
as?: React.ElementType<any> | undefined;
|
|
13
|
-
} & React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLElement>>;
|
|
7
|
+
export declare const Stack: React.ForwardRefExoticComponent<StackProps & React.HTMLAttributes<HTMLElement> & React.RefAttributes<HTMLElement>>;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Stack.js","sources":["../../../src/components/Stack/Stack.tsx"],"sourcesContent":["import React from 'react';\n\nimport { StackProps } from './types';\n\nimport { theme } from '../../theme';\nimport { buildClassnames } from '../../utils';\nimport styles from './Stack.module.scss';\n\n/**\n * @deprecated Replaced by {@link FlexCol} and {@link FlexRow}.\n * Layout component.\n */\nexport const Stack = React.forwardRef<HTMLElement, StackProps
|
|
1
|
+
{"version":3,"file":"Stack.js","sources":["../../../src/components/Stack/Stack.tsx"],"sourcesContent":["import React from 'react';\n\nimport { StackProps } from './types';\n\nimport { theme } from '../../theme';\nimport { buildClassnames } from '../../utils';\nimport styles from './Stack.module.scss';\n\n/**\n * @deprecated Replaced by {@link FlexCol} and {@link FlexRow}.\n * Layout component.\n */\nexport const Stack = React.forwardRef<HTMLElement, StackProps & React.HTMLAttributes<HTMLElement>>(\n (\n {\n direction = 'vertical',\n alignX = 'start',\n alignY = 'start',\n spacing = 'base',\n as: Element = 'div',\n className,\n children,\n style,\n ...rest\n },\n ref,\n ) => {\n const isVertical = direction === 'vertical';\n\n const alignItemsKey = isVertical ? alignX : alignY;\n const justifyContentKey = isVertical ? alignY : alignX;\n\n const isStretch = isVertical ? alignY === 'stretch' : alignX === 'stretch';\n\n const spacingValue = theme.sizes[spacing];\n\n const spacingStyle = isVertical\n ? { rowGap: spacingValue }\n : { columnGap: spacingValue };\n\n return (\n <Element\n className={buildClassnames([\n styles.base,\n styles[`${direction}-direction`],\n styles[`alignItems-${alignItemsKey}`],\n styles[`justifyContent-${justifyContentKey}`],\n isStretch ? styles['stretch-children'] : undefined,\n className,\n ])}\n style={{\n ...spacingStyle,\n ...style,\n }}\n ref={ref}\n {...rest}\n >\n {children}\n </Element>\n );\n },\n);\n\nStack.displayName = 'Stack';\n"],"names":["React"],"mappings":";;;;;;AAQA;;;AAGG;MACU,KAAK,GAAGA,cAAK,CAAC,UAAU,CACnC,CACE,EACE,SAAS,GAAG,UAAU,EACtB,MAAM,GAAG,OAAO,EAChB,MAAM,GAAG,OAAO,EAChB,OAAO,GAAG,MAAM,EAChB,EAAE,EAAE,OAAO,GAAG,KAAK,EACnB,SAAS,EACT,QAAQ,EACR,KAAK,EACL,GAAG,IAAI,EACR,EACD,GAAG,KACD;AACF,IAAA,MAAM,UAAU,GAAG,SAAS,KAAK,UAAU;IAE3C,MAAM,aAAa,GAAG,UAAU,GAAG,MAAM,GAAG,MAAM;IAClD,MAAM,iBAAiB,GAAG,UAAU,GAAG,MAAM,GAAG,MAAM;AAEtD,IAAA,MAAM,SAAS,GAAG,UAAU,GAAG,MAAM,KAAK,SAAS,GAAG,MAAM,KAAK,SAAS;IAE1E,MAAM,YAAY,GAAG,KAAK,CAAC,KAAK,CAAC,OAAO,CAAC;IAEzC,MAAM,YAAY,GAAG;AACnB,UAAE,EAAE,MAAM,EAAE,YAAY;AACxB,UAAE,EAAE,SAAS,EAAE,YAAY,EAAE;AAE/B,IAAA,QACEA,cAAA,CAAA,aAAA,CAAC,OAAO,IACN,SAAS,EAAE,eAAe,CAAC;AACzB,YAAA,MAAM,CAAC,IAAI;AACX,YAAA,MAAM,CAAC,CAAA,EAAG,SAAS,CAAA,UAAA,CAAY,CAAC;AAChC,YAAA,MAAM,CAAC,CAAA,WAAA,EAAc,aAAa,CAAA,CAAE,CAAC;AACrC,YAAA,MAAM,CAAC,CAAA,eAAA,EAAkB,iBAAiB,CAAA,CAAE,CAAC;YAC7C,SAAS,GAAG,MAAM,CAAC,kBAAkB,CAAC,GAAG,SAAS;YAClD,SAAS;SACV,CAAC,EACF,KAAK,EAAE;AACL,YAAA,GAAG,YAAY;AACf,YAAA,GAAG,KAAK;SACT,EACD,GAAG,EAAE,GAAG,EAAA,GACJ,IAAI,EAAA,EAEP,QAAQ,CACD;AAEd,CAAC;AAGH,KAAK,CAAC,WAAW,GAAG,OAAO;;;;"}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import {
|
|
1
|
+
import { ReactNode } from 'react';
|
|
2
2
|
import { Alignments } from './Alignments';
|
|
3
3
|
type Alignment = keyof typeof Alignments;
|
|
4
4
|
declare enum SizeAlias {
|
|
@@ -23,6 +23,10 @@ declare const sizes: SizeScale;
|
|
|
23
23
|
export type Size = keyof typeof sizes;
|
|
24
24
|
export type StackProps = {
|
|
25
25
|
children: ReactNode;
|
|
26
|
+
/**
|
|
27
|
+
* Classname for description
|
|
28
|
+
*/
|
|
29
|
+
className?: string;
|
|
26
30
|
/**
|
|
27
31
|
* Direction of component
|
|
28
32
|
*/
|
|
@@ -34,5 +38,5 @@ export type StackProps = {
|
|
|
34
38
|
* Polymorphic element type. Defaults to 'div'.
|
|
35
39
|
*/
|
|
36
40
|
as?: React.ElementType;
|
|
37
|
-
}
|
|
41
|
+
};
|
|
38
42
|
export {};
|
|
@@ -1,12 +1,5 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
2
|
import { FormComponentProps } from '../types';
|
|
3
|
-
export declare const ContainerStack: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<
|
|
4
|
-
children: import("react").ReactNode;
|
|
5
|
-
direction?: "horizontal" | "vertical" | undefined;
|
|
6
|
-
alignX?: "start" | "end" | "center" | "stretch" | "between" | "around" | undefined;
|
|
7
|
-
alignY?: "start" | "end" | "center" | "stretch" | "between" | "around" | undefined;
|
|
8
|
-
spacing?: keyof import("../Stack").SizeScale | undefined;
|
|
9
|
-
as?: import("react").ElementType<any> | undefined;
|
|
10
|
-
} & import("react").HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLElement>>, any, FormComponentProps, never>;
|
|
3
|
+
export declare const ContainerStack: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("../Stack").StackProps & import("react").HTMLAttributes<HTMLElement> & import("react").RefAttributes<HTMLElement>>, any, FormComponentProps, never>;
|
|
11
4
|
export declare const StepButton: import("styled-components").StyledComponent<"button", any, FormComponentProps, never>;
|
|
12
5
|
export declare const StepperDivider: import("styled-components").StyledComponent<"div", any, Pick<FormComponentProps, "compact">, never>;
|
|
@@ -1,34 +1,13 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
|
-
export declare const ToastsLayoutContainer: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<{
|
|
3
|
-
|
|
4
|
-
direction?: "horizontal" | "vertical" | undefined;
|
|
5
|
-
alignX?: "start" | "end" | "center" | "stretch" | "between" | "around" | undefined;
|
|
6
|
-
alignY?: "start" | "end" | "center" | "stretch" | "between" | "around" | undefined;
|
|
7
|
-
spacing?: keyof import("../../Stack").SizeScale | undefined;
|
|
8
|
-
as?: import("react").ElementType<any> | undefined;
|
|
9
|
-
} & import("react").HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLElement>>, any, {}, never>;
|
|
10
|
-
export declare const Toast: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<{
|
|
11
|
-
children: import("react").ReactNode;
|
|
12
|
-
direction?: "horizontal" | "vertical" | undefined;
|
|
13
|
-
alignX?: "start" | "end" | "center" | "stretch" | "between" | "around" | undefined;
|
|
14
|
-
alignY?: "start" | "end" | "center" | "stretch" | "between" | "around" | undefined;
|
|
15
|
-
spacing?: keyof import("../../Stack").SizeScale | undefined;
|
|
16
|
-
as?: import("react").ElementType<any> | undefined;
|
|
17
|
-
} & import("react").HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLElement>>, any, {
|
|
2
|
+
export declare const ToastsLayoutContainer: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("../../Stack").StackProps & import("react").HTMLAttributes<HTMLElement> & import("react").RefAttributes<HTMLElement>>, any, {}, never>;
|
|
3
|
+
export declare const Toast: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("../../Stack").StackProps & import("react").HTMLAttributes<HTMLElement> & import("react").RefAttributes<HTMLElement>>, any, {
|
|
18
4
|
minWidth: number | string;
|
|
19
5
|
last: boolean;
|
|
20
6
|
}, never>;
|
|
21
7
|
export declare const IconWrap: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("react").HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLDivElement>>, any, {
|
|
22
8
|
color: string;
|
|
23
9
|
}, never>;
|
|
24
|
-
export declare const ContentStack: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<{
|
|
25
|
-
children: import("react").ReactNode;
|
|
26
|
-
direction?: "horizontal" | "vertical" | undefined;
|
|
27
|
-
alignX?: "start" | "end" | "center" | "stretch" | "between" | "around" | undefined;
|
|
28
|
-
alignY?: "start" | "end" | "center" | "stretch" | "between" | "around" | undefined;
|
|
29
|
-
spacing?: keyof import("../../Stack").SizeScale | undefined;
|
|
30
|
-
as?: import("react").ElementType<any> | undefined;
|
|
31
|
-
} & import("react").HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLElement>>, any, {}, never>;
|
|
10
|
+
export declare const ContentStack: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("../../Stack").StackProps & import("react").HTMLAttributes<HTMLElement> & import("react").RefAttributes<HTMLElement>>, any, {}, never>;
|
|
32
11
|
export declare const StyledText: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<{
|
|
33
12
|
as?: import("../../Text").ValidTextTag | undefined;
|
|
34
13
|
muted?: boolean | undefined;
|
|
@@ -1,12 +1,5 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
|
-
export declare const RootStack: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<{
|
|
3
|
-
children: import("react").ReactNode;
|
|
4
|
-
direction?: "horizontal" | "vertical" | undefined;
|
|
5
|
-
alignX?: "start" | "end" | "center" | "stretch" | "between" | "around" | undefined;
|
|
6
|
-
alignY?: "start" | "end" | "center" | "stretch" | "between" | "around" | undefined;
|
|
7
|
-
spacing?: keyof import("../../components/Stack").SizeScale | undefined;
|
|
8
|
-
as?: import("react").ElementType<any> | undefined;
|
|
9
|
-
} & import("react").HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLElement>>, any, {}, never>;
|
|
2
|
+
export declare const RootStack: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("../../components/Stack").StackProps & import("react").HTMLAttributes<HTMLElement> & import("react").RefAttributes<HTMLElement>>, any, {}, never>;
|
|
10
3
|
export declare const Label: import("styled-components").StyledComponent<"label", any, {}, never>;
|
|
11
4
|
export declare const Hint: import("styled-components").StyledComponent<"span", any, {}, never>;
|
|
12
5
|
export declare const Error: import("styled-components").StyledComponent<"span", any, {}, never>;
|
|
@@ -2,8 +2,8 @@
|
|
|
2
2
|
|
|
3
3
|
var ___$insertStyle = require('../../_virtual/____insertStyle.cjs');
|
|
4
4
|
|
|
5
|
-
___$insertStyle(".
|
|
6
|
-
var formStyles = {"fullStyles":"
|
|
5
|
+
___$insertStyle("._fullStyles_4dcpo_1 {\n --outline-size: var(--sizes-xs);\n --border-color: var(--colors-neutral-ink-lightest);\n --shadow-color: var(--colors-secondary-blue-light);\n}\n._fullStyles_4dcpo_1:disabled, ._fullStyles_4dcpo_1[data-disabled] {\n opacity: 1;\n box-shadow: none;\n background-color: var(--colors-neutral-grey-light);\n cursor: not-allowed;\n}\n._fullStyles_4dcpo_1._compact_4dcpo_12 {\n --outline-size: 2px;\n min-height: var(--sizes-8);\n}\n._fullStyles_4dcpo_1._error_4dcpo_16 {\n --border-color: var(--colors-secondary-red-base);\n --shadow-color: var(--colors-secondary-red-light);\n}\n._fullStyles_4dcpo_1:focus {\n border-color: var(--border-color);\n box-shadow: 0 0 0 var(--outline-size) var(--shadow-color);\n outline: 0;\n}\n._fullStyles_4dcpo_1::placeholder {\n font-family: var(--text-placeholder-font-family);\n font-style: var(--text-placeholder-font-style);\n font-weight: var(--text-placeholder-font-weight);\n font-size: var(--text-placeholder-font-size);\n line-height: var(--text-placeholder-line-height);\n color: var(--text-placeholder-color);\n text-decoration: var(--text-placeholder-text-decoration);\n letter-spacing: var(--text-placeholder-letter-spacing);\n}\n._fullStyles_4dcpo_1:invalid {\n box-shadow: 0 0 0 var(--outline-size) var(--border-color);\n border-color: var(--colors-secondary-red-base);\n}\n\n._base_4dcpo_40 {\n font-family: var(--text-body-font-family);\n font-style: var(--text-body-font-style);\n font-weight: var(--text-body-font-weight);\n font-size: var(--text-body-font-size);\n line-height: var(--text-body-line-height);\n color: var(--text-body-color);\n text-decoration: var(--text-body-text-decoration);\n letter-spacing: var(--text-body-letter-spacing);\n appearance: none;\n box-sizing: border-box;\n background-color: white;\n text-align: left;\n min-height: var(--sizes-10);\n padding-inline: var(--sizes-3);\n border-radius: var(--radius-base);\n border: 1px solid var(--border-color);\n display: flex;\n align-items: center;\n justify-content: flex-start;\n /* When inside an InputGroup, reduce inline padding to bring content closer together */\n}\n._base_4dcpo_40._inputGroup_4dcpo_62:first-child {\n padding-right: calc(var(--sizes-3) - var(--sizes-1));\n}\n._base_4dcpo_40._inputGroup_4dcpo_62:last-child {\n padding-left: var(--sizes-2);\n}\n._base_4dcpo_40._inputGroup_4dcpo_62:not(:first-child):not(:last-child) {\n padding-inline: var(--sizes-2);\n}\n\n/** InputGroup styles from the InputGroup component */\n._inputGroup_4dcpo_62 {\n display: flex;\n /* Remove inline margins from all children */\n /* Bring in-focus and active children to the front to maintain outlines */\n /* Remove inline borders for children in the middle */\n /* Remove right border radius from first child */\n /* Remove left border radius from last child */\n}\n._inputGroup_4dcpo_62 > * {\n margin-left: 0;\n margin-right: 0;\n box-shadow: none;\n}\n._inputGroup_4dcpo_62 > *:focus, ._inputGroup_4dcpo_62 > *:active {\n z-index: 5;\n}\n._inputGroup_4dcpo_62 > *:not(:first-child):not(:last-child) {\n border-radius: 0 !important;\n border-inline: 0 !important;\n}\n._inputGroup_4dcpo_62 > *:first-child {\n border-top-right-radius: 0 !important;\n border-bottom-right-radius: 0 !important;\n border-right: 0 !important;\n}\n._inputGroup_4dcpo_62 > *:last-child {\n border-top-left-radius: 0 !important;\n border-bottom-left-radius: 0 !important;\n border-left: 0 !important;\n}");
|
|
6
|
+
var formStyles = {"fullStyles":"_fullStyles_4dcpo_1","compact":"_compact_4dcpo_12","error":"_error_4dcpo_16","base":"_base_4dcpo_40","inputGroup":"_inputGroup_4dcpo_62"};
|
|
7
7
|
|
|
8
8
|
module.exports = formStyles;
|
|
9
9
|
//# sourceMappingURL=form.module.scss.cjs.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"form.module.scss.cjs","sources":[
|
|
1
|
+
{"version":3,"file":"form.module.scss.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;"}
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import insertStyle from '../../_virtual/____insertStyle.js';
|
|
2
2
|
|
|
3
|
-
insertStyle(".
|
|
4
|
-
var formStyles = {"fullStyles":"
|
|
3
|
+
insertStyle("._fullStyles_4dcpo_1 {\n --outline-size: var(--sizes-xs);\n --border-color: var(--colors-neutral-ink-lightest);\n --shadow-color: var(--colors-secondary-blue-light);\n}\n._fullStyles_4dcpo_1:disabled, ._fullStyles_4dcpo_1[data-disabled] {\n opacity: 1;\n box-shadow: none;\n background-color: var(--colors-neutral-grey-light);\n cursor: not-allowed;\n}\n._fullStyles_4dcpo_1._compact_4dcpo_12 {\n --outline-size: 2px;\n min-height: var(--sizes-8);\n}\n._fullStyles_4dcpo_1._error_4dcpo_16 {\n --border-color: var(--colors-secondary-red-base);\n --shadow-color: var(--colors-secondary-red-light);\n}\n._fullStyles_4dcpo_1:focus {\n border-color: var(--border-color);\n box-shadow: 0 0 0 var(--outline-size) var(--shadow-color);\n outline: 0;\n}\n._fullStyles_4dcpo_1::placeholder {\n font-family: var(--text-placeholder-font-family);\n font-style: var(--text-placeholder-font-style);\n font-weight: var(--text-placeholder-font-weight);\n font-size: var(--text-placeholder-font-size);\n line-height: var(--text-placeholder-line-height);\n color: var(--text-placeholder-color);\n text-decoration: var(--text-placeholder-text-decoration);\n letter-spacing: var(--text-placeholder-letter-spacing);\n}\n._fullStyles_4dcpo_1:invalid {\n box-shadow: 0 0 0 var(--outline-size) var(--border-color);\n border-color: var(--colors-secondary-red-base);\n}\n\n._base_4dcpo_40 {\n font-family: var(--text-body-font-family);\n font-style: var(--text-body-font-style);\n font-weight: var(--text-body-font-weight);\n font-size: var(--text-body-font-size);\n line-height: var(--text-body-line-height);\n color: var(--text-body-color);\n text-decoration: var(--text-body-text-decoration);\n letter-spacing: var(--text-body-letter-spacing);\n appearance: none;\n box-sizing: border-box;\n background-color: white;\n text-align: left;\n min-height: var(--sizes-10);\n padding-inline: var(--sizes-3);\n border-radius: var(--radius-base);\n border: 1px solid var(--border-color);\n display: flex;\n align-items: center;\n justify-content: flex-start;\n /* When inside an InputGroup, reduce inline padding to bring content closer together */\n}\n._base_4dcpo_40._inputGroup_4dcpo_62:first-child {\n padding-right: calc(var(--sizes-3) - var(--sizes-1));\n}\n._base_4dcpo_40._inputGroup_4dcpo_62:last-child {\n padding-left: var(--sizes-2);\n}\n._base_4dcpo_40._inputGroup_4dcpo_62:not(:first-child):not(:last-child) {\n padding-inline: var(--sizes-2);\n}\n\n/** InputGroup styles from the InputGroup component */\n._inputGroup_4dcpo_62 {\n display: flex;\n /* Remove inline margins from all children */\n /* Bring in-focus and active children to the front to maintain outlines */\n /* Remove inline borders for children in the middle */\n /* Remove right border radius from first child */\n /* Remove left border radius from last child */\n}\n._inputGroup_4dcpo_62 > * {\n margin-left: 0;\n margin-right: 0;\n box-shadow: none;\n}\n._inputGroup_4dcpo_62 > *:focus, ._inputGroup_4dcpo_62 > *:active {\n z-index: 5;\n}\n._inputGroup_4dcpo_62 > *:not(:first-child):not(:last-child) {\n border-radius: 0 !important;\n border-inline: 0 !important;\n}\n._inputGroup_4dcpo_62 > *:first-child {\n border-top-right-radius: 0 !important;\n border-bottom-right-radius: 0 !important;\n border-right: 0 !important;\n}\n._inputGroup_4dcpo_62 > *:last-child {\n border-top-left-radius: 0 !important;\n border-bottom-left-radius: 0 !important;\n border-left: 0 !important;\n}");
|
|
4
|
+
var formStyles = {"fullStyles":"_fullStyles_4dcpo_1","compact":"_compact_4dcpo_12","error":"_error_4dcpo_16","base":"_base_4dcpo_40","inputGroup":"_inputGroup_4dcpo_62"};
|
|
5
5
|
|
|
6
6
|
export { formStyles as default };
|
|
7
7
|
//# sourceMappingURL=form.module.scss.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"form.module.scss.js","sources":[
|
|
1
|
+
{"version":3,"file":"form.module.scss.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;"}
|