nntc-ui 0.1.5 → 0.1.6

package/components/common/FieldShell/FieldShell.d.ts

@@ -1,7 +1,7 @@
 import { MouseEventHandler, ReactNode, Ref } from 'react';
 import { UiProps } from '@models/UiProps';
 export type FieldVariant = 'filled' | 'outlined';
-export type FieldSize = 'small' | 'medium' | 'large';
+export type FieldSize = 'small' | 'medium' | 'large' | 'extraLarge';
 interface Props {
     variant?: FieldVariant;
     componentSize?: FieldSize;

package/components/common/FieldShell/FieldShell.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"FieldShell.d.ts","sourceRoot":"","sources":["../../../../src/components/common/FieldShell/FieldShell.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,iBAAiB,EAAE,SAAS,EAAE,GAAG,EAAE,MAAM,OAAO,CAAC;AAG1D,OAAO,EAAE,OAAO,EAAE,MAAM,iBAAiB,CAAC;AAI1C,MAAM,MAAM,YAAY,GAAG,QAAQ,GAAG,UAAU,CAAC;AACjD,MAAM,MAAM,SAAS,GAAG,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAC;AAErD,UAAU,KAAK;IACb,OAAO,CAAC,EAAE,YAAY,CAAC;IACvB,aAAa,CAAC,EAAE,SAAS,CAAC;IAC1B,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,UAAU,CAAC,EAAE,SAAS,CAAC;IACvB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,YAAY,CAAC,EAAE,iBAAiB,CAAC;IACjC,UAAU,CAAC,EAAE,GAAG,CAAC,cAAc,CAAC,CAAC;IACjC,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,QAAQ,EAAE,SAAS,CAAC;CACrB;AAED;;;;GAIG;AACH,wBAAgB,UAAU,CAAC,KAAK,EAAE,OAAO,CAAC,KAAK,CAAC,2CA6C/C"}
+{"version":3,"file":"FieldShell.d.ts","sourceRoot":"","sources":["../../../../src/components/common/FieldShell/FieldShell.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,iBAAiB,EAAE,SAAS,EAAE,GAAG,EAAE,MAAM,OAAO,CAAC;AAG1D,OAAO,EAAE,OAAO,EAAE,MAAM,iBAAiB,CAAC;AAI1C,MAAM,MAAM,YAAY,GAAG,QAAQ,GAAG,UAAU,CAAC;AACjD,MAAM,MAAM,SAAS,GAAG,OAAO,GAAG,QAAQ,GAAG,OAAO,GAAG,YAAY,CAAC;AAEpE,UAAU,KAAK;IACb,OAAO,CAAC,EAAE,YAAY,CAAC;IACvB,aAAa,CAAC,EAAE,SAAS,CAAC;IAC1B,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,UAAU,CAAC,EAAE,SAAS,CAAC;IACvB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,YAAY,CAAC,EAAE,iBAAiB,CAAC;IACjC,UAAU,CAAC,EAAE,GAAG,CAAC,cAAc,CAAC,CAAC;IACjC,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,QAAQ,EAAE,SAAS,CAAC;CACrB;AAED;;;;GAIG;AACH,wBAAgB,UAAU,CAAC,KAAK,EAAE,OAAO,CAAC,KAAK,CAAC,2CA6C/C"}

package/components/common/SearchInput/SearchInput.d.ts

@@ -1,10 +1,10 @@
 import { DetailedHTMLProps, InputHTMLAttributes } from 'react';
+import { FieldSize } from '@components/common/FieldShell';
 import { UiProps } from '@models/UiProps';
 type Variant = 'filled' | 'outlined';
-type Size = 'small' | 'medium' | 'large';
 interface Props {
     variant?: Variant;
-    componentSize?: Size;
+    componentSize?: FieldSize;
     disableIcon?: boolean;
     fullWidth?: boolean;
 }

package/components/common/SearchInput/SearchInput.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SearchInput.d.ts","sourceRoot":"","sources":["../../../../src/components/common/SearchInput/SearchInput.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAE,mBAAmB,EAAO,MAAM,OAAO,CAAC;AAKpE,OAAO,EAAE,OAAO,EAAE,MAAM,iBAAiB,CAAC;AAE1C,KAAK,OAAO,GAAG,QAAQ,GAAG,UAAU,CAAC;AACrC,KAAK,IAAI,GAAG,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAC;AAEzC,UAAU,KAAK;IACb,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,aAAa,CAAC,EAAE,IAAI,CAAC;IACrB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB;AAED;;;GAGG;AACH,wBAAgB,WAAW,CACzB,KAAK,EAAE,OAAO,CAAC,KAAK,CAAC,GAAG,iBAAiB,CAAC,mBAAmB,CAAC,gBAAgB,CAAC,EAAE,gBAAgB,CAAC,2CAenG"}
+{"version":3,"file":"SearchInput.d.ts","sourceRoot":"","sources":["../../../../src/components/common/SearchInput/SearchInput.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAE,mBAAmB,EAAO,MAAM,OAAO,CAAC;AAEpE,OAAO,EAAE,SAAS,EAAE,MAAM,+BAA+B,CAAC;AAI1D,OAAO,EAAE,OAAO,EAAE,MAAM,iBAAiB,CAAC;AAE1C,KAAK,OAAO,GAAG,QAAQ,GAAG,UAAU,CAAC;AAErC,UAAU,KAAK;IACb,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,aAAa,CAAC,EAAE,SAAS,CAAC;IAC1B,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB;AAED;;;GAGG;AACH,wBAAgB,WAAW,CACzB,KAAK,EAAE,OAAO,CAAC,KAAK,CAAC,GAAG,iBAAiB,CAAC,mBAAmB,CAAC,gBAAgB,CAAC,EAAE,gBAAgB,CAAC,2CAenG"}

package/components/view/Card/Card.d.ts

@@ -6,6 +6,8 @@ interface Props {
     componentSize?: Size;
     title?: ReactNode;
     actions?: ReactNode;
+    headerOverlay?: boolean;
+    fullSizeBody?: boolean;
 }
 export declare function Card(props: PropsWithChildren<UiProps<Props>>): import("react/jsx-runtime").JSX.Element;
 export {};

package/components/view/Card/Card.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Card.d.ts","sourceRoot":"","sources":["../../../../src/components/view/Card/Card.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,iBAAiB,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAGrD,OAAO,EAAE,OAAO,EAAE,MAAM,iBAAiB,CAAC;AAI1C,KAAK,IAAI,GAAG,OAAO,GAAG,QAAQ,CAAC;AAG/B,UAAU,KAAK;IACb,WAAW,CAAC,EAAE,SAAS,GAAG,OAAO,GAAG,OAAO,CAAC;IAC5C,aAAa,CAAC,EAAE,IAAI,CAAC;IACrB,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,OAAO,CAAC,EAAE,SAAS,CAAC;CACrB;AAED,wBAAgB,IAAI,CAAC,KAAK,EAAE,iBAAiB,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC,2CAiB5D"}
+{"version":3,"file":"Card.d.ts","sourceRoot":"","sources":["../../../../src/components/view/Card/Card.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,iBAAiB,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAGrD,OAAO,EAAE,OAAO,EAAE,MAAM,iBAAiB,CAAC;AAI1C,KAAK,IAAI,GAAG,OAAO,GAAG,QAAQ,CAAC;AAG/B,UAAU,KAAK;IACb,WAAW,CAAC,EAAE,SAAS,GAAG,OAAO,GAAG,OAAO,CAAC;IAC5C,aAAa,CAAC,EAAE,IAAI,CAAC;IACrB,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,OAAO,CAAC,EAAE,SAAS,CAAC;IACpB,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,YAAY,CAAC,EAAE,OAAO,CAAC;CACxB;AAED,wBAAgB,IAAI,CAAC,KAAK,EAAE,iBAAiB,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC,2CAmC5D"}

package/components/view/InputChip/InputChip.d.ts

@@ -1,10 +1,10 @@
 import { PropsWithChildren, ReactNode } from 'react';
+import { FieldSize } from '@components/common/FieldShell';
 import { UiProps } from '@models/UiProps';
 type Variant = 'filled' | 'outlined';
-type Size = 'small' | 'medium' | 'large';
 export interface Props {
     variant?: Variant;
-    componentSize?: Size;
+    componentSize?: FieldSize;
     icon?: ReactNode;
     disabled?: boolean;
     onClick?: () => void;

package/components/view/InputChip/InputChip.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"InputChip.d.ts","sourceRoot":"","sources":["../../../../src/components/view/InputChip/InputChip.tsx"],"names":[],"mappings":"AACA,OAAO,EAAc,iBAAiB,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAGjE,OAAO,EAAE,OAAO,EAAE,MAAM,iBAAiB,CAAC;AAI1C,KAAK,OAAO,GAAG,QAAQ,GAAG,UAAU,CAAC;AACrC,KAAK,IAAI,GAAG,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAC;AAGzC,MAAM,WAAW,KAAK;IACpB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,aAAa,CAAC,EAAE,IAAI,CAAC;IACrB,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;CACvB;AAED,eAAO,MAAM,SAAS,GAAI,OAAO,iBAAiB,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC,4CAqCjE,CAAC"}
+{"version":3,"file":"InputChip.d.ts","sourceRoot":"","sources":["../../../../src/components/view/InputChip/InputChip.tsx"],"names":[],"mappings":"AACA,OAAO,EAAc,iBAAiB,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEjE,OAAO,EAAE,SAAS,EAAE,MAAM,+BAA+B,CAAC;AAE1D,OAAO,EAAE,OAAO,EAAE,MAAM,iBAAiB,CAAC;AAI1C,KAAK,OAAO,GAAG,QAAQ,GAAG,UAAU,CAAC;AAGrC,MAAM,WAAW,KAAK;IACpB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,aAAa,CAAC,EAAE,SAAS,CAAC;IAC1B,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;CACvB;AAED,eAAO,MAAM,SAAS,GAAI,OAAO,iBAAiB,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC,4CAqCjE,CAAC"}

package/components/view/VirtualTable/VirtualTable.d.ts

@@ -37,6 +37,7 @@ interface Props {
     leftAdditionalHeaderContent?: (headerName: string) => ReactNode;
     rightAdditionalHeaderContent?: (headerName: string) => ReactNode;
     showRowsNumbers?: boolean;
+    stripedRows?: boolean;
 }
 export declare const VirtualTable: import("react").ForwardRefExoticComponent<Props & {
     classes?: import("@models/UiProps").PropsObject;

package/components/view/VirtualTable/VirtualTable.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"VirtualTable.d.ts","sourceRoot":"","sources":["../../../../src/components/view/VirtualTable/VirtualTable.tsx"],"names":[],"mappings":"AAIA,OAAO,EAEL,GAAG,EACH,SAAS,EAQV,MAAM,OAAO,CAAC;AASf,OAAO,EAAE,gBAAgB,EAAE,MAAM,2BAA2B,CAAC;AAC7D,OAAO,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAC7C,OAAO,EAAE,MAAM,EAAE,MAAM,iBAAiB,CAAC;AAEzC,OAAO,EAAE,WAAW,EAAE,MAAM,sBAAsB,CAAC;AACnD,OAAO,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAC7C,OAAO,EAAE,eAAe,EAAE,MAAM,0BAA0B,CAAC;AAa3D,KAAK,IAAI,GAAG,QAAQ,GAAG,OAAO,CAAC;AAC/B,KAAK,OAAO,GAAG,KAAK,GAAG,YAAY,GAAG,UAAU,GAAG,MAAM,CAAC;AAE1D,UAAU,KAAK;IACb,IAAI,EAAE,QAAQ,EAAE,CAAC;IACjB,OAAO,EAAE,WAAW,EAAE,CAAC;IACvB,sBAAsB,CAAC,EAAE,CACvB,EAAE,EAAE,MAAM,EACV,KAAK,EAAE,MAAM,GAAG,MAAM,GAAG,SAAS,EAClC,OAAO,EAAE;QAAE,CAAC,GAAG,EAAE,MAAM,GAAG,MAAM,CAAA;KAAE,GAAG,SAAS,KAC3C;QACH,IAAI,EACA,CAAC,CAAC,QAAQ,EAAE,CAAC,WAAW,CAAC,EAAE,MAAM,EAAE,QAAQ,CAAC,EAAE,OAAO,KAAK,IAAI,EAAE,MAAM,EAAE,MAAM,IAAI,KAAK,GAAG,CAAC,OAAO,GAAG,IAAI,CAAC,GAC1G,IAAI,CAAC;QACT,IAAI,EAAE,GAAG,CAAC,OAAO,GAAG,IAAI,CAAC;KAC1B,CAAC;IACF,YAAY,CAAC,EAAE,CAAC,QAAQ,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,GAAG,MAAM,GAAG,SAAS,EAAE,QAAQ,CAAC,EAAE,QAAQ,KAAK,IAAI,CAAC;IACrH,SAAS,CAAC,EAAE,CAAC,WAAW,EAAE,MAAM,KAAK,MAAM,CAAC;IAC5C,UAAU,CAAC,EAAE,CAAC,CAAC,QAAQ,EAAE,QAAQ,KAAK,gBAAgB,EAAE,CAAC,GAAG,SAAS,CAAC;IACtE,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,eAAe,CAAC,EAAE,MAAM,EAAE,CAAC;IAC3B,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,+BAA+B,CAAC,EAAE,OAAO,CAAC;IAC1C,IAAI,CAAC,EAAE,IAAI,CAAC;IACZ,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,qBAAqB,CAAC,EAAE,OAAO,CAAC;IAChC,aAAa,CAAC,EAAE,QAAQ,EAAE,CAAC;IAC3B,WAAW,CAAC,EAAE,MAAM,EAAE,CAAC;IACvB,eAAe,CAAC,EAAE,CAAC,OAAO,EAAE,QAAQ,EAAE,KAAK,IAAI,CAAC;IAChD,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,IAAI,CAAC;IAC1C,2BAA2B,CAAC,EAAE,CAAC,UAAU,EAAE,MAAM,KAAK,SAAS,CAAC;IAChE,4BAA4B,CAAC,EAAE,CAAC,UAAU,EAAE,MAAM,KAAK,SAAS,CAAC;IACjE,eAAe,CAAC,EAAE,OAAO,CAAC;CAC3B;AAED,eAAO,MAAM,YAAY;;mDAiuBvB,CAAC"}
+{"version":3,"file":"VirtualTable.d.ts","sourceRoot":"","sources":["../../../../src/components/view/VirtualTable/VirtualTable.tsx"],"names":[],"mappings":"AAIA,OAAO,EAEL,GAAG,EACH,SAAS,EAQV,MAAM,OAAO,CAAC;AASf,OAAO,EAAE,gBAAgB,EAAE,MAAM,2BAA2B,CAAC;AAC7D,OAAO,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAC7C,OAAO,EAAE,MAAM,EAAE,MAAM,iBAAiB,CAAC;AAEzC,OAAO,EAAE,WAAW,EAAE,MAAM,sBAAsB,CAAC;AACnD,OAAO,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAC7C,OAAO,EAAE,eAAe,EAAE,MAAM,0BAA0B,CAAC;AAa3D,KAAK,IAAI,GAAG,QAAQ,GAAG,OAAO,CAAC;AAC/B,KAAK,OAAO,GAAG,KAAK,GAAG,YAAY,GAAG,UAAU,GAAG,MAAM,CAAC;AAE1D,UAAU,KAAK;IACb,IAAI,EAAE,QAAQ,EAAE,CAAC;IACjB,OAAO,EAAE,WAAW,EAAE,CAAC;IACvB,sBAAsB,CAAC,EAAE,CACvB,EAAE,EAAE,MAAM,EACV,KAAK,EAAE,MAAM,GAAG,MAAM,GAAG,SAAS,EAClC,OAAO,EAAE;QAAE,CAAC,GAAG,EAAE,MAAM,GAAG,MAAM,CAAA;KAAE,GAAG,SAAS,KAC3C;QACH,IAAI,EACA,CAAC,CAAC,QAAQ,EAAE,CAAC,WAAW,CAAC,EAAE,MAAM,EAAE,QAAQ,CAAC,EAAE,OAAO,KAAK,IAAI,EAAE,MAAM,EAAE,MAAM,IAAI,KAAK,GAAG,CAAC,OAAO,GAAG,IAAI,CAAC,GAC1G,IAAI,CAAC;QACT,IAAI,EAAE,GAAG,CAAC,OAAO,GAAG,IAAI,CAAC;KAC1B,CAAC;IACF,YAAY,CAAC,EAAE,CAAC,QAAQ,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,GAAG,MAAM,GAAG,SAAS,EAAE,QAAQ,CAAC,EAAE,QAAQ,KAAK,IAAI,CAAC;IACrH,SAAS,CAAC,EAAE,CAAC,WAAW,EAAE,MAAM,KAAK,MAAM,CAAC;IAC5C,UAAU,CAAC,EAAE,CAAC,CAAC,QAAQ,EAAE,QAAQ,KAAK,gBAAgB,EAAE,CAAC,GAAG,SAAS,CAAC;IACtE,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,eAAe,CAAC,EAAE,MAAM,EAAE,CAAC;IAC3B,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,+BAA+B,CAAC,EAAE,OAAO,CAAC;IAC1C,IAAI,CAAC,EAAE,IAAI,CAAC;IACZ,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,qBAAqB,CAAC,EAAE,OAAO,CAAC;IAChC,aAAa,CAAC,EAAE,QAAQ,EAAE,CAAC;IAC3B,WAAW,CAAC,EAAE,MAAM,EAAE,CAAC;IACvB,eAAe,CAAC,EAAE,CAAC,OAAO,EAAE,QAAQ,EAAE,KAAK,IAAI,CAAC;IAChD,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,IAAI,CAAC;IAC1C,2BAA2B,CAAC,EAAE,CAAC,UAAU,EAAE,MAAM,KAAK,SAAS,CAAC;IAChE,4BAA4B,CAAC,EAAE,CAAC,UAAU,EAAE,MAAM,KAAK,SAAS,CAAC;IACjE,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,WAAW,CAAC,EAAE,OAAO,CAAC;CACvB;AAED,eAAO,MAAM,YAAY;;mDAkuBvB,CAAC"}

package/index.css

@@ -418,7 +418,7 @@
  * Общая геометрия и состояния полей ввода (Input, Select, MultiSelect,
  * DateTime, ColorPicker) по макету «Input and selector Dark Theme».
  *
- * Размеры (small/medium/large): высота 24/28/32, иконки 20/20/24.
+ * Размеры (small/medium/large/extraLarge): высота 24/28/32/40, иконки 20/20/24/24.
  * Компоненты ссылаются на размеры/состояния через data-атрибуты
  * ([data-size], [data-variant], [data-chips]), т.к. классы CSS-модулей
  * не видны между файлами. Структурные части селекторов обёрнуты в
@@ -445,7 +445,8 @@
   gap: 4px;
 }
 
-.fieldShell-module__root__vQ9PI[data-size='large'] {
+.fieldShell-module__root__vQ9PI[data-size='large'],
+.fieldShell-module__root__vQ9PI[data-size='extraLarge'] {
   gap: 8px;
 }
 
@@ -474,6 +475,10 @@
   height: 32px;
 }
 
+:where(.fieldShell-module__root__vQ9PI[data-size='extraLarge']) > .fieldShell-module__wrapper__OLPGQ {
+  height: 40px;
+}
+
 .fieldShell-module__input__mpHQB {
   position: relative;
   z-index: 1;
@@ -509,6 +514,13 @@
   line-height: 20px;
 }
 
+:where(.fieldShell-module__root__vQ9PI[data-size='extraLarge'] .fieldShell-module__wrapper__OLPGQ) > .fieldShell-module__input__mpHQB {
+  height: 40px;
+  padding: 0 8px;
+  font-weight: 300;
+  line-height: 24px;
+}
+
 :where(.fieldShell-module__root__vQ9PI[data-size='small'] .fieldShell-module__wrapper__OLPGQ[data-start-icon]) > .fieldShell-module__input__mpHQB {
   padding-left: 30px;
 }
@@ -517,7 +529,8 @@
   padding-left: 32px;
 }
 
-:where(.fieldShell-module__root__vQ9PI[data-size='large'] .fieldShell-module__wrapper__OLPGQ[data-start-icon]) > .fieldShell-module__input__mpHQB {
+:where(.fieldShell-module__root__vQ9PI[data-size='large'] .fieldShell-module__wrapper__OLPGQ[data-start-icon]) > .fieldShell-module__input__mpHQB,
+:where(.fieldShell-module__root__vQ9PI[data-size='extraLarge'] .fieldShell-module__wrapper__OLPGQ[data-start-icon]) > .fieldShell-module__input__mpHQB {
   padding-left: 36px;
 }
 
@@ -529,7 +542,8 @@
   padding-right: 32px;
 }
 
-:where(.fieldShell-module__root__vQ9PI[data-size='large'] .fieldShell-module__wrapper__OLPGQ[data-end-icon]) > .fieldShell-module__input__mpHQB {
+:where(.fieldShell-module__root__vQ9PI[data-size='large'] .fieldShell-module__wrapper__OLPGQ[data-end-icon]) > .fieldShell-module__input__mpHQB,
+:where(.fieldShell-module__root__vQ9PI[data-size='extraLarge'] .fieldShell-module__wrapper__OLPGQ[data-end-icon]) > .fieldShell-module__input__mpHQB {
   padding-right: 36px;
 }
 
@@ -541,7 +555,8 @@
   padding-right: 32px;
 }
 
-:where(.fieldShell-module__root__vQ9PI[data-size='large'] .fieldShell-module__wrapper__OLPGQ[data-arrow]) > .fieldShell-module__input__mpHQB {
+:where(.fieldShell-module__root__vQ9PI[data-size='large'] .fieldShell-module__wrapper__OLPGQ[data-arrow]) > .fieldShell-module__input__mpHQB,
+:where(.fieldShell-module__root__vQ9PI[data-size='extraLarge'] .fieldShell-module__wrapper__OLPGQ[data-arrow]) > .fieldShell-module__input__mpHQB {
   padding-right: 36px;
 }
 
@@ -612,7 +627,8 @@
   left: 8px;
 }
 
-:where(.fieldShell-module__root__vQ9PI[data-size='large']) .fieldShell-module__start-icon__FNrDk {
+:where(.fieldShell-module__root__vQ9PI[data-size='large']) .fieldShell-module__start-icon__FNrDk,
+:where(.fieldShell-module__root__vQ9PI[data-size='extraLarge']) .fieldShell-module__start-icon__FNrDk {
   left: 4px;
   width: 24px;
   height: 24px;
@@ -626,7 +642,8 @@
   right: 8px;
 }
 
-:where(.fieldShell-module__root__vQ9PI[data-size='large']) .fieldShell-module__end-icon__ajeP3 {
+:where(.fieldShell-module__root__vQ9PI[data-size='large']) .fieldShell-module__end-icon__ajeP3,
+:where(.fieldShell-module__root__vQ9PI[data-size='extraLarge']) .fieldShell-module__end-icon__ajeP3 {
   right: 4px;
   width: 24px;
   height: 24px;
@@ -640,7 +657,8 @@
   right: 8px;
 }
 
-:where(.fieldShell-module__root__vQ9PI[data-size='large']) .fieldShell-module__arrow__dXtPp {
+:where(.fieldShell-module__root__vQ9PI[data-size='large']) .fieldShell-module__arrow__dXtPp,
+:where(.fieldShell-module__root__vQ9PI[data-size='extraLarge']) .fieldShell-module__arrow__dXtPp {
   right: 4px;
   width: 24px;
   height: 24px;
@@ -666,6 +684,11 @@
   min-height: 32px;
 }
 
+:where(.fieldShell-module__root__vQ9PI[data-size='extraLarge']) > .fieldShell-module__wrapper__OLPGQ[data-chips] {
+  height: auto;
+  min-height: 40px;
+}
+
 :where(.fieldShell-module__root__vQ9PI[data-size] .fieldShell-module__wrapper__OLPGQ[data-chips]) > .fieldShell-module__input__mpHQB {
   position: absolute;
   inset: 0;
@@ -700,6 +723,10 @@
   padding: 4px 36px 4px 4px;
 }
 
+:where(.fieldShell-module__root__vQ9PI[data-size='extraLarge']) .fieldShell-module__chips__Eyi_K {
+  padding: 4px 36px 4px 8px;
+}
+
 :where(.fieldShell-module__root__vQ9PI[data-size='small'] .fieldShell-module__wrapper__OLPGQ[data-start-icon]) > .fieldShell-module__chips__Eyi_K {
   padding-left: 30px;
 }
@@ -708,7 +735,8 @@
   padding-left: 32px;
 }
 
-:where(.fieldShell-module__root__vQ9PI[data-size='large'] .fieldShell-module__wrapper__OLPGQ[data-start-icon]) > .fieldShell-module__chips__Eyi_K {
+:where(.fieldShell-module__root__vQ9PI[data-size='large'] .fieldShell-module__wrapper__OLPGQ[data-start-icon]) > .fieldShell-module__chips__Eyi_K,
+:where(.fieldShell-module__root__vQ9PI[data-size='extraLarge'] .fieldShell-module__wrapper__OLPGQ[data-start-icon]) > .fieldShell-module__chips__Eyi_K {
   padding-left: 36px;
 }
 
@@ -765,34 +793,40 @@
 }
 
 .inputChip-module__medium__VruGz,
-.inputChip-module__large__PPvr0 {
+.inputChip-module__large__PPvr0,
+.inputChip-module__extraLarge__s_SFd {
   height: 28px;
   padding-top: 4px;
   padding-bottom: 4px;
 }
 
 .inputChip-module__medium__VruGz.inputChip-module__with-icon__DZMe4,
-.inputChip-module__large__PPvr0.inputChip-module__with-icon__DZMe4 {
+.inputChip-module__large__PPvr0.inputChip-module__with-icon__DZMe4,
+.inputChip-module__extraLarge__s_SFd.inputChip-module__with-icon__DZMe4 {
   padding-left: 4px;
 }
 
 .inputChip-module__medium__VruGz:not(.inputChip-module__with-icon__DZMe4),
-.inputChip-module__large__PPvr0:not(.inputChip-module__with-icon__DZMe4) {
+.inputChip-module__large__PPvr0:not(.inputChip-module__with-icon__DZMe4),
+.inputChip-module__extraLarge__s_SFd:not(.inputChip-module__with-icon__DZMe4) {
   padding-left: 12px;
 }
 
 .inputChip-module__medium__VruGz:has(.inputChip-module__remove__Z6QBd),
-.inputChip-module__large__PPvr0:has(.inputChip-module__remove__Z6QBd) {
+.inputChip-module__large__PPvr0:has(.inputChip-module__remove__Z6QBd),
+.inputChip-module__extraLarge__s_SFd:has(.inputChip-module__remove__Z6QBd) {
   padding-right: 6px;
 }
 
 .inputChip-module__medium__VruGz:not(:has(.inputChip-module__remove__Z6QBd)),
-.inputChip-module__large__PPvr0:not(:has(.inputChip-module__remove__Z6QBd)) {
+.inputChip-module__large__PPvr0:not(:has(.inputChip-module__remove__Z6QBd)),
+.inputChip-module__extraLarge__s_SFd:not(:has(.inputChip-module__remove__Z6QBd)) {
   padding-right: 12px;
 }
 
 .inputChip-module__medium__VruGz.inputChip-module__with-icon__DZMe4:not(:has(.inputChip-module__remove__Z6QBd)),
-.inputChip-module__large__PPvr0.inputChip-module__with-icon__DZMe4:not(:has(.inputChip-module__remove__Z6QBd)) {
+.inputChip-module__large__PPvr0.inputChip-module__with-icon__DZMe4:not(:has(.inputChip-module__remove__Z6QBd)),
+.inputChip-module__extraLarge__s_SFd.inputChip-module__with-icon__DZMe4:not(:has(.inputChip-module__remove__Z6QBd)) {
   padding-right: 6px;
 }
 
@@ -952,7 +986,9 @@
 }
 
 [data-size='large'] .select-module__icon__eKwKi,
-[data-size='large'] .select-module__item-icon__qWzAS {
+[data-size='large'] .select-module__item-icon__qWzAS,
+[data-size='extraLarge'] .select-module__icon__eKwKi,
+[data-size='extraLarge'] .select-module__item-icon__qWzAS {
   left: 4px;
   width: 24px;
   height: 24px;
@@ -966,7 +1002,8 @@
   left: 32px;
 }
 
-[data-size='large'] .select-module__icon__eKwKi + .select-module__item-icon__qWzAS {
+[data-size='large'] .select-module__icon__eKwKi + .select-module__item-icon__qWzAS,
+[data-size='extraLarge'] .select-module__icon__eKwKi + .select-module__item-icon__qWzAS {
   left: 36px;
 }
 
@@ -985,7 +1022,8 @@
   padding-left: 56px;
 }
 
-[data-size='large'] .select-module__with-icon__sdr2r.select-module__with-item-icon__j4VL9 > .select-module__input__ajhdt {
+[data-size='large'] .select-module__with-icon__sdr2r.select-module__with-item-icon__j4VL9 > .select-module__input__ajhdt,
+[data-size='extraLarge'] .select-module__with-icon__sdr2r.select-module__with-item-icon__j4VL9 > .select-module__input__ajhdt {
   padding-left: 64px;
 }
 
@@ -1485,7 +1523,8 @@
   height: 16px;
 }
 
-[data-size='large'] .colorPicker-module__swatch__MvnQ3 {
+[data-size='large'] .colorPicker-module__swatch__MvnQ3,
+[data-size='extraLarge'] .colorPicker-module__swatch__MvnQ3 {
   left: 6px;
   width: 20px;
   height: 20px;
@@ -1499,7 +1538,8 @@
   padding-left: 28px;
 }
 
-[data-size='large'] .colorPicker-module__input__gaesN {
+[data-size='large'] .colorPicker-module__input__gaesN,
+[data-size='extraLarge'] .colorPicker-module__input__gaesN {
   padding-left: 34px;
 }
 
@@ -1608,7 +1648,8 @@
   padding-right: 56px;
 }
 
-[data-size='large'] .multiSelect-module__input__Hk3TU {
+[data-size='large'] .multiSelect-module__input__Hk3TU,
+[data-size='extraLarge'] .multiSelect-module__input__Hk3TU {
   padding-right: 64px;
 }
 
@@ -1620,7 +1661,8 @@
   padding-right: 56px;
 }
 
-[data-size='large'] .multiSelect-module__chips__CUViE {
+[data-size='large'] .multiSelect-module__chips__CUViE,
+[data-size='extraLarge'] .multiSelect-module__chips__CUViE {
   padding-right: 64px;
 }
 
@@ -1646,7 +1688,8 @@
   left: 8px;
 }
 
-[data-size='large'] .multiSelect-module__icon__TnLPX {
+[data-size='large'] .multiSelect-module__icon__TnLPX,
+[data-size='extraLarge'] .multiSelect-module__icon__TnLPX {
   left: 4px;
   width: 24px;
   height: 24px;
@@ -1691,13 +1734,15 @@
   right: 32px;
 }
 
-[data-size='large'] .multiSelect-module__clear__CwQiH {
+[data-size='large'] .multiSelect-module__clear__CwQiH,
+[data-size='extraLarge'] .multiSelect-module__clear__CwQiH {
   right: 32px;
   width: 24px;
   height: 24px;
 }
 
-[data-size='large'] .multiSelect-module__clear__CwQiH > svg {
+[data-size='large'] .multiSelect-module__clear__CwQiH > svg,
+[data-size='extraLarge'] .multiSelect-module__clear__CwQiH > svg {
   width: 20px;
   height: 20px;
 }
@@ -2662,7 +2707,10 @@
   gap: 16px;
   align-items: center;
   justify-content: space-between;
-  padding: 16px;
+  padding: 16px 16px 8px 16px;
+}
+
+.card-module__header-overlay__VpVTO {
   background-color: var(--theme-overlay-4);
 }
 
@@ -2676,10 +2724,26 @@
   align-items: center;
 }
 
-.card-module__body__P4SYk {
+.card-module__body-full-size__oalrd {
   padding: 0;
 }
 
+.card-module__root__uGlLT.card-module__medium__TpRzi .card-module__body-padded__xaBA8 {
+  padding: 8px 16px 16px 16px;
+}
+
+.card-module__root__uGlLT.card-module__small__liJkd .card-module__body-padded__xaBA8 {
+  padding: 4px 8px 8px 8px;
+}
+
+.card-module__root__uGlLT.card-module__medium__TpRzi .card-module__body-padded-no-header__RBxi1 {
+  padding: 16px;
+}
+
+.card-module__root__uGlLT.card-module__small__liJkd .card-module__body-padded-no-header__RBxi1 {
+  padding: 8px;
+}
+
 .chip-module__root__QN7P0 {
   display: inline-flex;
   flex-shrink: 0;