@zentrades-ui/components 0.1.6 → 0.2.0

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.
Files changed (13) hide show
  1. package/README.md +455 -9
  2. package/dist/components.css +3059 -2899
  3. package/dist/components.css.map +1 -1
  4. package/dist/components.d.ts +2476 -18
  5. package/dist/components.js +263 -177
  6. package/dist/components.js.map +1 -1
  7. package/dist/icons.d.ts +3 -3
  8. package/dist/index.css +3059 -2899
  9. package/dist/index.css.map +1 -1
  10. package/dist/index.d.ts +190 -44
  11. package/dist/index.js +263 -177
  12. package/dist/index.js.map +1 -1
  13. package/package.json +3 -3
package/dist/index.d.ts CHANGED
@@ -1,4 +1,3 @@
1
- export { AlertCircleIcon, ArrowLeftIcon, ArrowRightIcon, CalendarIcon, CheckCircleIcon, CheckIcon, ChevronDownIcon, ChevronLeftIcon, ChevronRightIcon, ChevronUpIcon, ClockIcon, CloseIcon, CopyIcon, EditIcon, ExternalLinkIcon, FilterIcon, Icon, IconOwnProps, IconProps, IconSize, InfoIcon, MinusIcon, MoreHorizontalIcon, MoreVerticalIcon, PlusIcon, SearchIcon, SettingsIcon, SortIcon, TrashIcon, UploadCloudIcon, UserIcon } from './icons.js';
2
1
  import * as React$1 from 'react';
3
2
  import React__default, { ElementType, JSX, ComponentPropsWithRef, ReactElement, CSSProperties, ReactNode, InputHTMLAttributes, TextareaHTMLAttributes, ComponentPropsWithoutRef } from 'react';
4
3
  import { SpacingToken, SemanticSpacing } from '@zentrades-ui/tokens';
@@ -476,30 +475,30 @@ declare const textStyles: ((props: {
476
475
  type TTextStyles = Parameters<typeof textStyles>[0];
477
476
 
478
477
  declare const borderStyles: ((props: {
479
- borderColor?: "transparent" | "contentPrimary" | "contentSecondary" | "contentTertiary" | "contentQuaternary" | "contentDefaultWhite" | "contentPrimaryInverse" | "contentSecondaryInverse" | "contentTertiaryInverse" | "contentDisabled" | "contentBrand" | "contentSecondaryBrand" | "contentLink" | "contentLinkHover" | "contentLinkPressed" | "contentInfo" | "contentInfoBold" | "contentNotice" | "contentNoticeBold" | "contentNegative" | "contentNegativeBold" | "contentPositive" | "contentPositiveBold" | "contentAttention" | "contentActive" | "backgroundPrimary" | "backgroundSecondary" | "backgroundHover" | "backgroundPressed" | "backgroundSelected" | "backgroundSecondarySelected" | "backgroundDisabled" | "backgroundBrand" | "backgroundBrandHover" | "backgroundBrandPressed" | "backgroundSecondaryBrand" | "backgroundSecondaryBrandHover" | "backgroundSecondaryBrandPressed" | "backgroundInfo" | "backgroundInfoSubtle" | "backgroundNotice" | "backgroundNoticeSubtle" | "backgroundNegative" | "backgroundNegativeHover" | "backgroundNegativePressed" | "backgroundNegativeSubtle" | "backgroundPositive" | "backgroundPositiveSubtle" | "backgroundInverse" | "backgroundInverseHover" | "backgroundAttention" | "backgroundActive" | "backgroundSecondaryBrandSubtle" | "borderPrimary" | "borderSecondary" | "borderTertiary" | "borderQuaternary" | "borderDisabled" | "borderBrand" | "borderSecondaryBrand" | "borderInverse" | "borderFocus" | "borderInfo" | "borderNotice" | "borderNegative" | "borderPositive" | "borderMono" | "borderAttention" | "borderActive" | "surfaceL0" | "surfaceL1" | "surfaceL2" | "surfaceL3" | "surfaceL4" | "surfaceL5" | "surfaceL6" | "overlay50" | "overlay50Inverse" | {
480
- default?: "transparent" | "contentPrimary" | "contentSecondary" | "contentTertiary" | "contentQuaternary" | "contentDefaultWhite" | "contentPrimaryInverse" | "contentSecondaryInverse" | "contentTertiaryInverse" | "contentDisabled" | "contentBrand" | "contentSecondaryBrand" | "contentLink" | "contentLinkHover" | "contentLinkPressed" | "contentInfo" | "contentInfoBold" | "contentNotice" | "contentNoticeBold" | "contentNegative" | "contentNegativeBold" | "contentPositive" | "contentPositiveBold" | "contentAttention" | "contentActive" | "backgroundPrimary" | "backgroundSecondary" | "backgroundHover" | "backgroundPressed" | "backgroundSelected" | "backgroundSecondarySelected" | "backgroundDisabled" | "backgroundBrand" | "backgroundBrandHover" | "backgroundBrandPressed" | "backgroundSecondaryBrand" | "backgroundSecondaryBrandHover" | "backgroundSecondaryBrandPressed" | "backgroundInfo" | "backgroundInfoSubtle" | "backgroundNotice" | "backgroundNoticeSubtle" | "backgroundNegative" | "backgroundNegativeHover" | "backgroundNegativePressed" | "backgroundNegativeSubtle" | "backgroundPositive" | "backgroundPositiveSubtle" | "backgroundInverse" | "backgroundInverseHover" | "backgroundAttention" | "backgroundActive" | "backgroundSecondaryBrandSubtle" | "borderPrimary" | "borderSecondary" | "borderTertiary" | "borderQuaternary" | "borderDisabled" | "borderBrand" | "borderSecondaryBrand" | "borderInverse" | "borderFocus" | "borderInfo" | "borderNotice" | "borderNegative" | "borderPositive" | "borderMono" | "borderAttention" | "borderActive" | "surfaceL0" | "surfaceL1" | "surfaceL2" | "surfaceL3" | "surfaceL4" | "surfaceL5" | "surfaceL6" | "overlay50" | "overlay50Inverse" | undefined;
481
- hover?: "transparent" | "contentPrimary" | "contentSecondary" | "contentTertiary" | "contentQuaternary" | "contentDefaultWhite" | "contentPrimaryInverse" | "contentSecondaryInverse" | "contentTertiaryInverse" | "contentDisabled" | "contentBrand" | "contentSecondaryBrand" | "contentLink" | "contentLinkHover" | "contentLinkPressed" | "contentInfo" | "contentInfoBold" | "contentNotice" | "contentNoticeBold" | "contentNegative" | "contentNegativeBold" | "contentPositive" | "contentPositiveBold" | "contentAttention" | "contentActive" | "backgroundPrimary" | "backgroundSecondary" | "backgroundHover" | "backgroundPressed" | "backgroundSelected" | "backgroundSecondarySelected" | "backgroundDisabled" | "backgroundBrand" | "backgroundBrandHover" | "backgroundBrandPressed" | "backgroundSecondaryBrand" | "backgroundSecondaryBrandHover" | "backgroundSecondaryBrandPressed" | "backgroundInfo" | "backgroundInfoSubtle" | "backgroundNotice" | "backgroundNoticeSubtle" | "backgroundNegative" | "backgroundNegativeHover" | "backgroundNegativePressed" | "backgroundNegativeSubtle" | "backgroundPositive" | "backgroundPositiveSubtle" | "backgroundInverse" | "backgroundInverseHover" | "backgroundAttention" | "backgroundActive" | "backgroundSecondaryBrandSubtle" | "borderPrimary" | "borderSecondary" | "borderTertiary" | "borderQuaternary" | "borderDisabled" | "borderBrand" | "borderSecondaryBrand" | "borderInverse" | "borderFocus" | "borderInfo" | "borderNotice" | "borderNegative" | "borderPositive" | "borderMono" | "borderAttention" | "borderActive" | "surfaceL0" | "surfaceL1" | "surfaceL2" | "surfaceL3" | "surfaceL4" | "surfaceL5" | "surfaceL6" | "overlay50" | "overlay50Inverse" | undefined;
482
- focus?: "transparent" | "contentPrimary" | "contentSecondary" | "contentTertiary" | "contentQuaternary" | "contentDefaultWhite" | "contentPrimaryInverse" | "contentSecondaryInverse" | "contentTertiaryInverse" | "contentDisabled" | "contentBrand" | "contentSecondaryBrand" | "contentLink" | "contentLinkHover" | "contentLinkPressed" | "contentInfo" | "contentInfoBold" | "contentNotice" | "contentNoticeBold" | "contentNegative" | "contentNegativeBold" | "contentPositive" | "contentPositiveBold" | "contentAttention" | "contentActive" | "backgroundPrimary" | "backgroundSecondary" | "backgroundHover" | "backgroundPressed" | "backgroundSelected" | "backgroundSecondarySelected" | "backgroundDisabled" | "backgroundBrand" | "backgroundBrandHover" | "backgroundBrandPressed" | "backgroundSecondaryBrand" | "backgroundSecondaryBrandHover" | "backgroundSecondaryBrandPressed" | "backgroundInfo" | "backgroundInfoSubtle" | "backgroundNotice" | "backgroundNoticeSubtle" | "backgroundNegative" | "backgroundNegativeHover" | "backgroundNegativePressed" | "backgroundNegativeSubtle" | "backgroundPositive" | "backgroundPositiveSubtle" | "backgroundInverse" | "backgroundInverseHover" | "backgroundAttention" | "backgroundActive" | "backgroundSecondaryBrandSubtle" | "borderPrimary" | "borderSecondary" | "borderTertiary" | "borderQuaternary" | "borderDisabled" | "borderBrand" | "borderSecondaryBrand" | "borderInverse" | "borderFocus" | "borderInfo" | "borderNotice" | "borderNegative" | "borderPositive" | "borderMono" | "borderAttention" | "borderActive" | "surfaceL0" | "surfaceL1" | "surfaceL2" | "surfaceL3" | "surfaceL4" | "surfaceL5" | "surfaceL6" | "overlay50" | "overlay50Inverse" | undefined;
483
- } | undefined;
484
- borderTopColor?: "transparent" | "contentPrimary" | "contentSecondary" | "contentTertiary" | "contentQuaternary" | "contentDefaultWhite" | "contentPrimaryInverse" | "contentSecondaryInverse" | "contentTertiaryInverse" | "contentDisabled" | "contentBrand" | "contentSecondaryBrand" | "contentLink" | "contentLinkHover" | "contentLinkPressed" | "contentInfo" | "contentInfoBold" | "contentNotice" | "contentNoticeBold" | "contentNegative" | "contentNegativeBold" | "contentPositive" | "contentPositiveBold" | "contentAttention" | "contentActive" | "backgroundPrimary" | "backgroundSecondary" | "backgroundHover" | "backgroundPressed" | "backgroundSelected" | "backgroundSecondarySelected" | "backgroundDisabled" | "backgroundBrand" | "backgroundBrandHover" | "backgroundBrandPressed" | "backgroundSecondaryBrand" | "backgroundSecondaryBrandHover" | "backgroundSecondaryBrandPressed" | "backgroundInfo" | "backgroundInfoSubtle" | "backgroundNotice" | "backgroundNoticeSubtle" | "backgroundNegative" | "backgroundNegativeHover" | "backgroundNegativePressed" | "backgroundNegativeSubtle" | "backgroundPositive" | "backgroundPositiveSubtle" | "backgroundInverse" | "backgroundInverseHover" | "backgroundAttention" | "backgroundActive" | "backgroundSecondaryBrandSubtle" | "borderPrimary" | "borderSecondary" | "borderTertiary" | "borderQuaternary" | "borderDisabled" | "borderBrand" | "borderSecondaryBrand" | "borderInverse" | "borderFocus" | "borderInfo" | "borderNotice" | "borderNegative" | "borderPositive" | "borderMono" | "borderAttention" | "borderActive" | "surfaceL0" | "surfaceL1" | "surfaceL2" | "surfaceL3" | "surfaceL4" | "surfaceL5" | "surfaceL6" | "overlay50" | "overlay50Inverse" | {
485
- default?: "transparent" | "contentPrimary" | "contentSecondary" | "contentTertiary" | "contentQuaternary" | "contentDefaultWhite" | "contentPrimaryInverse" | "contentSecondaryInverse" | "contentTertiaryInverse" | "contentDisabled" | "contentBrand" | "contentSecondaryBrand" | "contentLink" | "contentLinkHover" | "contentLinkPressed" | "contentInfo" | "contentInfoBold" | "contentNotice" | "contentNoticeBold" | "contentNegative" | "contentNegativeBold" | "contentPositive" | "contentPositiveBold" | "contentAttention" | "contentActive" | "backgroundPrimary" | "backgroundSecondary" | "backgroundHover" | "backgroundPressed" | "backgroundSelected" | "backgroundSecondarySelected" | "backgroundDisabled" | "backgroundBrand" | "backgroundBrandHover" | "backgroundBrandPressed" | "backgroundSecondaryBrand" | "backgroundSecondaryBrandHover" | "backgroundSecondaryBrandPressed" | "backgroundInfo" | "backgroundInfoSubtle" | "backgroundNotice" | "backgroundNoticeSubtle" | "backgroundNegative" | "backgroundNegativeHover" | "backgroundNegativePressed" | "backgroundNegativeSubtle" | "backgroundPositive" | "backgroundPositiveSubtle" | "backgroundInverse" | "backgroundInverseHover" | "backgroundAttention" | "backgroundActive" | "backgroundSecondaryBrandSubtle" | "borderPrimary" | "borderSecondary" | "borderTertiary" | "borderQuaternary" | "borderDisabled" | "borderBrand" | "borderSecondaryBrand" | "borderInverse" | "borderFocus" | "borderInfo" | "borderNotice" | "borderNegative" | "borderPositive" | "borderMono" | "borderAttention" | "borderActive" | "surfaceL0" | "surfaceL1" | "surfaceL2" | "surfaceL3" | "surfaceL4" | "surfaceL5" | "surfaceL6" | "overlay50" | "overlay50Inverse" | undefined;
486
- hover?: "transparent" | "contentPrimary" | "contentSecondary" | "contentTertiary" | "contentQuaternary" | "contentDefaultWhite" | "contentPrimaryInverse" | "contentSecondaryInverse" | "contentTertiaryInverse" | "contentDisabled" | "contentBrand" | "contentSecondaryBrand" | "contentLink" | "contentLinkHover" | "contentLinkPressed" | "contentInfo" | "contentInfoBold" | "contentNotice" | "contentNoticeBold" | "contentNegative" | "contentNegativeBold" | "contentPositive" | "contentPositiveBold" | "contentAttention" | "contentActive" | "backgroundPrimary" | "backgroundSecondary" | "backgroundHover" | "backgroundPressed" | "backgroundSelected" | "backgroundSecondarySelected" | "backgroundDisabled" | "backgroundBrand" | "backgroundBrandHover" | "backgroundBrandPressed" | "backgroundSecondaryBrand" | "backgroundSecondaryBrandHover" | "backgroundSecondaryBrandPressed" | "backgroundInfo" | "backgroundInfoSubtle" | "backgroundNotice" | "backgroundNoticeSubtle" | "backgroundNegative" | "backgroundNegativeHover" | "backgroundNegativePressed" | "backgroundNegativeSubtle" | "backgroundPositive" | "backgroundPositiveSubtle" | "backgroundInverse" | "backgroundInverseHover" | "backgroundAttention" | "backgroundActive" | "backgroundSecondaryBrandSubtle" | "borderPrimary" | "borderSecondary" | "borderTertiary" | "borderQuaternary" | "borderDisabled" | "borderBrand" | "borderSecondaryBrand" | "borderInverse" | "borderFocus" | "borderInfo" | "borderNotice" | "borderNegative" | "borderPositive" | "borderMono" | "borderAttention" | "borderActive" | "surfaceL0" | "surfaceL1" | "surfaceL2" | "surfaceL3" | "surfaceL4" | "surfaceL5" | "surfaceL6" | "overlay50" | "overlay50Inverse" | undefined;
487
- focus?: "transparent" | "contentPrimary" | "contentSecondary" | "contentTertiary" | "contentQuaternary" | "contentDefaultWhite" | "contentPrimaryInverse" | "contentSecondaryInverse" | "contentTertiaryInverse" | "contentDisabled" | "contentBrand" | "contentSecondaryBrand" | "contentLink" | "contentLinkHover" | "contentLinkPressed" | "contentInfo" | "contentInfoBold" | "contentNotice" | "contentNoticeBold" | "contentNegative" | "contentNegativeBold" | "contentPositive" | "contentPositiveBold" | "contentAttention" | "contentActive" | "backgroundPrimary" | "backgroundSecondary" | "backgroundHover" | "backgroundPressed" | "backgroundSelected" | "backgroundSecondarySelected" | "backgroundDisabled" | "backgroundBrand" | "backgroundBrandHover" | "backgroundBrandPressed" | "backgroundSecondaryBrand" | "backgroundSecondaryBrandHover" | "backgroundSecondaryBrandPressed" | "backgroundInfo" | "backgroundInfoSubtle" | "backgroundNotice" | "backgroundNoticeSubtle" | "backgroundNegative" | "backgroundNegativeHover" | "backgroundNegativePressed" | "backgroundNegativeSubtle" | "backgroundPositive" | "backgroundPositiveSubtle" | "backgroundInverse" | "backgroundInverseHover" | "backgroundAttention" | "backgroundActive" | "backgroundSecondaryBrandSubtle" | "borderPrimary" | "borderSecondary" | "borderTertiary" | "borderQuaternary" | "borderDisabled" | "borderBrand" | "borderSecondaryBrand" | "borderInverse" | "borderFocus" | "borderInfo" | "borderNotice" | "borderNegative" | "borderPositive" | "borderMono" | "borderAttention" | "borderActive" | "surfaceL0" | "surfaceL1" | "surfaceL2" | "surfaceL3" | "surfaceL4" | "surfaceL5" | "surfaceL6" | "overlay50" | "overlay50Inverse" | undefined;
488
- } | undefined;
489
- borderRightColor?: "transparent" | "contentPrimary" | "contentSecondary" | "contentTertiary" | "contentQuaternary" | "contentDefaultWhite" | "contentPrimaryInverse" | "contentSecondaryInverse" | "contentTertiaryInverse" | "contentDisabled" | "contentBrand" | "contentSecondaryBrand" | "contentLink" | "contentLinkHover" | "contentLinkPressed" | "contentInfo" | "contentInfoBold" | "contentNotice" | "contentNoticeBold" | "contentNegative" | "contentNegativeBold" | "contentPositive" | "contentPositiveBold" | "contentAttention" | "contentActive" | "backgroundPrimary" | "backgroundSecondary" | "backgroundHover" | "backgroundPressed" | "backgroundSelected" | "backgroundSecondarySelected" | "backgroundDisabled" | "backgroundBrand" | "backgroundBrandHover" | "backgroundBrandPressed" | "backgroundSecondaryBrand" | "backgroundSecondaryBrandHover" | "backgroundSecondaryBrandPressed" | "backgroundInfo" | "backgroundInfoSubtle" | "backgroundNotice" | "backgroundNoticeSubtle" | "backgroundNegative" | "backgroundNegativeHover" | "backgroundNegativePressed" | "backgroundNegativeSubtle" | "backgroundPositive" | "backgroundPositiveSubtle" | "backgroundInverse" | "backgroundInverseHover" | "backgroundAttention" | "backgroundActive" | "backgroundSecondaryBrandSubtle" | "borderPrimary" | "borderSecondary" | "borderTertiary" | "borderQuaternary" | "borderDisabled" | "borderBrand" | "borderSecondaryBrand" | "borderInverse" | "borderFocus" | "borderInfo" | "borderNotice" | "borderNegative" | "borderPositive" | "borderMono" | "borderAttention" | "borderActive" | "surfaceL0" | "surfaceL1" | "surfaceL2" | "surfaceL3" | "surfaceL4" | "surfaceL5" | "surfaceL6" | "overlay50" | "overlay50Inverse" | {
490
- default?: "transparent" | "contentPrimary" | "contentSecondary" | "contentTertiary" | "contentQuaternary" | "contentDefaultWhite" | "contentPrimaryInverse" | "contentSecondaryInverse" | "contentTertiaryInverse" | "contentDisabled" | "contentBrand" | "contentSecondaryBrand" | "contentLink" | "contentLinkHover" | "contentLinkPressed" | "contentInfo" | "contentInfoBold" | "contentNotice" | "contentNoticeBold" | "contentNegative" | "contentNegativeBold" | "contentPositive" | "contentPositiveBold" | "contentAttention" | "contentActive" | "backgroundPrimary" | "backgroundSecondary" | "backgroundHover" | "backgroundPressed" | "backgroundSelected" | "backgroundSecondarySelected" | "backgroundDisabled" | "backgroundBrand" | "backgroundBrandHover" | "backgroundBrandPressed" | "backgroundSecondaryBrand" | "backgroundSecondaryBrandHover" | "backgroundSecondaryBrandPressed" | "backgroundInfo" | "backgroundInfoSubtle" | "backgroundNotice" | "backgroundNoticeSubtle" | "backgroundNegative" | "backgroundNegativeHover" | "backgroundNegativePressed" | "backgroundNegativeSubtle" | "backgroundPositive" | "backgroundPositiveSubtle" | "backgroundInverse" | "backgroundInverseHover" | "backgroundAttention" | "backgroundActive" | "backgroundSecondaryBrandSubtle" | "borderPrimary" | "borderSecondary" | "borderTertiary" | "borderQuaternary" | "borderDisabled" | "borderBrand" | "borderSecondaryBrand" | "borderInverse" | "borderFocus" | "borderInfo" | "borderNotice" | "borderNegative" | "borderPositive" | "borderMono" | "borderAttention" | "borderActive" | "surfaceL0" | "surfaceL1" | "surfaceL2" | "surfaceL3" | "surfaceL4" | "surfaceL5" | "surfaceL6" | "overlay50" | "overlay50Inverse" | undefined;
491
- hover?: "transparent" | "contentPrimary" | "contentSecondary" | "contentTertiary" | "contentQuaternary" | "contentDefaultWhite" | "contentPrimaryInverse" | "contentSecondaryInverse" | "contentTertiaryInverse" | "contentDisabled" | "contentBrand" | "contentSecondaryBrand" | "contentLink" | "contentLinkHover" | "contentLinkPressed" | "contentInfo" | "contentInfoBold" | "contentNotice" | "contentNoticeBold" | "contentNegative" | "contentNegativeBold" | "contentPositive" | "contentPositiveBold" | "contentAttention" | "contentActive" | "backgroundPrimary" | "backgroundSecondary" | "backgroundHover" | "backgroundPressed" | "backgroundSelected" | "backgroundSecondarySelected" | "backgroundDisabled" | "backgroundBrand" | "backgroundBrandHover" | "backgroundBrandPressed" | "backgroundSecondaryBrand" | "backgroundSecondaryBrandHover" | "backgroundSecondaryBrandPressed" | "backgroundInfo" | "backgroundInfoSubtle" | "backgroundNotice" | "backgroundNoticeSubtle" | "backgroundNegative" | "backgroundNegativeHover" | "backgroundNegativePressed" | "backgroundNegativeSubtle" | "backgroundPositive" | "backgroundPositiveSubtle" | "backgroundInverse" | "backgroundInverseHover" | "backgroundAttention" | "backgroundActive" | "backgroundSecondaryBrandSubtle" | "borderPrimary" | "borderSecondary" | "borderTertiary" | "borderQuaternary" | "borderDisabled" | "borderBrand" | "borderSecondaryBrand" | "borderInverse" | "borderFocus" | "borderInfo" | "borderNotice" | "borderNegative" | "borderPositive" | "borderMono" | "borderAttention" | "borderActive" | "surfaceL0" | "surfaceL1" | "surfaceL2" | "surfaceL3" | "surfaceL4" | "surfaceL5" | "surfaceL6" | "overlay50" | "overlay50Inverse" | undefined;
492
- focus?: "transparent" | "contentPrimary" | "contentSecondary" | "contentTertiary" | "contentQuaternary" | "contentDefaultWhite" | "contentPrimaryInverse" | "contentSecondaryInverse" | "contentTertiaryInverse" | "contentDisabled" | "contentBrand" | "contentSecondaryBrand" | "contentLink" | "contentLinkHover" | "contentLinkPressed" | "contentInfo" | "contentInfoBold" | "contentNotice" | "contentNoticeBold" | "contentNegative" | "contentNegativeBold" | "contentPositive" | "contentPositiveBold" | "contentAttention" | "contentActive" | "backgroundPrimary" | "backgroundSecondary" | "backgroundHover" | "backgroundPressed" | "backgroundSelected" | "backgroundSecondarySelected" | "backgroundDisabled" | "backgroundBrand" | "backgroundBrandHover" | "backgroundBrandPressed" | "backgroundSecondaryBrand" | "backgroundSecondaryBrandHover" | "backgroundSecondaryBrandPressed" | "backgroundInfo" | "backgroundInfoSubtle" | "backgroundNotice" | "backgroundNoticeSubtle" | "backgroundNegative" | "backgroundNegativeHover" | "backgroundNegativePressed" | "backgroundNegativeSubtle" | "backgroundPositive" | "backgroundPositiveSubtle" | "backgroundInverse" | "backgroundInverseHover" | "backgroundAttention" | "backgroundActive" | "backgroundSecondaryBrandSubtle" | "borderPrimary" | "borderSecondary" | "borderTertiary" | "borderQuaternary" | "borderDisabled" | "borderBrand" | "borderSecondaryBrand" | "borderInverse" | "borderFocus" | "borderInfo" | "borderNotice" | "borderNegative" | "borderPositive" | "borderMono" | "borderAttention" | "borderActive" | "surfaceL0" | "surfaceL1" | "surfaceL2" | "surfaceL3" | "surfaceL4" | "surfaceL5" | "surfaceL6" | "overlay50" | "overlay50Inverse" | undefined;
493
- } | undefined;
494
- borderBottomColor?: "transparent" | "contentPrimary" | "contentSecondary" | "contentTertiary" | "contentQuaternary" | "contentDefaultWhite" | "contentPrimaryInverse" | "contentSecondaryInverse" | "contentTertiaryInverse" | "contentDisabled" | "contentBrand" | "contentSecondaryBrand" | "contentLink" | "contentLinkHover" | "contentLinkPressed" | "contentInfo" | "contentInfoBold" | "contentNotice" | "contentNoticeBold" | "contentNegative" | "contentNegativeBold" | "contentPositive" | "contentPositiveBold" | "contentAttention" | "contentActive" | "backgroundPrimary" | "backgroundSecondary" | "backgroundHover" | "backgroundPressed" | "backgroundSelected" | "backgroundSecondarySelected" | "backgroundDisabled" | "backgroundBrand" | "backgroundBrandHover" | "backgroundBrandPressed" | "backgroundSecondaryBrand" | "backgroundSecondaryBrandHover" | "backgroundSecondaryBrandPressed" | "backgroundInfo" | "backgroundInfoSubtle" | "backgroundNotice" | "backgroundNoticeSubtle" | "backgroundNegative" | "backgroundNegativeHover" | "backgroundNegativePressed" | "backgroundNegativeSubtle" | "backgroundPositive" | "backgroundPositiveSubtle" | "backgroundInverse" | "backgroundInverseHover" | "backgroundAttention" | "backgroundActive" | "backgroundSecondaryBrandSubtle" | "borderPrimary" | "borderSecondary" | "borderTertiary" | "borderQuaternary" | "borderDisabled" | "borderBrand" | "borderSecondaryBrand" | "borderInverse" | "borderFocus" | "borderInfo" | "borderNotice" | "borderNegative" | "borderPositive" | "borderMono" | "borderAttention" | "borderActive" | "surfaceL0" | "surfaceL1" | "surfaceL2" | "surfaceL3" | "surfaceL4" | "surfaceL5" | "surfaceL6" | "overlay50" | "overlay50Inverse" | {
495
- default?: "transparent" | "contentPrimary" | "contentSecondary" | "contentTertiary" | "contentQuaternary" | "contentDefaultWhite" | "contentPrimaryInverse" | "contentSecondaryInverse" | "contentTertiaryInverse" | "contentDisabled" | "contentBrand" | "contentSecondaryBrand" | "contentLink" | "contentLinkHover" | "contentLinkPressed" | "contentInfo" | "contentInfoBold" | "contentNotice" | "contentNoticeBold" | "contentNegative" | "contentNegativeBold" | "contentPositive" | "contentPositiveBold" | "contentAttention" | "contentActive" | "backgroundPrimary" | "backgroundSecondary" | "backgroundHover" | "backgroundPressed" | "backgroundSelected" | "backgroundSecondarySelected" | "backgroundDisabled" | "backgroundBrand" | "backgroundBrandHover" | "backgroundBrandPressed" | "backgroundSecondaryBrand" | "backgroundSecondaryBrandHover" | "backgroundSecondaryBrandPressed" | "backgroundInfo" | "backgroundInfoSubtle" | "backgroundNotice" | "backgroundNoticeSubtle" | "backgroundNegative" | "backgroundNegativeHover" | "backgroundNegativePressed" | "backgroundNegativeSubtle" | "backgroundPositive" | "backgroundPositiveSubtle" | "backgroundInverse" | "backgroundInverseHover" | "backgroundAttention" | "backgroundActive" | "backgroundSecondaryBrandSubtle" | "borderPrimary" | "borderSecondary" | "borderTertiary" | "borderQuaternary" | "borderDisabled" | "borderBrand" | "borderSecondaryBrand" | "borderInverse" | "borderFocus" | "borderInfo" | "borderNotice" | "borderNegative" | "borderPositive" | "borderMono" | "borderAttention" | "borderActive" | "surfaceL0" | "surfaceL1" | "surfaceL2" | "surfaceL3" | "surfaceL4" | "surfaceL5" | "surfaceL6" | "overlay50" | "overlay50Inverse" | undefined;
496
- hover?: "transparent" | "contentPrimary" | "contentSecondary" | "contentTertiary" | "contentQuaternary" | "contentDefaultWhite" | "contentPrimaryInverse" | "contentSecondaryInverse" | "contentTertiaryInverse" | "contentDisabled" | "contentBrand" | "contentSecondaryBrand" | "contentLink" | "contentLinkHover" | "contentLinkPressed" | "contentInfo" | "contentInfoBold" | "contentNotice" | "contentNoticeBold" | "contentNegative" | "contentNegativeBold" | "contentPositive" | "contentPositiveBold" | "contentAttention" | "contentActive" | "backgroundPrimary" | "backgroundSecondary" | "backgroundHover" | "backgroundPressed" | "backgroundSelected" | "backgroundSecondarySelected" | "backgroundDisabled" | "backgroundBrand" | "backgroundBrandHover" | "backgroundBrandPressed" | "backgroundSecondaryBrand" | "backgroundSecondaryBrandHover" | "backgroundSecondaryBrandPressed" | "backgroundInfo" | "backgroundInfoSubtle" | "backgroundNotice" | "backgroundNoticeSubtle" | "backgroundNegative" | "backgroundNegativeHover" | "backgroundNegativePressed" | "backgroundNegativeSubtle" | "backgroundPositive" | "backgroundPositiveSubtle" | "backgroundInverse" | "backgroundInverseHover" | "backgroundAttention" | "backgroundActive" | "backgroundSecondaryBrandSubtle" | "borderPrimary" | "borderSecondary" | "borderTertiary" | "borderQuaternary" | "borderDisabled" | "borderBrand" | "borderSecondaryBrand" | "borderInverse" | "borderFocus" | "borderInfo" | "borderNotice" | "borderNegative" | "borderPositive" | "borderMono" | "borderAttention" | "borderActive" | "surfaceL0" | "surfaceL1" | "surfaceL2" | "surfaceL3" | "surfaceL4" | "surfaceL5" | "surfaceL6" | "overlay50" | "overlay50Inverse" | undefined;
497
- focus?: "transparent" | "contentPrimary" | "contentSecondary" | "contentTertiary" | "contentQuaternary" | "contentDefaultWhite" | "contentPrimaryInverse" | "contentSecondaryInverse" | "contentTertiaryInverse" | "contentDisabled" | "contentBrand" | "contentSecondaryBrand" | "contentLink" | "contentLinkHover" | "contentLinkPressed" | "contentInfo" | "contentInfoBold" | "contentNotice" | "contentNoticeBold" | "contentNegative" | "contentNegativeBold" | "contentPositive" | "contentPositiveBold" | "contentAttention" | "contentActive" | "backgroundPrimary" | "backgroundSecondary" | "backgroundHover" | "backgroundPressed" | "backgroundSelected" | "backgroundSecondarySelected" | "backgroundDisabled" | "backgroundBrand" | "backgroundBrandHover" | "backgroundBrandPressed" | "backgroundSecondaryBrand" | "backgroundSecondaryBrandHover" | "backgroundSecondaryBrandPressed" | "backgroundInfo" | "backgroundInfoSubtle" | "backgroundNotice" | "backgroundNoticeSubtle" | "backgroundNegative" | "backgroundNegativeHover" | "backgroundNegativePressed" | "backgroundNegativeSubtle" | "backgroundPositive" | "backgroundPositiveSubtle" | "backgroundInverse" | "backgroundInverseHover" | "backgroundAttention" | "backgroundActive" | "backgroundSecondaryBrandSubtle" | "borderPrimary" | "borderSecondary" | "borderTertiary" | "borderQuaternary" | "borderDisabled" | "borderBrand" | "borderSecondaryBrand" | "borderInverse" | "borderFocus" | "borderInfo" | "borderNotice" | "borderNegative" | "borderPositive" | "borderMono" | "borderAttention" | "borderActive" | "surfaceL0" | "surfaceL1" | "surfaceL2" | "surfaceL3" | "surfaceL4" | "surfaceL5" | "surfaceL6" | "overlay50" | "overlay50Inverse" | undefined;
498
- } | undefined;
499
- borderLeftColor?: "transparent" | "contentPrimary" | "contentSecondary" | "contentTertiary" | "contentQuaternary" | "contentDefaultWhite" | "contentPrimaryInverse" | "contentSecondaryInverse" | "contentTertiaryInverse" | "contentDisabled" | "contentBrand" | "contentSecondaryBrand" | "contentLink" | "contentLinkHover" | "contentLinkPressed" | "contentInfo" | "contentInfoBold" | "contentNotice" | "contentNoticeBold" | "contentNegative" | "contentNegativeBold" | "contentPositive" | "contentPositiveBold" | "contentAttention" | "contentActive" | "backgroundPrimary" | "backgroundSecondary" | "backgroundHover" | "backgroundPressed" | "backgroundSelected" | "backgroundSecondarySelected" | "backgroundDisabled" | "backgroundBrand" | "backgroundBrandHover" | "backgroundBrandPressed" | "backgroundSecondaryBrand" | "backgroundSecondaryBrandHover" | "backgroundSecondaryBrandPressed" | "backgroundInfo" | "backgroundInfoSubtle" | "backgroundNotice" | "backgroundNoticeSubtle" | "backgroundNegative" | "backgroundNegativeHover" | "backgroundNegativePressed" | "backgroundNegativeSubtle" | "backgroundPositive" | "backgroundPositiveSubtle" | "backgroundInverse" | "backgroundInverseHover" | "backgroundAttention" | "backgroundActive" | "backgroundSecondaryBrandSubtle" | "borderPrimary" | "borderSecondary" | "borderTertiary" | "borderQuaternary" | "borderDisabled" | "borderBrand" | "borderSecondaryBrand" | "borderInverse" | "borderFocus" | "borderInfo" | "borderNotice" | "borderNegative" | "borderPositive" | "borderMono" | "borderAttention" | "borderActive" | "surfaceL0" | "surfaceL1" | "surfaceL2" | "surfaceL3" | "surfaceL4" | "surfaceL5" | "surfaceL6" | "overlay50" | "overlay50Inverse" | {
500
- default?: "transparent" | "contentPrimary" | "contentSecondary" | "contentTertiary" | "contentQuaternary" | "contentDefaultWhite" | "contentPrimaryInverse" | "contentSecondaryInverse" | "contentTertiaryInverse" | "contentDisabled" | "contentBrand" | "contentSecondaryBrand" | "contentLink" | "contentLinkHover" | "contentLinkPressed" | "contentInfo" | "contentInfoBold" | "contentNotice" | "contentNoticeBold" | "contentNegative" | "contentNegativeBold" | "contentPositive" | "contentPositiveBold" | "contentAttention" | "contentActive" | "backgroundPrimary" | "backgroundSecondary" | "backgroundHover" | "backgroundPressed" | "backgroundSelected" | "backgroundSecondarySelected" | "backgroundDisabled" | "backgroundBrand" | "backgroundBrandHover" | "backgroundBrandPressed" | "backgroundSecondaryBrand" | "backgroundSecondaryBrandHover" | "backgroundSecondaryBrandPressed" | "backgroundInfo" | "backgroundInfoSubtle" | "backgroundNotice" | "backgroundNoticeSubtle" | "backgroundNegative" | "backgroundNegativeHover" | "backgroundNegativePressed" | "backgroundNegativeSubtle" | "backgroundPositive" | "backgroundPositiveSubtle" | "backgroundInverse" | "backgroundInverseHover" | "backgroundAttention" | "backgroundActive" | "backgroundSecondaryBrandSubtle" | "borderPrimary" | "borderSecondary" | "borderTertiary" | "borderQuaternary" | "borderDisabled" | "borderBrand" | "borderSecondaryBrand" | "borderInverse" | "borderFocus" | "borderInfo" | "borderNotice" | "borderNegative" | "borderPositive" | "borderMono" | "borderAttention" | "borderActive" | "surfaceL0" | "surfaceL1" | "surfaceL2" | "surfaceL3" | "surfaceL4" | "surfaceL5" | "surfaceL6" | "overlay50" | "overlay50Inverse" | undefined;
501
- hover?: "transparent" | "contentPrimary" | "contentSecondary" | "contentTertiary" | "contentQuaternary" | "contentDefaultWhite" | "contentPrimaryInverse" | "contentSecondaryInverse" | "contentTertiaryInverse" | "contentDisabled" | "contentBrand" | "contentSecondaryBrand" | "contentLink" | "contentLinkHover" | "contentLinkPressed" | "contentInfo" | "contentInfoBold" | "contentNotice" | "contentNoticeBold" | "contentNegative" | "contentNegativeBold" | "contentPositive" | "contentPositiveBold" | "contentAttention" | "contentActive" | "backgroundPrimary" | "backgroundSecondary" | "backgroundHover" | "backgroundPressed" | "backgroundSelected" | "backgroundSecondarySelected" | "backgroundDisabled" | "backgroundBrand" | "backgroundBrandHover" | "backgroundBrandPressed" | "backgroundSecondaryBrand" | "backgroundSecondaryBrandHover" | "backgroundSecondaryBrandPressed" | "backgroundInfo" | "backgroundInfoSubtle" | "backgroundNotice" | "backgroundNoticeSubtle" | "backgroundNegative" | "backgroundNegativeHover" | "backgroundNegativePressed" | "backgroundNegativeSubtle" | "backgroundPositive" | "backgroundPositiveSubtle" | "backgroundInverse" | "backgroundInverseHover" | "backgroundAttention" | "backgroundActive" | "backgroundSecondaryBrandSubtle" | "borderPrimary" | "borderSecondary" | "borderTertiary" | "borderQuaternary" | "borderDisabled" | "borderBrand" | "borderSecondaryBrand" | "borderInverse" | "borderFocus" | "borderInfo" | "borderNotice" | "borderNegative" | "borderPositive" | "borderMono" | "borderAttention" | "borderActive" | "surfaceL0" | "surfaceL1" | "surfaceL2" | "surfaceL3" | "surfaceL4" | "surfaceL5" | "surfaceL6" | "overlay50" | "overlay50Inverse" | undefined;
502
- focus?: "transparent" | "contentPrimary" | "contentSecondary" | "contentTertiary" | "contentQuaternary" | "contentDefaultWhite" | "contentPrimaryInverse" | "contentSecondaryInverse" | "contentTertiaryInverse" | "contentDisabled" | "contentBrand" | "contentSecondaryBrand" | "contentLink" | "contentLinkHover" | "contentLinkPressed" | "contentInfo" | "contentInfoBold" | "contentNotice" | "contentNoticeBold" | "contentNegative" | "contentNegativeBold" | "contentPositive" | "contentPositiveBold" | "contentAttention" | "contentActive" | "backgroundPrimary" | "backgroundSecondary" | "backgroundHover" | "backgroundPressed" | "backgroundSelected" | "backgroundSecondarySelected" | "backgroundDisabled" | "backgroundBrand" | "backgroundBrandHover" | "backgroundBrandPressed" | "backgroundSecondaryBrand" | "backgroundSecondaryBrandHover" | "backgroundSecondaryBrandPressed" | "backgroundInfo" | "backgroundInfoSubtle" | "backgroundNotice" | "backgroundNoticeSubtle" | "backgroundNegative" | "backgroundNegativeHover" | "backgroundNegativePressed" | "backgroundNegativeSubtle" | "backgroundPositive" | "backgroundPositiveSubtle" | "backgroundInverse" | "backgroundInverseHover" | "backgroundAttention" | "backgroundActive" | "backgroundSecondaryBrandSubtle" | "borderPrimary" | "borderSecondary" | "borderTertiary" | "borderQuaternary" | "borderDisabled" | "borderBrand" | "borderSecondaryBrand" | "borderInverse" | "borderFocus" | "borderInfo" | "borderNotice" | "borderNegative" | "borderPositive" | "borderMono" | "borderAttention" | "borderActive" | "surfaceL0" | "surfaceL1" | "surfaceL2" | "surfaceL3" | "surfaceL4" | "surfaceL5" | "surfaceL6" | "overlay50" | "overlay50Inverse" | undefined;
478
+ borderColor?: ("transparent" | "contentPrimary" | "contentSecondary" | "contentTertiary" | "contentQuaternary" | "contentDefaultWhite" | "contentPrimaryInverse" | "contentSecondaryInverse" | "contentTertiaryInverse" | "contentDisabled" | "contentBrand" | "contentSecondaryBrand" | "contentLink" | "contentLinkHover" | "contentLinkPressed" | "contentInfo" | "contentInfoBold" | "contentNotice" | "contentNoticeBold" | "contentNegative" | "contentNegativeBold" | "contentPositive" | "contentPositiveBold" | "contentAttention" | "contentActive" | "backgroundPrimary" | "backgroundSecondary" | "backgroundHover" | "backgroundPressed" | "backgroundSelected" | "backgroundSecondarySelected" | "backgroundDisabled" | "backgroundBrand" | "backgroundBrandHover" | "backgroundBrandPressed" | "backgroundSecondaryBrand" | "backgroundSecondaryBrandHover" | "backgroundSecondaryBrandPressed" | "backgroundInfo" | "backgroundInfoSubtle" | "backgroundNotice" | "backgroundNoticeSubtle" | "backgroundNegative" | "backgroundNegativeHover" | "backgroundNegativePressed" | "backgroundNegativeSubtle" | "backgroundPositive" | "backgroundPositiveSubtle" | "backgroundInverse" | "backgroundInverseHover" | "backgroundAttention" | "backgroundActive" | "backgroundSecondaryBrandSubtle" | "borderPrimary" | "borderSecondary" | "borderTertiary" | "borderQuaternary" | "borderDisabled" | "borderBrand" | "borderSecondaryBrand" | "borderInverse" | "borderFocus" | "borderInfo" | "borderNotice" | "borderNegative" | "borderPositive" | "borderMono" | "borderAttention" | "borderActive" | "surfaceL0" | "surfaceL1" | "surfaceL2" | "surfaceL3" | "surfaceL4" | "surfaceL5" | "surfaceL6" | "overlay50" | "overlay50Inverse") | {
479
+ default?: ("transparent" | "contentPrimary" | "contentSecondary" | "contentTertiary" | "contentQuaternary" | "contentDefaultWhite" | "contentPrimaryInverse" | "contentSecondaryInverse" | "contentTertiaryInverse" | "contentDisabled" | "contentBrand" | "contentSecondaryBrand" | "contentLink" | "contentLinkHover" | "contentLinkPressed" | "contentInfo" | "contentInfoBold" | "contentNotice" | "contentNoticeBold" | "contentNegative" | "contentNegativeBold" | "contentPositive" | "contentPositiveBold" | "contentAttention" | "contentActive" | "backgroundPrimary" | "backgroundSecondary" | "backgroundHover" | "backgroundPressed" | "backgroundSelected" | "backgroundSecondarySelected" | "backgroundDisabled" | "backgroundBrand" | "backgroundBrandHover" | "backgroundBrandPressed" | "backgroundSecondaryBrand" | "backgroundSecondaryBrandHover" | "backgroundSecondaryBrandPressed" | "backgroundInfo" | "backgroundInfoSubtle" | "backgroundNotice" | "backgroundNoticeSubtle" | "backgroundNegative" | "backgroundNegativeHover" | "backgroundNegativePressed" | "backgroundNegativeSubtle" | "backgroundPositive" | "backgroundPositiveSubtle" | "backgroundInverse" | "backgroundInverseHover" | "backgroundAttention" | "backgroundActive" | "backgroundSecondaryBrandSubtle" | "borderPrimary" | "borderSecondary" | "borderTertiary" | "borderQuaternary" | "borderDisabled" | "borderBrand" | "borderSecondaryBrand" | "borderInverse" | "borderFocus" | "borderInfo" | "borderNotice" | "borderNegative" | "borderPositive" | "borderMono" | "borderAttention" | "borderActive" | "surfaceL0" | "surfaceL1" | "surfaceL2" | "surfaceL3" | "surfaceL4" | "surfaceL5" | "surfaceL6" | "overlay50" | "overlay50Inverse") | undefined;
480
+ hover?: ("transparent" | "contentPrimary" | "contentSecondary" | "contentTertiary" | "contentQuaternary" | "contentDefaultWhite" | "contentPrimaryInverse" | "contentSecondaryInverse" | "contentTertiaryInverse" | "contentDisabled" | "contentBrand" | "contentSecondaryBrand" | "contentLink" | "contentLinkHover" | "contentLinkPressed" | "contentInfo" | "contentInfoBold" | "contentNotice" | "contentNoticeBold" | "contentNegative" | "contentNegativeBold" | "contentPositive" | "contentPositiveBold" | "contentAttention" | "contentActive" | "backgroundPrimary" | "backgroundSecondary" | "backgroundHover" | "backgroundPressed" | "backgroundSelected" | "backgroundSecondarySelected" | "backgroundDisabled" | "backgroundBrand" | "backgroundBrandHover" | "backgroundBrandPressed" | "backgroundSecondaryBrand" | "backgroundSecondaryBrandHover" | "backgroundSecondaryBrandPressed" | "backgroundInfo" | "backgroundInfoSubtle" | "backgroundNotice" | "backgroundNoticeSubtle" | "backgroundNegative" | "backgroundNegativeHover" | "backgroundNegativePressed" | "backgroundNegativeSubtle" | "backgroundPositive" | "backgroundPositiveSubtle" | "backgroundInverse" | "backgroundInverseHover" | "backgroundAttention" | "backgroundActive" | "backgroundSecondaryBrandSubtle" | "borderPrimary" | "borderSecondary" | "borderTertiary" | "borderQuaternary" | "borderDisabled" | "borderBrand" | "borderSecondaryBrand" | "borderInverse" | "borderFocus" | "borderInfo" | "borderNotice" | "borderNegative" | "borderPositive" | "borderMono" | "borderAttention" | "borderActive" | "surfaceL0" | "surfaceL1" | "surfaceL2" | "surfaceL3" | "surfaceL4" | "surfaceL5" | "surfaceL6" | "overlay50" | "overlay50Inverse") | undefined;
481
+ focus?: ("transparent" | "contentPrimary" | "contentSecondary" | "contentTertiary" | "contentQuaternary" | "contentDefaultWhite" | "contentPrimaryInverse" | "contentSecondaryInverse" | "contentTertiaryInverse" | "contentDisabled" | "contentBrand" | "contentSecondaryBrand" | "contentLink" | "contentLinkHover" | "contentLinkPressed" | "contentInfo" | "contentInfoBold" | "contentNotice" | "contentNoticeBold" | "contentNegative" | "contentNegativeBold" | "contentPositive" | "contentPositiveBold" | "contentAttention" | "contentActive" | "backgroundPrimary" | "backgroundSecondary" | "backgroundHover" | "backgroundPressed" | "backgroundSelected" | "backgroundSecondarySelected" | "backgroundDisabled" | "backgroundBrand" | "backgroundBrandHover" | "backgroundBrandPressed" | "backgroundSecondaryBrand" | "backgroundSecondaryBrandHover" | "backgroundSecondaryBrandPressed" | "backgroundInfo" | "backgroundInfoSubtle" | "backgroundNotice" | "backgroundNoticeSubtle" | "backgroundNegative" | "backgroundNegativeHover" | "backgroundNegativePressed" | "backgroundNegativeSubtle" | "backgroundPositive" | "backgroundPositiveSubtle" | "backgroundInverse" | "backgroundInverseHover" | "backgroundAttention" | "backgroundActive" | "backgroundSecondaryBrandSubtle" | "borderPrimary" | "borderSecondary" | "borderTertiary" | "borderQuaternary" | "borderDisabled" | "borderBrand" | "borderSecondaryBrand" | "borderInverse" | "borderFocus" | "borderInfo" | "borderNotice" | "borderNegative" | "borderPositive" | "borderMono" | "borderAttention" | "borderActive" | "surfaceL0" | "surfaceL1" | "surfaceL2" | "surfaceL3" | "surfaceL4" | "surfaceL5" | "surfaceL6" | "overlay50" | "overlay50Inverse") | undefined;
482
+ } | undefined;
483
+ borderTopColor?: ("transparent" | "contentPrimary" | "contentSecondary" | "contentTertiary" | "contentQuaternary" | "contentDefaultWhite" | "contentPrimaryInverse" | "contentSecondaryInverse" | "contentTertiaryInverse" | "contentDisabled" | "contentBrand" | "contentSecondaryBrand" | "contentLink" | "contentLinkHover" | "contentLinkPressed" | "contentInfo" | "contentInfoBold" | "contentNotice" | "contentNoticeBold" | "contentNegative" | "contentNegativeBold" | "contentPositive" | "contentPositiveBold" | "contentAttention" | "contentActive" | "backgroundPrimary" | "backgroundSecondary" | "backgroundHover" | "backgroundPressed" | "backgroundSelected" | "backgroundSecondarySelected" | "backgroundDisabled" | "backgroundBrand" | "backgroundBrandHover" | "backgroundBrandPressed" | "backgroundSecondaryBrand" | "backgroundSecondaryBrandHover" | "backgroundSecondaryBrandPressed" | "backgroundInfo" | "backgroundInfoSubtle" | "backgroundNotice" | "backgroundNoticeSubtle" | "backgroundNegative" | "backgroundNegativeHover" | "backgroundNegativePressed" | "backgroundNegativeSubtle" | "backgroundPositive" | "backgroundPositiveSubtle" | "backgroundInverse" | "backgroundInverseHover" | "backgroundAttention" | "backgroundActive" | "backgroundSecondaryBrandSubtle" | "borderPrimary" | "borderSecondary" | "borderTertiary" | "borderQuaternary" | "borderDisabled" | "borderBrand" | "borderSecondaryBrand" | "borderInverse" | "borderFocus" | "borderInfo" | "borderNotice" | "borderNegative" | "borderPositive" | "borderMono" | "borderAttention" | "borderActive" | "surfaceL0" | "surfaceL1" | "surfaceL2" | "surfaceL3" | "surfaceL4" | "surfaceL5" | "surfaceL6" | "overlay50" | "overlay50Inverse") | {
484
+ default?: ("transparent" | "contentPrimary" | "contentSecondary" | "contentTertiary" | "contentQuaternary" | "contentDefaultWhite" | "contentPrimaryInverse" | "contentSecondaryInverse" | "contentTertiaryInverse" | "contentDisabled" | "contentBrand" | "contentSecondaryBrand" | "contentLink" | "contentLinkHover" | "contentLinkPressed" | "contentInfo" | "contentInfoBold" | "contentNotice" | "contentNoticeBold" | "contentNegative" | "contentNegativeBold" | "contentPositive" | "contentPositiveBold" | "contentAttention" | "contentActive" | "backgroundPrimary" | "backgroundSecondary" | "backgroundHover" | "backgroundPressed" | "backgroundSelected" | "backgroundSecondarySelected" | "backgroundDisabled" | "backgroundBrand" | "backgroundBrandHover" | "backgroundBrandPressed" | "backgroundSecondaryBrand" | "backgroundSecondaryBrandHover" | "backgroundSecondaryBrandPressed" | "backgroundInfo" | "backgroundInfoSubtle" | "backgroundNotice" | "backgroundNoticeSubtle" | "backgroundNegative" | "backgroundNegativeHover" | "backgroundNegativePressed" | "backgroundNegativeSubtle" | "backgroundPositive" | "backgroundPositiveSubtle" | "backgroundInverse" | "backgroundInverseHover" | "backgroundAttention" | "backgroundActive" | "backgroundSecondaryBrandSubtle" | "borderPrimary" | "borderSecondary" | "borderTertiary" | "borderQuaternary" | "borderDisabled" | "borderBrand" | "borderSecondaryBrand" | "borderInverse" | "borderFocus" | "borderInfo" | "borderNotice" | "borderNegative" | "borderPositive" | "borderMono" | "borderAttention" | "borderActive" | "surfaceL0" | "surfaceL1" | "surfaceL2" | "surfaceL3" | "surfaceL4" | "surfaceL5" | "surfaceL6" | "overlay50" | "overlay50Inverse") | undefined;
485
+ hover?: ("transparent" | "contentPrimary" | "contentSecondary" | "contentTertiary" | "contentQuaternary" | "contentDefaultWhite" | "contentPrimaryInverse" | "contentSecondaryInverse" | "contentTertiaryInverse" | "contentDisabled" | "contentBrand" | "contentSecondaryBrand" | "contentLink" | "contentLinkHover" | "contentLinkPressed" | "contentInfo" | "contentInfoBold" | "contentNotice" | "contentNoticeBold" | "contentNegative" | "contentNegativeBold" | "contentPositive" | "contentPositiveBold" | "contentAttention" | "contentActive" | "backgroundPrimary" | "backgroundSecondary" | "backgroundHover" | "backgroundPressed" | "backgroundSelected" | "backgroundSecondarySelected" | "backgroundDisabled" | "backgroundBrand" | "backgroundBrandHover" | "backgroundBrandPressed" | "backgroundSecondaryBrand" | "backgroundSecondaryBrandHover" | "backgroundSecondaryBrandPressed" | "backgroundInfo" | "backgroundInfoSubtle" | "backgroundNotice" | "backgroundNoticeSubtle" | "backgroundNegative" | "backgroundNegativeHover" | "backgroundNegativePressed" | "backgroundNegativeSubtle" | "backgroundPositive" | "backgroundPositiveSubtle" | "backgroundInverse" | "backgroundInverseHover" | "backgroundAttention" | "backgroundActive" | "backgroundSecondaryBrandSubtle" | "borderPrimary" | "borderSecondary" | "borderTertiary" | "borderQuaternary" | "borderDisabled" | "borderBrand" | "borderSecondaryBrand" | "borderInverse" | "borderFocus" | "borderInfo" | "borderNotice" | "borderNegative" | "borderPositive" | "borderMono" | "borderAttention" | "borderActive" | "surfaceL0" | "surfaceL1" | "surfaceL2" | "surfaceL3" | "surfaceL4" | "surfaceL5" | "surfaceL6" | "overlay50" | "overlay50Inverse") | undefined;
486
+ focus?: ("transparent" | "contentPrimary" | "contentSecondary" | "contentTertiary" | "contentQuaternary" | "contentDefaultWhite" | "contentPrimaryInverse" | "contentSecondaryInverse" | "contentTertiaryInverse" | "contentDisabled" | "contentBrand" | "contentSecondaryBrand" | "contentLink" | "contentLinkHover" | "contentLinkPressed" | "contentInfo" | "contentInfoBold" | "contentNotice" | "contentNoticeBold" | "contentNegative" | "contentNegativeBold" | "contentPositive" | "contentPositiveBold" | "contentAttention" | "contentActive" | "backgroundPrimary" | "backgroundSecondary" | "backgroundHover" | "backgroundPressed" | "backgroundSelected" | "backgroundSecondarySelected" | "backgroundDisabled" | "backgroundBrand" | "backgroundBrandHover" | "backgroundBrandPressed" | "backgroundSecondaryBrand" | "backgroundSecondaryBrandHover" | "backgroundSecondaryBrandPressed" | "backgroundInfo" | "backgroundInfoSubtle" | "backgroundNotice" | "backgroundNoticeSubtle" | "backgroundNegative" | "backgroundNegativeHover" | "backgroundNegativePressed" | "backgroundNegativeSubtle" | "backgroundPositive" | "backgroundPositiveSubtle" | "backgroundInverse" | "backgroundInverseHover" | "backgroundAttention" | "backgroundActive" | "backgroundSecondaryBrandSubtle" | "borderPrimary" | "borderSecondary" | "borderTertiary" | "borderQuaternary" | "borderDisabled" | "borderBrand" | "borderSecondaryBrand" | "borderInverse" | "borderFocus" | "borderInfo" | "borderNotice" | "borderNegative" | "borderPositive" | "borderMono" | "borderAttention" | "borderActive" | "surfaceL0" | "surfaceL1" | "surfaceL2" | "surfaceL3" | "surfaceL4" | "surfaceL5" | "surfaceL6" | "overlay50" | "overlay50Inverse") | undefined;
487
+ } | undefined;
488
+ borderRightColor?: ("transparent" | "contentPrimary" | "contentSecondary" | "contentTertiary" | "contentQuaternary" | "contentDefaultWhite" | "contentPrimaryInverse" | "contentSecondaryInverse" | "contentTertiaryInverse" | "contentDisabled" | "contentBrand" | "contentSecondaryBrand" | "contentLink" | "contentLinkHover" | "contentLinkPressed" | "contentInfo" | "contentInfoBold" | "contentNotice" | "contentNoticeBold" | "contentNegative" | "contentNegativeBold" | "contentPositive" | "contentPositiveBold" | "contentAttention" | "contentActive" | "backgroundPrimary" | "backgroundSecondary" | "backgroundHover" | "backgroundPressed" | "backgroundSelected" | "backgroundSecondarySelected" | "backgroundDisabled" | "backgroundBrand" | "backgroundBrandHover" | "backgroundBrandPressed" | "backgroundSecondaryBrand" | "backgroundSecondaryBrandHover" | "backgroundSecondaryBrandPressed" | "backgroundInfo" | "backgroundInfoSubtle" | "backgroundNotice" | "backgroundNoticeSubtle" | "backgroundNegative" | "backgroundNegativeHover" | "backgroundNegativePressed" | "backgroundNegativeSubtle" | "backgroundPositive" | "backgroundPositiveSubtle" | "backgroundInverse" | "backgroundInverseHover" | "backgroundAttention" | "backgroundActive" | "backgroundSecondaryBrandSubtle" | "borderPrimary" | "borderSecondary" | "borderTertiary" | "borderQuaternary" | "borderDisabled" | "borderBrand" | "borderSecondaryBrand" | "borderInverse" | "borderFocus" | "borderInfo" | "borderNotice" | "borderNegative" | "borderPositive" | "borderMono" | "borderAttention" | "borderActive" | "surfaceL0" | "surfaceL1" | "surfaceL2" | "surfaceL3" | "surfaceL4" | "surfaceL5" | "surfaceL6" | "overlay50" | "overlay50Inverse") | {
489
+ default?: ("transparent" | "contentPrimary" | "contentSecondary" | "contentTertiary" | "contentQuaternary" | "contentDefaultWhite" | "contentPrimaryInverse" | "contentSecondaryInverse" | "contentTertiaryInverse" | "contentDisabled" | "contentBrand" | "contentSecondaryBrand" | "contentLink" | "contentLinkHover" | "contentLinkPressed" | "contentInfo" | "contentInfoBold" | "contentNotice" | "contentNoticeBold" | "contentNegative" | "contentNegativeBold" | "contentPositive" | "contentPositiveBold" | "contentAttention" | "contentActive" | "backgroundPrimary" | "backgroundSecondary" | "backgroundHover" | "backgroundPressed" | "backgroundSelected" | "backgroundSecondarySelected" | "backgroundDisabled" | "backgroundBrand" | "backgroundBrandHover" | "backgroundBrandPressed" | "backgroundSecondaryBrand" | "backgroundSecondaryBrandHover" | "backgroundSecondaryBrandPressed" | "backgroundInfo" | "backgroundInfoSubtle" | "backgroundNotice" | "backgroundNoticeSubtle" | "backgroundNegative" | "backgroundNegativeHover" | "backgroundNegativePressed" | "backgroundNegativeSubtle" | "backgroundPositive" | "backgroundPositiveSubtle" | "backgroundInverse" | "backgroundInverseHover" | "backgroundAttention" | "backgroundActive" | "backgroundSecondaryBrandSubtle" | "borderPrimary" | "borderSecondary" | "borderTertiary" | "borderQuaternary" | "borderDisabled" | "borderBrand" | "borderSecondaryBrand" | "borderInverse" | "borderFocus" | "borderInfo" | "borderNotice" | "borderNegative" | "borderPositive" | "borderMono" | "borderAttention" | "borderActive" | "surfaceL0" | "surfaceL1" | "surfaceL2" | "surfaceL3" | "surfaceL4" | "surfaceL5" | "surfaceL6" | "overlay50" | "overlay50Inverse") | undefined;
490
+ hover?: ("transparent" | "contentPrimary" | "contentSecondary" | "contentTertiary" | "contentQuaternary" | "contentDefaultWhite" | "contentPrimaryInverse" | "contentSecondaryInverse" | "contentTertiaryInverse" | "contentDisabled" | "contentBrand" | "contentSecondaryBrand" | "contentLink" | "contentLinkHover" | "contentLinkPressed" | "contentInfo" | "contentInfoBold" | "contentNotice" | "contentNoticeBold" | "contentNegative" | "contentNegativeBold" | "contentPositive" | "contentPositiveBold" | "contentAttention" | "contentActive" | "backgroundPrimary" | "backgroundSecondary" | "backgroundHover" | "backgroundPressed" | "backgroundSelected" | "backgroundSecondarySelected" | "backgroundDisabled" | "backgroundBrand" | "backgroundBrandHover" | "backgroundBrandPressed" | "backgroundSecondaryBrand" | "backgroundSecondaryBrandHover" | "backgroundSecondaryBrandPressed" | "backgroundInfo" | "backgroundInfoSubtle" | "backgroundNotice" | "backgroundNoticeSubtle" | "backgroundNegative" | "backgroundNegativeHover" | "backgroundNegativePressed" | "backgroundNegativeSubtle" | "backgroundPositive" | "backgroundPositiveSubtle" | "backgroundInverse" | "backgroundInverseHover" | "backgroundAttention" | "backgroundActive" | "backgroundSecondaryBrandSubtle" | "borderPrimary" | "borderSecondary" | "borderTertiary" | "borderQuaternary" | "borderDisabled" | "borderBrand" | "borderSecondaryBrand" | "borderInverse" | "borderFocus" | "borderInfo" | "borderNotice" | "borderNegative" | "borderPositive" | "borderMono" | "borderAttention" | "borderActive" | "surfaceL0" | "surfaceL1" | "surfaceL2" | "surfaceL3" | "surfaceL4" | "surfaceL5" | "surfaceL6" | "overlay50" | "overlay50Inverse") | undefined;
491
+ focus?: ("transparent" | "contentPrimary" | "contentSecondary" | "contentTertiary" | "contentQuaternary" | "contentDefaultWhite" | "contentPrimaryInverse" | "contentSecondaryInverse" | "contentTertiaryInverse" | "contentDisabled" | "contentBrand" | "contentSecondaryBrand" | "contentLink" | "contentLinkHover" | "contentLinkPressed" | "contentInfo" | "contentInfoBold" | "contentNotice" | "contentNoticeBold" | "contentNegative" | "contentNegativeBold" | "contentPositive" | "contentPositiveBold" | "contentAttention" | "contentActive" | "backgroundPrimary" | "backgroundSecondary" | "backgroundHover" | "backgroundPressed" | "backgroundSelected" | "backgroundSecondarySelected" | "backgroundDisabled" | "backgroundBrand" | "backgroundBrandHover" | "backgroundBrandPressed" | "backgroundSecondaryBrand" | "backgroundSecondaryBrandHover" | "backgroundSecondaryBrandPressed" | "backgroundInfo" | "backgroundInfoSubtle" | "backgroundNotice" | "backgroundNoticeSubtle" | "backgroundNegative" | "backgroundNegativeHover" | "backgroundNegativePressed" | "backgroundNegativeSubtle" | "backgroundPositive" | "backgroundPositiveSubtle" | "backgroundInverse" | "backgroundInverseHover" | "backgroundAttention" | "backgroundActive" | "backgroundSecondaryBrandSubtle" | "borderPrimary" | "borderSecondary" | "borderTertiary" | "borderQuaternary" | "borderDisabled" | "borderBrand" | "borderSecondaryBrand" | "borderInverse" | "borderFocus" | "borderInfo" | "borderNotice" | "borderNegative" | "borderPositive" | "borderMono" | "borderAttention" | "borderActive" | "surfaceL0" | "surfaceL1" | "surfaceL2" | "surfaceL3" | "surfaceL4" | "surfaceL5" | "surfaceL6" | "overlay50" | "overlay50Inverse") | undefined;
492
+ } | undefined;
493
+ borderBottomColor?: ("transparent" | "contentPrimary" | "contentSecondary" | "contentTertiary" | "contentQuaternary" | "contentDefaultWhite" | "contentPrimaryInverse" | "contentSecondaryInverse" | "contentTertiaryInverse" | "contentDisabled" | "contentBrand" | "contentSecondaryBrand" | "contentLink" | "contentLinkHover" | "contentLinkPressed" | "contentInfo" | "contentInfoBold" | "contentNotice" | "contentNoticeBold" | "contentNegative" | "contentNegativeBold" | "contentPositive" | "contentPositiveBold" | "contentAttention" | "contentActive" | "backgroundPrimary" | "backgroundSecondary" | "backgroundHover" | "backgroundPressed" | "backgroundSelected" | "backgroundSecondarySelected" | "backgroundDisabled" | "backgroundBrand" | "backgroundBrandHover" | "backgroundBrandPressed" | "backgroundSecondaryBrand" | "backgroundSecondaryBrandHover" | "backgroundSecondaryBrandPressed" | "backgroundInfo" | "backgroundInfoSubtle" | "backgroundNotice" | "backgroundNoticeSubtle" | "backgroundNegative" | "backgroundNegativeHover" | "backgroundNegativePressed" | "backgroundNegativeSubtle" | "backgroundPositive" | "backgroundPositiveSubtle" | "backgroundInverse" | "backgroundInverseHover" | "backgroundAttention" | "backgroundActive" | "backgroundSecondaryBrandSubtle" | "borderPrimary" | "borderSecondary" | "borderTertiary" | "borderQuaternary" | "borderDisabled" | "borderBrand" | "borderSecondaryBrand" | "borderInverse" | "borderFocus" | "borderInfo" | "borderNotice" | "borderNegative" | "borderPositive" | "borderMono" | "borderAttention" | "borderActive" | "surfaceL0" | "surfaceL1" | "surfaceL2" | "surfaceL3" | "surfaceL4" | "surfaceL5" | "surfaceL6" | "overlay50" | "overlay50Inverse") | {
494
+ default?: ("transparent" | "contentPrimary" | "contentSecondary" | "contentTertiary" | "contentQuaternary" | "contentDefaultWhite" | "contentPrimaryInverse" | "contentSecondaryInverse" | "contentTertiaryInverse" | "contentDisabled" | "contentBrand" | "contentSecondaryBrand" | "contentLink" | "contentLinkHover" | "contentLinkPressed" | "contentInfo" | "contentInfoBold" | "contentNotice" | "contentNoticeBold" | "contentNegative" | "contentNegativeBold" | "contentPositive" | "contentPositiveBold" | "contentAttention" | "contentActive" | "backgroundPrimary" | "backgroundSecondary" | "backgroundHover" | "backgroundPressed" | "backgroundSelected" | "backgroundSecondarySelected" | "backgroundDisabled" | "backgroundBrand" | "backgroundBrandHover" | "backgroundBrandPressed" | "backgroundSecondaryBrand" | "backgroundSecondaryBrandHover" | "backgroundSecondaryBrandPressed" | "backgroundInfo" | "backgroundInfoSubtle" | "backgroundNotice" | "backgroundNoticeSubtle" | "backgroundNegative" | "backgroundNegativeHover" | "backgroundNegativePressed" | "backgroundNegativeSubtle" | "backgroundPositive" | "backgroundPositiveSubtle" | "backgroundInverse" | "backgroundInverseHover" | "backgroundAttention" | "backgroundActive" | "backgroundSecondaryBrandSubtle" | "borderPrimary" | "borderSecondary" | "borderTertiary" | "borderQuaternary" | "borderDisabled" | "borderBrand" | "borderSecondaryBrand" | "borderInverse" | "borderFocus" | "borderInfo" | "borderNotice" | "borderNegative" | "borderPositive" | "borderMono" | "borderAttention" | "borderActive" | "surfaceL0" | "surfaceL1" | "surfaceL2" | "surfaceL3" | "surfaceL4" | "surfaceL5" | "surfaceL6" | "overlay50" | "overlay50Inverse") | undefined;
495
+ hover?: ("transparent" | "contentPrimary" | "contentSecondary" | "contentTertiary" | "contentQuaternary" | "contentDefaultWhite" | "contentPrimaryInverse" | "contentSecondaryInverse" | "contentTertiaryInverse" | "contentDisabled" | "contentBrand" | "contentSecondaryBrand" | "contentLink" | "contentLinkHover" | "contentLinkPressed" | "contentInfo" | "contentInfoBold" | "contentNotice" | "contentNoticeBold" | "contentNegative" | "contentNegativeBold" | "contentPositive" | "contentPositiveBold" | "contentAttention" | "contentActive" | "backgroundPrimary" | "backgroundSecondary" | "backgroundHover" | "backgroundPressed" | "backgroundSelected" | "backgroundSecondarySelected" | "backgroundDisabled" | "backgroundBrand" | "backgroundBrandHover" | "backgroundBrandPressed" | "backgroundSecondaryBrand" | "backgroundSecondaryBrandHover" | "backgroundSecondaryBrandPressed" | "backgroundInfo" | "backgroundInfoSubtle" | "backgroundNotice" | "backgroundNoticeSubtle" | "backgroundNegative" | "backgroundNegativeHover" | "backgroundNegativePressed" | "backgroundNegativeSubtle" | "backgroundPositive" | "backgroundPositiveSubtle" | "backgroundInverse" | "backgroundInverseHover" | "backgroundAttention" | "backgroundActive" | "backgroundSecondaryBrandSubtle" | "borderPrimary" | "borderSecondary" | "borderTertiary" | "borderQuaternary" | "borderDisabled" | "borderBrand" | "borderSecondaryBrand" | "borderInverse" | "borderFocus" | "borderInfo" | "borderNotice" | "borderNegative" | "borderPositive" | "borderMono" | "borderAttention" | "borderActive" | "surfaceL0" | "surfaceL1" | "surfaceL2" | "surfaceL3" | "surfaceL4" | "surfaceL5" | "surfaceL6" | "overlay50" | "overlay50Inverse") | undefined;
496
+ focus?: ("transparent" | "contentPrimary" | "contentSecondary" | "contentTertiary" | "contentQuaternary" | "contentDefaultWhite" | "contentPrimaryInverse" | "contentSecondaryInverse" | "contentTertiaryInverse" | "contentDisabled" | "contentBrand" | "contentSecondaryBrand" | "contentLink" | "contentLinkHover" | "contentLinkPressed" | "contentInfo" | "contentInfoBold" | "contentNotice" | "contentNoticeBold" | "contentNegative" | "contentNegativeBold" | "contentPositive" | "contentPositiveBold" | "contentAttention" | "contentActive" | "backgroundPrimary" | "backgroundSecondary" | "backgroundHover" | "backgroundPressed" | "backgroundSelected" | "backgroundSecondarySelected" | "backgroundDisabled" | "backgroundBrand" | "backgroundBrandHover" | "backgroundBrandPressed" | "backgroundSecondaryBrand" | "backgroundSecondaryBrandHover" | "backgroundSecondaryBrandPressed" | "backgroundInfo" | "backgroundInfoSubtle" | "backgroundNotice" | "backgroundNoticeSubtle" | "backgroundNegative" | "backgroundNegativeHover" | "backgroundNegativePressed" | "backgroundNegativeSubtle" | "backgroundPositive" | "backgroundPositiveSubtle" | "backgroundInverse" | "backgroundInverseHover" | "backgroundAttention" | "backgroundActive" | "backgroundSecondaryBrandSubtle" | "borderPrimary" | "borderSecondary" | "borderTertiary" | "borderQuaternary" | "borderDisabled" | "borderBrand" | "borderSecondaryBrand" | "borderInverse" | "borderFocus" | "borderInfo" | "borderNotice" | "borderNegative" | "borderPositive" | "borderMono" | "borderAttention" | "borderActive" | "surfaceL0" | "surfaceL1" | "surfaceL2" | "surfaceL3" | "surfaceL4" | "surfaceL5" | "surfaceL6" | "overlay50" | "overlay50Inverse") | undefined;
497
+ } | undefined;
498
+ borderLeftColor?: ("transparent" | "contentPrimary" | "contentSecondary" | "contentTertiary" | "contentQuaternary" | "contentDefaultWhite" | "contentPrimaryInverse" | "contentSecondaryInverse" | "contentTertiaryInverse" | "contentDisabled" | "contentBrand" | "contentSecondaryBrand" | "contentLink" | "contentLinkHover" | "contentLinkPressed" | "contentInfo" | "contentInfoBold" | "contentNotice" | "contentNoticeBold" | "contentNegative" | "contentNegativeBold" | "contentPositive" | "contentPositiveBold" | "contentAttention" | "contentActive" | "backgroundPrimary" | "backgroundSecondary" | "backgroundHover" | "backgroundPressed" | "backgroundSelected" | "backgroundSecondarySelected" | "backgroundDisabled" | "backgroundBrand" | "backgroundBrandHover" | "backgroundBrandPressed" | "backgroundSecondaryBrand" | "backgroundSecondaryBrandHover" | "backgroundSecondaryBrandPressed" | "backgroundInfo" | "backgroundInfoSubtle" | "backgroundNotice" | "backgroundNoticeSubtle" | "backgroundNegative" | "backgroundNegativeHover" | "backgroundNegativePressed" | "backgroundNegativeSubtle" | "backgroundPositive" | "backgroundPositiveSubtle" | "backgroundInverse" | "backgroundInverseHover" | "backgroundAttention" | "backgroundActive" | "backgroundSecondaryBrandSubtle" | "borderPrimary" | "borderSecondary" | "borderTertiary" | "borderQuaternary" | "borderDisabled" | "borderBrand" | "borderSecondaryBrand" | "borderInverse" | "borderFocus" | "borderInfo" | "borderNotice" | "borderNegative" | "borderPositive" | "borderMono" | "borderAttention" | "borderActive" | "surfaceL0" | "surfaceL1" | "surfaceL2" | "surfaceL3" | "surfaceL4" | "surfaceL5" | "surfaceL6" | "overlay50" | "overlay50Inverse") | {
499
+ default?: ("transparent" | "contentPrimary" | "contentSecondary" | "contentTertiary" | "contentQuaternary" | "contentDefaultWhite" | "contentPrimaryInverse" | "contentSecondaryInverse" | "contentTertiaryInverse" | "contentDisabled" | "contentBrand" | "contentSecondaryBrand" | "contentLink" | "contentLinkHover" | "contentLinkPressed" | "contentInfo" | "contentInfoBold" | "contentNotice" | "contentNoticeBold" | "contentNegative" | "contentNegativeBold" | "contentPositive" | "contentPositiveBold" | "contentAttention" | "contentActive" | "backgroundPrimary" | "backgroundSecondary" | "backgroundHover" | "backgroundPressed" | "backgroundSelected" | "backgroundSecondarySelected" | "backgroundDisabled" | "backgroundBrand" | "backgroundBrandHover" | "backgroundBrandPressed" | "backgroundSecondaryBrand" | "backgroundSecondaryBrandHover" | "backgroundSecondaryBrandPressed" | "backgroundInfo" | "backgroundInfoSubtle" | "backgroundNotice" | "backgroundNoticeSubtle" | "backgroundNegative" | "backgroundNegativeHover" | "backgroundNegativePressed" | "backgroundNegativeSubtle" | "backgroundPositive" | "backgroundPositiveSubtle" | "backgroundInverse" | "backgroundInverseHover" | "backgroundAttention" | "backgroundActive" | "backgroundSecondaryBrandSubtle" | "borderPrimary" | "borderSecondary" | "borderTertiary" | "borderQuaternary" | "borderDisabled" | "borderBrand" | "borderSecondaryBrand" | "borderInverse" | "borderFocus" | "borderInfo" | "borderNotice" | "borderNegative" | "borderPositive" | "borderMono" | "borderAttention" | "borderActive" | "surfaceL0" | "surfaceL1" | "surfaceL2" | "surfaceL3" | "surfaceL4" | "surfaceL5" | "surfaceL6" | "overlay50" | "overlay50Inverse") | undefined;
500
+ hover?: ("transparent" | "contentPrimary" | "contentSecondary" | "contentTertiary" | "contentQuaternary" | "contentDefaultWhite" | "contentPrimaryInverse" | "contentSecondaryInverse" | "contentTertiaryInverse" | "contentDisabled" | "contentBrand" | "contentSecondaryBrand" | "contentLink" | "contentLinkHover" | "contentLinkPressed" | "contentInfo" | "contentInfoBold" | "contentNotice" | "contentNoticeBold" | "contentNegative" | "contentNegativeBold" | "contentPositive" | "contentPositiveBold" | "contentAttention" | "contentActive" | "backgroundPrimary" | "backgroundSecondary" | "backgroundHover" | "backgroundPressed" | "backgroundSelected" | "backgroundSecondarySelected" | "backgroundDisabled" | "backgroundBrand" | "backgroundBrandHover" | "backgroundBrandPressed" | "backgroundSecondaryBrand" | "backgroundSecondaryBrandHover" | "backgroundSecondaryBrandPressed" | "backgroundInfo" | "backgroundInfoSubtle" | "backgroundNotice" | "backgroundNoticeSubtle" | "backgroundNegative" | "backgroundNegativeHover" | "backgroundNegativePressed" | "backgroundNegativeSubtle" | "backgroundPositive" | "backgroundPositiveSubtle" | "backgroundInverse" | "backgroundInverseHover" | "backgroundAttention" | "backgroundActive" | "backgroundSecondaryBrandSubtle" | "borderPrimary" | "borderSecondary" | "borderTertiary" | "borderQuaternary" | "borderDisabled" | "borderBrand" | "borderSecondaryBrand" | "borderInverse" | "borderFocus" | "borderInfo" | "borderNotice" | "borderNegative" | "borderPositive" | "borderMono" | "borderAttention" | "borderActive" | "surfaceL0" | "surfaceL1" | "surfaceL2" | "surfaceL3" | "surfaceL4" | "surfaceL5" | "surfaceL6" | "overlay50" | "overlay50Inverse") | undefined;
501
+ focus?: ("transparent" | "contentPrimary" | "contentSecondary" | "contentTertiary" | "contentQuaternary" | "contentDefaultWhite" | "contentPrimaryInverse" | "contentSecondaryInverse" | "contentTertiaryInverse" | "contentDisabled" | "contentBrand" | "contentSecondaryBrand" | "contentLink" | "contentLinkHover" | "contentLinkPressed" | "contentInfo" | "contentInfoBold" | "contentNotice" | "contentNoticeBold" | "contentNegative" | "contentNegativeBold" | "contentPositive" | "contentPositiveBold" | "contentAttention" | "contentActive" | "backgroundPrimary" | "backgroundSecondary" | "backgroundHover" | "backgroundPressed" | "backgroundSelected" | "backgroundSecondarySelected" | "backgroundDisabled" | "backgroundBrand" | "backgroundBrandHover" | "backgroundBrandPressed" | "backgroundSecondaryBrand" | "backgroundSecondaryBrandHover" | "backgroundSecondaryBrandPressed" | "backgroundInfo" | "backgroundInfoSubtle" | "backgroundNotice" | "backgroundNoticeSubtle" | "backgroundNegative" | "backgroundNegativeHover" | "backgroundNegativePressed" | "backgroundNegativeSubtle" | "backgroundPositive" | "backgroundPositiveSubtle" | "backgroundInverse" | "backgroundInverseHover" | "backgroundAttention" | "backgroundActive" | "backgroundSecondaryBrandSubtle" | "borderPrimary" | "borderSecondary" | "borderTertiary" | "borderQuaternary" | "borderDisabled" | "borderBrand" | "borderSecondaryBrand" | "borderInverse" | "borderFocus" | "borderInfo" | "borderNotice" | "borderNegative" | "borderPositive" | "borderMono" | "borderAttention" | "borderActive" | "surfaceL0" | "surfaceL1" | "surfaceL2" | "surfaceL3" | "surfaceL4" | "surfaceL5" | "surfaceL6" | "overlay50" | "overlay50Inverse") | undefined;
503
502
  } | undefined;
504
503
  borderTopWidth?: "s" | "none" | "xs" | "xl" | "m" | "l" | {
505
504
  default?: "s" | "none" | "xs" | "xl" | "m" | "l" | undefined;
@@ -638,29 +637,29 @@ declare const borderStyles: ((props: {
638
637
  type TBorderPropertyTypes = Parameters<typeof borderStyles>[0];
639
638
 
640
639
  declare const colorStyles: ((props: {
641
- color?: "transparent" | "contentPrimary" | "contentSecondary" | "contentTertiary" | "contentQuaternary" | "contentDefaultWhite" | "contentPrimaryInverse" | "contentSecondaryInverse" | "contentTertiaryInverse" | "contentDisabled" | "contentBrand" | "contentSecondaryBrand" | "contentLink" | "contentLinkHover" | "contentLinkPressed" | "contentInfo" | "contentInfoBold" | "contentNotice" | "contentNoticeBold" | "contentNegative" | "contentNegativeBold" | "contentPositive" | "contentPositiveBold" | "contentAttention" | "contentActive" | "backgroundPrimary" | "backgroundSecondary" | "backgroundHover" | "backgroundPressed" | "backgroundSelected" | "backgroundSecondarySelected" | "backgroundDisabled" | "backgroundBrand" | "backgroundBrandHover" | "backgroundBrandPressed" | "backgroundSecondaryBrand" | "backgroundSecondaryBrandHover" | "backgroundSecondaryBrandPressed" | "backgroundInfo" | "backgroundInfoSubtle" | "backgroundNotice" | "backgroundNoticeSubtle" | "backgroundNegative" | "backgroundNegativeHover" | "backgroundNegativePressed" | "backgroundNegativeSubtle" | "backgroundPositive" | "backgroundPositiveSubtle" | "backgroundInverse" | "backgroundInverseHover" | "backgroundAttention" | "backgroundActive" | "backgroundSecondaryBrandSubtle" | "borderPrimary" | "borderSecondary" | "borderTertiary" | "borderQuaternary" | "borderDisabled" | "borderBrand" | "borderSecondaryBrand" | "borderInverse" | "borderFocus" | "borderInfo" | "borderNotice" | "borderNegative" | "borderPositive" | "borderMono" | "borderAttention" | "borderActive" | "surfaceL0" | "surfaceL1" | "surfaceL2" | "surfaceL3" | "surfaceL4" | "surfaceL5" | "surfaceL6" | "overlay50" | "overlay50Inverse" | {
642
- default?: "transparent" | "contentPrimary" | "contentSecondary" | "contentTertiary" | "contentQuaternary" | "contentDefaultWhite" | "contentPrimaryInverse" | "contentSecondaryInverse" | "contentTertiaryInverse" | "contentDisabled" | "contentBrand" | "contentSecondaryBrand" | "contentLink" | "contentLinkHover" | "contentLinkPressed" | "contentInfo" | "contentInfoBold" | "contentNotice" | "contentNoticeBold" | "contentNegative" | "contentNegativeBold" | "contentPositive" | "contentPositiveBold" | "contentAttention" | "contentActive" | "backgroundPrimary" | "backgroundSecondary" | "backgroundHover" | "backgroundPressed" | "backgroundSelected" | "backgroundSecondarySelected" | "backgroundDisabled" | "backgroundBrand" | "backgroundBrandHover" | "backgroundBrandPressed" | "backgroundSecondaryBrand" | "backgroundSecondaryBrandHover" | "backgroundSecondaryBrandPressed" | "backgroundInfo" | "backgroundInfoSubtle" | "backgroundNotice" | "backgroundNoticeSubtle" | "backgroundNegative" | "backgroundNegativeHover" | "backgroundNegativePressed" | "backgroundNegativeSubtle" | "backgroundPositive" | "backgroundPositiveSubtle" | "backgroundInverse" | "backgroundInverseHover" | "backgroundAttention" | "backgroundActive" | "backgroundSecondaryBrandSubtle" | "borderPrimary" | "borderSecondary" | "borderTertiary" | "borderQuaternary" | "borderDisabled" | "borderBrand" | "borderSecondaryBrand" | "borderInverse" | "borderFocus" | "borderInfo" | "borderNotice" | "borderNegative" | "borderPositive" | "borderMono" | "borderAttention" | "borderActive" | "surfaceL0" | "surfaceL1" | "surfaceL2" | "surfaceL3" | "surfaceL4" | "surfaceL5" | "surfaceL6" | "overlay50" | "overlay50Inverse" | undefined;
643
- hover?: "transparent" | "contentPrimary" | "contentSecondary" | "contentTertiary" | "contentQuaternary" | "contentDefaultWhite" | "contentPrimaryInverse" | "contentSecondaryInverse" | "contentTertiaryInverse" | "contentDisabled" | "contentBrand" | "contentSecondaryBrand" | "contentLink" | "contentLinkHover" | "contentLinkPressed" | "contentInfo" | "contentInfoBold" | "contentNotice" | "contentNoticeBold" | "contentNegative" | "contentNegativeBold" | "contentPositive" | "contentPositiveBold" | "contentAttention" | "contentActive" | "backgroundPrimary" | "backgroundSecondary" | "backgroundHover" | "backgroundPressed" | "backgroundSelected" | "backgroundSecondarySelected" | "backgroundDisabled" | "backgroundBrand" | "backgroundBrandHover" | "backgroundBrandPressed" | "backgroundSecondaryBrand" | "backgroundSecondaryBrandHover" | "backgroundSecondaryBrandPressed" | "backgroundInfo" | "backgroundInfoSubtle" | "backgroundNotice" | "backgroundNoticeSubtle" | "backgroundNegative" | "backgroundNegativeHover" | "backgroundNegativePressed" | "backgroundNegativeSubtle" | "backgroundPositive" | "backgroundPositiveSubtle" | "backgroundInverse" | "backgroundInverseHover" | "backgroundAttention" | "backgroundActive" | "backgroundSecondaryBrandSubtle" | "borderPrimary" | "borderSecondary" | "borderTertiary" | "borderQuaternary" | "borderDisabled" | "borderBrand" | "borderSecondaryBrand" | "borderInverse" | "borderFocus" | "borderInfo" | "borderNotice" | "borderNegative" | "borderPositive" | "borderMono" | "borderAttention" | "borderActive" | "surfaceL0" | "surfaceL1" | "surfaceL2" | "surfaceL3" | "surfaceL4" | "surfaceL5" | "surfaceL6" | "overlay50" | "overlay50Inverse" | undefined;
644
- focus?: "transparent" | "contentPrimary" | "contentSecondary" | "contentTertiary" | "contentQuaternary" | "contentDefaultWhite" | "contentPrimaryInverse" | "contentSecondaryInverse" | "contentTertiaryInverse" | "contentDisabled" | "contentBrand" | "contentSecondaryBrand" | "contentLink" | "contentLinkHover" | "contentLinkPressed" | "contentInfo" | "contentInfoBold" | "contentNotice" | "contentNoticeBold" | "contentNegative" | "contentNegativeBold" | "contentPositive" | "contentPositiveBold" | "contentAttention" | "contentActive" | "backgroundPrimary" | "backgroundSecondary" | "backgroundHover" | "backgroundPressed" | "backgroundSelected" | "backgroundSecondarySelected" | "backgroundDisabled" | "backgroundBrand" | "backgroundBrandHover" | "backgroundBrandPressed" | "backgroundSecondaryBrand" | "backgroundSecondaryBrandHover" | "backgroundSecondaryBrandPressed" | "backgroundInfo" | "backgroundInfoSubtle" | "backgroundNotice" | "backgroundNoticeSubtle" | "backgroundNegative" | "backgroundNegativeHover" | "backgroundNegativePressed" | "backgroundNegativeSubtle" | "backgroundPositive" | "backgroundPositiveSubtle" | "backgroundInverse" | "backgroundInverseHover" | "backgroundAttention" | "backgroundActive" | "backgroundSecondaryBrandSubtle" | "borderPrimary" | "borderSecondary" | "borderTertiary" | "borderQuaternary" | "borderDisabled" | "borderBrand" | "borderSecondaryBrand" | "borderInverse" | "borderFocus" | "borderInfo" | "borderNotice" | "borderNegative" | "borderPositive" | "borderMono" | "borderAttention" | "borderActive" | "surfaceL0" | "surfaceL1" | "surfaceL2" | "surfaceL3" | "surfaceL4" | "surfaceL5" | "surfaceL6" | "overlay50" | "overlay50Inverse" | undefined;
640
+ color?: ("transparent" | "contentPrimary" | "contentSecondary" | "contentTertiary" | "contentQuaternary" | "contentDefaultWhite" | "contentPrimaryInverse" | "contentSecondaryInverse" | "contentTertiaryInverse" | "contentDisabled" | "contentBrand" | "contentSecondaryBrand" | "contentLink" | "contentLinkHover" | "contentLinkPressed" | "contentInfo" | "contentInfoBold" | "contentNotice" | "contentNoticeBold" | "contentNegative" | "contentNegativeBold" | "contentPositive" | "contentPositiveBold" | "contentAttention" | "contentActive" | "backgroundPrimary" | "backgroundSecondary" | "backgroundHover" | "backgroundPressed" | "backgroundSelected" | "backgroundSecondarySelected" | "backgroundDisabled" | "backgroundBrand" | "backgroundBrandHover" | "backgroundBrandPressed" | "backgroundSecondaryBrand" | "backgroundSecondaryBrandHover" | "backgroundSecondaryBrandPressed" | "backgroundInfo" | "backgroundInfoSubtle" | "backgroundNotice" | "backgroundNoticeSubtle" | "backgroundNegative" | "backgroundNegativeHover" | "backgroundNegativePressed" | "backgroundNegativeSubtle" | "backgroundPositive" | "backgroundPositiveSubtle" | "backgroundInverse" | "backgroundInverseHover" | "backgroundAttention" | "backgroundActive" | "backgroundSecondaryBrandSubtle" | "borderPrimary" | "borderSecondary" | "borderTertiary" | "borderQuaternary" | "borderDisabled" | "borderBrand" | "borderSecondaryBrand" | "borderInverse" | "borderFocus" | "borderInfo" | "borderNotice" | "borderNegative" | "borderPositive" | "borderMono" | "borderAttention" | "borderActive" | "surfaceL0" | "surfaceL1" | "surfaceL2" | "surfaceL3" | "surfaceL4" | "surfaceL5" | "surfaceL6" | "overlay50" | "overlay50Inverse") | {
641
+ default?: ("transparent" | "contentPrimary" | "contentSecondary" | "contentTertiary" | "contentQuaternary" | "contentDefaultWhite" | "contentPrimaryInverse" | "contentSecondaryInverse" | "contentTertiaryInverse" | "contentDisabled" | "contentBrand" | "contentSecondaryBrand" | "contentLink" | "contentLinkHover" | "contentLinkPressed" | "contentInfo" | "contentInfoBold" | "contentNotice" | "contentNoticeBold" | "contentNegative" | "contentNegativeBold" | "contentPositive" | "contentPositiveBold" | "contentAttention" | "contentActive" | "backgroundPrimary" | "backgroundSecondary" | "backgroundHover" | "backgroundPressed" | "backgroundSelected" | "backgroundSecondarySelected" | "backgroundDisabled" | "backgroundBrand" | "backgroundBrandHover" | "backgroundBrandPressed" | "backgroundSecondaryBrand" | "backgroundSecondaryBrandHover" | "backgroundSecondaryBrandPressed" | "backgroundInfo" | "backgroundInfoSubtle" | "backgroundNotice" | "backgroundNoticeSubtle" | "backgroundNegative" | "backgroundNegativeHover" | "backgroundNegativePressed" | "backgroundNegativeSubtle" | "backgroundPositive" | "backgroundPositiveSubtle" | "backgroundInverse" | "backgroundInverseHover" | "backgroundAttention" | "backgroundActive" | "backgroundSecondaryBrandSubtle" | "borderPrimary" | "borderSecondary" | "borderTertiary" | "borderQuaternary" | "borderDisabled" | "borderBrand" | "borderSecondaryBrand" | "borderInverse" | "borderFocus" | "borderInfo" | "borderNotice" | "borderNegative" | "borderPositive" | "borderMono" | "borderAttention" | "borderActive" | "surfaceL0" | "surfaceL1" | "surfaceL2" | "surfaceL3" | "surfaceL4" | "surfaceL5" | "surfaceL6" | "overlay50" | "overlay50Inverse") | undefined;
642
+ hover?: ("transparent" | "contentPrimary" | "contentSecondary" | "contentTertiary" | "contentQuaternary" | "contentDefaultWhite" | "contentPrimaryInverse" | "contentSecondaryInverse" | "contentTertiaryInverse" | "contentDisabled" | "contentBrand" | "contentSecondaryBrand" | "contentLink" | "contentLinkHover" | "contentLinkPressed" | "contentInfo" | "contentInfoBold" | "contentNotice" | "contentNoticeBold" | "contentNegative" | "contentNegativeBold" | "contentPositive" | "contentPositiveBold" | "contentAttention" | "contentActive" | "backgroundPrimary" | "backgroundSecondary" | "backgroundHover" | "backgroundPressed" | "backgroundSelected" | "backgroundSecondarySelected" | "backgroundDisabled" | "backgroundBrand" | "backgroundBrandHover" | "backgroundBrandPressed" | "backgroundSecondaryBrand" | "backgroundSecondaryBrandHover" | "backgroundSecondaryBrandPressed" | "backgroundInfo" | "backgroundInfoSubtle" | "backgroundNotice" | "backgroundNoticeSubtle" | "backgroundNegative" | "backgroundNegativeHover" | "backgroundNegativePressed" | "backgroundNegativeSubtle" | "backgroundPositive" | "backgroundPositiveSubtle" | "backgroundInverse" | "backgroundInverseHover" | "backgroundAttention" | "backgroundActive" | "backgroundSecondaryBrandSubtle" | "borderPrimary" | "borderSecondary" | "borderTertiary" | "borderQuaternary" | "borderDisabled" | "borderBrand" | "borderSecondaryBrand" | "borderInverse" | "borderFocus" | "borderInfo" | "borderNotice" | "borderNegative" | "borderPositive" | "borderMono" | "borderAttention" | "borderActive" | "surfaceL0" | "surfaceL1" | "surfaceL2" | "surfaceL3" | "surfaceL4" | "surfaceL5" | "surfaceL6" | "overlay50" | "overlay50Inverse") | undefined;
643
+ focus?: ("transparent" | "contentPrimary" | "contentSecondary" | "contentTertiary" | "contentQuaternary" | "contentDefaultWhite" | "contentPrimaryInverse" | "contentSecondaryInverse" | "contentTertiaryInverse" | "contentDisabled" | "contentBrand" | "contentSecondaryBrand" | "contentLink" | "contentLinkHover" | "contentLinkPressed" | "contentInfo" | "contentInfoBold" | "contentNotice" | "contentNoticeBold" | "contentNegative" | "contentNegativeBold" | "contentPositive" | "contentPositiveBold" | "contentAttention" | "contentActive" | "backgroundPrimary" | "backgroundSecondary" | "backgroundHover" | "backgroundPressed" | "backgroundSelected" | "backgroundSecondarySelected" | "backgroundDisabled" | "backgroundBrand" | "backgroundBrandHover" | "backgroundBrandPressed" | "backgroundSecondaryBrand" | "backgroundSecondaryBrandHover" | "backgroundSecondaryBrandPressed" | "backgroundInfo" | "backgroundInfoSubtle" | "backgroundNotice" | "backgroundNoticeSubtle" | "backgroundNegative" | "backgroundNegativeHover" | "backgroundNegativePressed" | "backgroundNegativeSubtle" | "backgroundPositive" | "backgroundPositiveSubtle" | "backgroundInverse" | "backgroundInverseHover" | "backgroundAttention" | "backgroundActive" | "backgroundSecondaryBrandSubtle" | "borderPrimary" | "borderSecondary" | "borderTertiary" | "borderQuaternary" | "borderDisabled" | "borderBrand" | "borderSecondaryBrand" | "borderInverse" | "borderFocus" | "borderInfo" | "borderNotice" | "borderNegative" | "borderPositive" | "borderMono" | "borderAttention" | "borderActive" | "surfaceL0" | "surfaceL1" | "surfaceL2" | "surfaceL3" | "surfaceL4" | "surfaceL5" | "surfaceL6" | "overlay50" | "overlay50Inverse") | undefined;
645
644
  } | undefined;
646
- backgroundColor?: "transparent" | "contentPrimary" | "contentSecondary" | "contentTertiary" | "contentQuaternary" | "contentDefaultWhite" | "contentPrimaryInverse" | "contentSecondaryInverse" | "contentTertiaryInverse" | "contentDisabled" | "contentBrand" | "contentSecondaryBrand" | "contentLink" | "contentLinkHover" | "contentLinkPressed" | "contentInfo" | "contentInfoBold" | "contentNotice" | "contentNoticeBold" | "contentNegative" | "contentNegativeBold" | "contentPositive" | "contentPositiveBold" | "contentAttention" | "contentActive" | "backgroundPrimary" | "backgroundSecondary" | "backgroundHover" | "backgroundPressed" | "backgroundSelected" | "backgroundSecondarySelected" | "backgroundDisabled" | "backgroundBrand" | "backgroundBrandHover" | "backgroundBrandPressed" | "backgroundSecondaryBrand" | "backgroundSecondaryBrandHover" | "backgroundSecondaryBrandPressed" | "backgroundInfo" | "backgroundInfoSubtle" | "backgroundNotice" | "backgroundNoticeSubtle" | "backgroundNegative" | "backgroundNegativeHover" | "backgroundNegativePressed" | "backgroundNegativeSubtle" | "backgroundPositive" | "backgroundPositiveSubtle" | "backgroundInverse" | "backgroundInverseHover" | "backgroundAttention" | "backgroundActive" | "backgroundSecondaryBrandSubtle" | "borderPrimary" | "borderSecondary" | "borderTertiary" | "borderQuaternary" | "borderDisabled" | "borderBrand" | "borderSecondaryBrand" | "borderInverse" | "borderFocus" | "borderInfo" | "borderNotice" | "borderNegative" | "borderPositive" | "borderMono" | "borderAttention" | "borderActive" | "surfaceL0" | "surfaceL1" | "surfaceL2" | "surfaceL3" | "surfaceL4" | "surfaceL5" | "surfaceL6" | "overlay50" | "overlay50Inverse" | {
647
- default?: "transparent" | "contentPrimary" | "contentSecondary" | "contentTertiary" | "contentQuaternary" | "contentDefaultWhite" | "contentPrimaryInverse" | "contentSecondaryInverse" | "contentTertiaryInverse" | "contentDisabled" | "contentBrand" | "contentSecondaryBrand" | "contentLink" | "contentLinkHover" | "contentLinkPressed" | "contentInfo" | "contentInfoBold" | "contentNotice" | "contentNoticeBold" | "contentNegative" | "contentNegativeBold" | "contentPositive" | "contentPositiveBold" | "contentAttention" | "contentActive" | "backgroundPrimary" | "backgroundSecondary" | "backgroundHover" | "backgroundPressed" | "backgroundSelected" | "backgroundSecondarySelected" | "backgroundDisabled" | "backgroundBrand" | "backgroundBrandHover" | "backgroundBrandPressed" | "backgroundSecondaryBrand" | "backgroundSecondaryBrandHover" | "backgroundSecondaryBrandPressed" | "backgroundInfo" | "backgroundInfoSubtle" | "backgroundNotice" | "backgroundNoticeSubtle" | "backgroundNegative" | "backgroundNegativeHover" | "backgroundNegativePressed" | "backgroundNegativeSubtle" | "backgroundPositive" | "backgroundPositiveSubtle" | "backgroundInverse" | "backgroundInverseHover" | "backgroundAttention" | "backgroundActive" | "backgroundSecondaryBrandSubtle" | "borderPrimary" | "borderSecondary" | "borderTertiary" | "borderQuaternary" | "borderDisabled" | "borderBrand" | "borderSecondaryBrand" | "borderInverse" | "borderFocus" | "borderInfo" | "borderNotice" | "borderNegative" | "borderPositive" | "borderMono" | "borderAttention" | "borderActive" | "surfaceL0" | "surfaceL1" | "surfaceL2" | "surfaceL3" | "surfaceL4" | "surfaceL5" | "surfaceL6" | "overlay50" | "overlay50Inverse" | undefined;
648
- hover?: "transparent" | "contentPrimary" | "contentSecondary" | "contentTertiary" | "contentQuaternary" | "contentDefaultWhite" | "contentPrimaryInverse" | "contentSecondaryInverse" | "contentTertiaryInverse" | "contentDisabled" | "contentBrand" | "contentSecondaryBrand" | "contentLink" | "contentLinkHover" | "contentLinkPressed" | "contentInfo" | "contentInfoBold" | "contentNotice" | "contentNoticeBold" | "contentNegative" | "contentNegativeBold" | "contentPositive" | "contentPositiveBold" | "contentAttention" | "contentActive" | "backgroundPrimary" | "backgroundSecondary" | "backgroundHover" | "backgroundPressed" | "backgroundSelected" | "backgroundSecondarySelected" | "backgroundDisabled" | "backgroundBrand" | "backgroundBrandHover" | "backgroundBrandPressed" | "backgroundSecondaryBrand" | "backgroundSecondaryBrandHover" | "backgroundSecondaryBrandPressed" | "backgroundInfo" | "backgroundInfoSubtle" | "backgroundNotice" | "backgroundNoticeSubtle" | "backgroundNegative" | "backgroundNegativeHover" | "backgroundNegativePressed" | "backgroundNegativeSubtle" | "backgroundPositive" | "backgroundPositiveSubtle" | "backgroundInverse" | "backgroundInverseHover" | "backgroundAttention" | "backgroundActive" | "backgroundSecondaryBrandSubtle" | "borderPrimary" | "borderSecondary" | "borderTertiary" | "borderQuaternary" | "borderDisabled" | "borderBrand" | "borderSecondaryBrand" | "borderInverse" | "borderFocus" | "borderInfo" | "borderNotice" | "borderNegative" | "borderPositive" | "borderMono" | "borderAttention" | "borderActive" | "surfaceL0" | "surfaceL1" | "surfaceL2" | "surfaceL3" | "surfaceL4" | "surfaceL5" | "surfaceL6" | "overlay50" | "overlay50Inverse" | undefined;
649
- focus?: "transparent" | "contentPrimary" | "contentSecondary" | "contentTertiary" | "contentQuaternary" | "contentDefaultWhite" | "contentPrimaryInverse" | "contentSecondaryInverse" | "contentTertiaryInverse" | "contentDisabled" | "contentBrand" | "contentSecondaryBrand" | "contentLink" | "contentLinkHover" | "contentLinkPressed" | "contentInfo" | "contentInfoBold" | "contentNotice" | "contentNoticeBold" | "contentNegative" | "contentNegativeBold" | "contentPositive" | "contentPositiveBold" | "contentAttention" | "contentActive" | "backgroundPrimary" | "backgroundSecondary" | "backgroundHover" | "backgroundPressed" | "backgroundSelected" | "backgroundSecondarySelected" | "backgroundDisabled" | "backgroundBrand" | "backgroundBrandHover" | "backgroundBrandPressed" | "backgroundSecondaryBrand" | "backgroundSecondaryBrandHover" | "backgroundSecondaryBrandPressed" | "backgroundInfo" | "backgroundInfoSubtle" | "backgroundNotice" | "backgroundNoticeSubtle" | "backgroundNegative" | "backgroundNegativeHover" | "backgroundNegativePressed" | "backgroundNegativeSubtle" | "backgroundPositive" | "backgroundPositiveSubtle" | "backgroundInverse" | "backgroundInverseHover" | "backgroundAttention" | "backgroundActive" | "backgroundSecondaryBrandSubtle" | "borderPrimary" | "borderSecondary" | "borderTertiary" | "borderQuaternary" | "borderDisabled" | "borderBrand" | "borderSecondaryBrand" | "borderInverse" | "borderFocus" | "borderInfo" | "borderNotice" | "borderNegative" | "borderPositive" | "borderMono" | "borderAttention" | "borderActive" | "surfaceL0" | "surfaceL1" | "surfaceL2" | "surfaceL3" | "surfaceL4" | "surfaceL5" | "surfaceL6" | "overlay50" | "overlay50Inverse" | undefined;
645
+ backgroundColor?: ("transparent" | "contentPrimary" | "contentSecondary" | "contentTertiary" | "contentQuaternary" | "contentDefaultWhite" | "contentPrimaryInverse" | "contentSecondaryInverse" | "contentTertiaryInverse" | "contentDisabled" | "contentBrand" | "contentSecondaryBrand" | "contentLink" | "contentLinkHover" | "contentLinkPressed" | "contentInfo" | "contentInfoBold" | "contentNotice" | "contentNoticeBold" | "contentNegative" | "contentNegativeBold" | "contentPositive" | "contentPositiveBold" | "contentAttention" | "contentActive" | "backgroundPrimary" | "backgroundSecondary" | "backgroundHover" | "backgroundPressed" | "backgroundSelected" | "backgroundSecondarySelected" | "backgroundDisabled" | "backgroundBrand" | "backgroundBrandHover" | "backgroundBrandPressed" | "backgroundSecondaryBrand" | "backgroundSecondaryBrandHover" | "backgroundSecondaryBrandPressed" | "backgroundInfo" | "backgroundInfoSubtle" | "backgroundNotice" | "backgroundNoticeSubtle" | "backgroundNegative" | "backgroundNegativeHover" | "backgroundNegativePressed" | "backgroundNegativeSubtle" | "backgroundPositive" | "backgroundPositiveSubtle" | "backgroundInverse" | "backgroundInverseHover" | "backgroundAttention" | "backgroundActive" | "backgroundSecondaryBrandSubtle" | "borderPrimary" | "borderSecondary" | "borderTertiary" | "borderQuaternary" | "borderDisabled" | "borderBrand" | "borderSecondaryBrand" | "borderInverse" | "borderFocus" | "borderInfo" | "borderNotice" | "borderNegative" | "borderPositive" | "borderMono" | "borderAttention" | "borderActive" | "surfaceL0" | "surfaceL1" | "surfaceL2" | "surfaceL3" | "surfaceL4" | "surfaceL5" | "surfaceL6" | "overlay50" | "overlay50Inverse") | {
646
+ default?: ("transparent" | "contentPrimary" | "contentSecondary" | "contentTertiary" | "contentQuaternary" | "contentDefaultWhite" | "contentPrimaryInverse" | "contentSecondaryInverse" | "contentTertiaryInverse" | "contentDisabled" | "contentBrand" | "contentSecondaryBrand" | "contentLink" | "contentLinkHover" | "contentLinkPressed" | "contentInfo" | "contentInfoBold" | "contentNotice" | "contentNoticeBold" | "contentNegative" | "contentNegativeBold" | "contentPositive" | "contentPositiveBold" | "contentAttention" | "contentActive" | "backgroundPrimary" | "backgroundSecondary" | "backgroundHover" | "backgroundPressed" | "backgroundSelected" | "backgroundSecondarySelected" | "backgroundDisabled" | "backgroundBrand" | "backgroundBrandHover" | "backgroundBrandPressed" | "backgroundSecondaryBrand" | "backgroundSecondaryBrandHover" | "backgroundSecondaryBrandPressed" | "backgroundInfo" | "backgroundInfoSubtle" | "backgroundNotice" | "backgroundNoticeSubtle" | "backgroundNegative" | "backgroundNegativeHover" | "backgroundNegativePressed" | "backgroundNegativeSubtle" | "backgroundPositive" | "backgroundPositiveSubtle" | "backgroundInverse" | "backgroundInverseHover" | "backgroundAttention" | "backgroundActive" | "backgroundSecondaryBrandSubtle" | "borderPrimary" | "borderSecondary" | "borderTertiary" | "borderQuaternary" | "borderDisabled" | "borderBrand" | "borderSecondaryBrand" | "borderInverse" | "borderFocus" | "borderInfo" | "borderNotice" | "borderNegative" | "borderPositive" | "borderMono" | "borderAttention" | "borderActive" | "surfaceL0" | "surfaceL1" | "surfaceL2" | "surfaceL3" | "surfaceL4" | "surfaceL5" | "surfaceL6" | "overlay50" | "overlay50Inverse") | undefined;
647
+ hover?: ("transparent" | "contentPrimary" | "contentSecondary" | "contentTertiary" | "contentQuaternary" | "contentDefaultWhite" | "contentPrimaryInverse" | "contentSecondaryInverse" | "contentTertiaryInverse" | "contentDisabled" | "contentBrand" | "contentSecondaryBrand" | "contentLink" | "contentLinkHover" | "contentLinkPressed" | "contentInfo" | "contentInfoBold" | "contentNotice" | "contentNoticeBold" | "contentNegative" | "contentNegativeBold" | "contentPositive" | "contentPositiveBold" | "contentAttention" | "contentActive" | "backgroundPrimary" | "backgroundSecondary" | "backgroundHover" | "backgroundPressed" | "backgroundSelected" | "backgroundSecondarySelected" | "backgroundDisabled" | "backgroundBrand" | "backgroundBrandHover" | "backgroundBrandPressed" | "backgroundSecondaryBrand" | "backgroundSecondaryBrandHover" | "backgroundSecondaryBrandPressed" | "backgroundInfo" | "backgroundInfoSubtle" | "backgroundNotice" | "backgroundNoticeSubtle" | "backgroundNegative" | "backgroundNegativeHover" | "backgroundNegativePressed" | "backgroundNegativeSubtle" | "backgroundPositive" | "backgroundPositiveSubtle" | "backgroundInverse" | "backgroundInverseHover" | "backgroundAttention" | "backgroundActive" | "backgroundSecondaryBrandSubtle" | "borderPrimary" | "borderSecondary" | "borderTertiary" | "borderQuaternary" | "borderDisabled" | "borderBrand" | "borderSecondaryBrand" | "borderInverse" | "borderFocus" | "borderInfo" | "borderNotice" | "borderNegative" | "borderPositive" | "borderMono" | "borderAttention" | "borderActive" | "surfaceL0" | "surfaceL1" | "surfaceL2" | "surfaceL3" | "surfaceL4" | "surfaceL5" | "surfaceL6" | "overlay50" | "overlay50Inverse") | undefined;
648
+ focus?: ("transparent" | "contentPrimary" | "contentSecondary" | "contentTertiary" | "contentQuaternary" | "contentDefaultWhite" | "contentPrimaryInverse" | "contentSecondaryInverse" | "contentTertiaryInverse" | "contentDisabled" | "contentBrand" | "contentSecondaryBrand" | "contentLink" | "contentLinkHover" | "contentLinkPressed" | "contentInfo" | "contentInfoBold" | "contentNotice" | "contentNoticeBold" | "contentNegative" | "contentNegativeBold" | "contentPositive" | "contentPositiveBold" | "contentAttention" | "contentActive" | "backgroundPrimary" | "backgroundSecondary" | "backgroundHover" | "backgroundPressed" | "backgroundSelected" | "backgroundSecondarySelected" | "backgroundDisabled" | "backgroundBrand" | "backgroundBrandHover" | "backgroundBrandPressed" | "backgroundSecondaryBrand" | "backgroundSecondaryBrandHover" | "backgroundSecondaryBrandPressed" | "backgroundInfo" | "backgroundInfoSubtle" | "backgroundNotice" | "backgroundNoticeSubtle" | "backgroundNegative" | "backgroundNegativeHover" | "backgroundNegativePressed" | "backgroundNegativeSubtle" | "backgroundPositive" | "backgroundPositiveSubtle" | "backgroundInverse" | "backgroundInverseHover" | "backgroundAttention" | "backgroundActive" | "backgroundSecondaryBrandSubtle" | "borderPrimary" | "borderSecondary" | "borderTertiary" | "borderQuaternary" | "borderDisabled" | "borderBrand" | "borderSecondaryBrand" | "borderInverse" | "borderFocus" | "borderInfo" | "borderNotice" | "borderNegative" | "borderPositive" | "borderMono" | "borderAttention" | "borderActive" | "surfaceL0" | "surfaceL1" | "surfaceL2" | "surfaceL3" | "surfaceL4" | "surfaceL5" | "surfaceL6" | "overlay50" | "overlay50Inverse") | undefined;
650
649
  } | undefined;
651
- bgColor?: "transparent" | "contentPrimary" | "contentSecondary" | "contentTertiary" | "contentQuaternary" | "contentDefaultWhite" | "contentPrimaryInverse" | "contentSecondaryInverse" | "contentTertiaryInverse" | "contentDisabled" | "contentBrand" | "contentSecondaryBrand" | "contentLink" | "contentLinkHover" | "contentLinkPressed" | "contentInfo" | "contentInfoBold" | "contentNotice" | "contentNoticeBold" | "contentNegative" | "contentNegativeBold" | "contentPositive" | "contentPositiveBold" | "contentAttention" | "contentActive" | "backgroundPrimary" | "backgroundSecondary" | "backgroundHover" | "backgroundPressed" | "backgroundSelected" | "backgroundSecondarySelected" | "backgroundDisabled" | "backgroundBrand" | "backgroundBrandHover" | "backgroundBrandPressed" | "backgroundSecondaryBrand" | "backgroundSecondaryBrandHover" | "backgroundSecondaryBrandPressed" | "backgroundInfo" | "backgroundInfoSubtle" | "backgroundNotice" | "backgroundNoticeSubtle" | "backgroundNegative" | "backgroundNegativeHover" | "backgroundNegativePressed" | "backgroundNegativeSubtle" | "backgroundPositive" | "backgroundPositiveSubtle" | "backgroundInverse" | "backgroundInverseHover" | "backgroundAttention" | "backgroundActive" | "backgroundSecondaryBrandSubtle" | "borderPrimary" | "borderSecondary" | "borderTertiary" | "borderQuaternary" | "borderDisabled" | "borderBrand" | "borderSecondaryBrand" | "borderInverse" | "borderFocus" | "borderInfo" | "borderNotice" | "borderNegative" | "borderPositive" | "borderMono" | "borderAttention" | "borderActive" | "surfaceL0" | "surfaceL1" | "surfaceL2" | "surfaceL3" | "surfaceL4" | "surfaceL5" | "surfaceL6" | "overlay50" | "overlay50Inverse" | {
652
- default?: "transparent" | "contentPrimary" | "contentSecondary" | "contentTertiary" | "contentQuaternary" | "contentDefaultWhite" | "contentPrimaryInverse" | "contentSecondaryInverse" | "contentTertiaryInverse" | "contentDisabled" | "contentBrand" | "contentSecondaryBrand" | "contentLink" | "contentLinkHover" | "contentLinkPressed" | "contentInfo" | "contentInfoBold" | "contentNotice" | "contentNoticeBold" | "contentNegative" | "contentNegativeBold" | "contentPositive" | "contentPositiveBold" | "contentAttention" | "contentActive" | "backgroundPrimary" | "backgroundSecondary" | "backgroundHover" | "backgroundPressed" | "backgroundSelected" | "backgroundSecondarySelected" | "backgroundDisabled" | "backgroundBrand" | "backgroundBrandHover" | "backgroundBrandPressed" | "backgroundSecondaryBrand" | "backgroundSecondaryBrandHover" | "backgroundSecondaryBrandPressed" | "backgroundInfo" | "backgroundInfoSubtle" | "backgroundNotice" | "backgroundNoticeSubtle" | "backgroundNegative" | "backgroundNegativeHover" | "backgroundNegativePressed" | "backgroundNegativeSubtle" | "backgroundPositive" | "backgroundPositiveSubtle" | "backgroundInverse" | "backgroundInverseHover" | "backgroundAttention" | "backgroundActive" | "backgroundSecondaryBrandSubtle" | "borderPrimary" | "borderSecondary" | "borderTertiary" | "borderQuaternary" | "borderDisabled" | "borderBrand" | "borderSecondaryBrand" | "borderInverse" | "borderFocus" | "borderInfo" | "borderNotice" | "borderNegative" | "borderPositive" | "borderMono" | "borderAttention" | "borderActive" | "surfaceL0" | "surfaceL1" | "surfaceL2" | "surfaceL3" | "surfaceL4" | "surfaceL5" | "surfaceL6" | "overlay50" | "overlay50Inverse" | undefined;
653
- hover?: "transparent" | "contentPrimary" | "contentSecondary" | "contentTertiary" | "contentQuaternary" | "contentDefaultWhite" | "contentPrimaryInverse" | "contentSecondaryInverse" | "contentTertiaryInverse" | "contentDisabled" | "contentBrand" | "contentSecondaryBrand" | "contentLink" | "contentLinkHover" | "contentLinkPressed" | "contentInfo" | "contentInfoBold" | "contentNotice" | "contentNoticeBold" | "contentNegative" | "contentNegativeBold" | "contentPositive" | "contentPositiveBold" | "contentAttention" | "contentActive" | "backgroundPrimary" | "backgroundSecondary" | "backgroundHover" | "backgroundPressed" | "backgroundSelected" | "backgroundSecondarySelected" | "backgroundDisabled" | "backgroundBrand" | "backgroundBrandHover" | "backgroundBrandPressed" | "backgroundSecondaryBrand" | "backgroundSecondaryBrandHover" | "backgroundSecondaryBrandPressed" | "backgroundInfo" | "backgroundInfoSubtle" | "backgroundNotice" | "backgroundNoticeSubtle" | "backgroundNegative" | "backgroundNegativeHover" | "backgroundNegativePressed" | "backgroundNegativeSubtle" | "backgroundPositive" | "backgroundPositiveSubtle" | "backgroundInverse" | "backgroundInverseHover" | "backgroundAttention" | "backgroundActive" | "backgroundSecondaryBrandSubtle" | "borderPrimary" | "borderSecondary" | "borderTertiary" | "borderQuaternary" | "borderDisabled" | "borderBrand" | "borderSecondaryBrand" | "borderInverse" | "borderFocus" | "borderInfo" | "borderNotice" | "borderNegative" | "borderPositive" | "borderMono" | "borderAttention" | "borderActive" | "surfaceL0" | "surfaceL1" | "surfaceL2" | "surfaceL3" | "surfaceL4" | "surfaceL5" | "surfaceL6" | "overlay50" | "overlay50Inverse" | undefined;
654
- focus?: "transparent" | "contentPrimary" | "contentSecondary" | "contentTertiary" | "contentQuaternary" | "contentDefaultWhite" | "contentPrimaryInverse" | "contentSecondaryInverse" | "contentTertiaryInverse" | "contentDisabled" | "contentBrand" | "contentSecondaryBrand" | "contentLink" | "contentLinkHover" | "contentLinkPressed" | "contentInfo" | "contentInfoBold" | "contentNotice" | "contentNoticeBold" | "contentNegative" | "contentNegativeBold" | "contentPositive" | "contentPositiveBold" | "contentAttention" | "contentActive" | "backgroundPrimary" | "backgroundSecondary" | "backgroundHover" | "backgroundPressed" | "backgroundSelected" | "backgroundSecondarySelected" | "backgroundDisabled" | "backgroundBrand" | "backgroundBrandHover" | "backgroundBrandPressed" | "backgroundSecondaryBrand" | "backgroundSecondaryBrandHover" | "backgroundSecondaryBrandPressed" | "backgroundInfo" | "backgroundInfoSubtle" | "backgroundNotice" | "backgroundNoticeSubtle" | "backgroundNegative" | "backgroundNegativeHover" | "backgroundNegativePressed" | "backgroundNegativeSubtle" | "backgroundPositive" | "backgroundPositiveSubtle" | "backgroundInverse" | "backgroundInverseHover" | "backgroundAttention" | "backgroundActive" | "backgroundSecondaryBrandSubtle" | "borderPrimary" | "borderSecondary" | "borderTertiary" | "borderQuaternary" | "borderDisabled" | "borderBrand" | "borderSecondaryBrand" | "borderInverse" | "borderFocus" | "borderInfo" | "borderNotice" | "borderNegative" | "borderPositive" | "borderMono" | "borderAttention" | "borderActive" | "surfaceL0" | "surfaceL1" | "surfaceL2" | "surfaceL3" | "surfaceL4" | "surfaceL5" | "surfaceL6" | "overlay50" | "overlay50Inverse" | undefined;
650
+ bgColor?: ("transparent" | "contentPrimary" | "contentSecondary" | "contentTertiary" | "contentQuaternary" | "contentDefaultWhite" | "contentPrimaryInverse" | "contentSecondaryInverse" | "contentTertiaryInverse" | "contentDisabled" | "contentBrand" | "contentSecondaryBrand" | "contentLink" | "contentLinkHover" | "contentLinkPressed" | "contentInfo" | "contentInfoBold" | "contentNotice" | "contentNoticeBold" | "contentNegative" | "contentNegativeBold" | "contentPositive" | "contentPositiveBold" | "contentAttention" | "contentActive" | "backgroundPrimary" | "backgroundSecondary" | "backgroundHover" | "backgroundPressed" | "backgroundSelected" | "backgroundSecondarySelected" | "backgroundDisabled" | "backgroundBrand" | "backgroundBrandHover" | "backgroundBrandPressed" | "backgroundSecondaryBrand" | "backgroundSecondaryBrandHover" | "backgroundSecondaryBrandPressed" | "backgroundInfo" | "backgroundInfoSubtle" | "backgroundNotice" | "backgroundNoticeSubtle" | "backgroundNegative" | "backgroundNegativeHover" | "backgroundNegativePressed" | "backgroundNegativeSubtle" | "backgroundPositive" | "backgroundPositiveSubtle" | "backgroundInverse" | "backgroundInverseHover" | "backgroundAttention" | "backgroundActive" | "backgroundSecondaryBrandSubtle" | "borderPrimary" | "borderSecondary" | "borderTertiary" | "borderQuaternary" | "borderDisabled" | "borderBrand" | "borderSecondaryBrand" | "borderInverse" | "borderFocus" | "borderInfo" | "borderNotice" | "borderNegative" | "borderPositive" | "borderMono" | "borderAttention" | "borderActive" | "surfaceL0" | "surfaceL1" | "surfaceL2" | "surfaceL3" | "surfaceL4" | "surfaceL5" | "surfaceL6" | "overlay50" | "overlay50Inverse") | {
651
+ default?: ("transparent" | "contentPrimary" | "contentSecondary" | "contentTertiary" | "contentQuaternary" | "contentDefaultWhite" | "contentPrimaryInverse" | "contentSecondaryInverse" | "contentTertiaryInverse" | "contentDisabled" | "contentBrand" | "contentSecondaryBrand" | "contentLink" | "contentLinkHover" | "contentLinkPressed" | "contentInfo" | "contentInfoBold" | "contentNotice" | "contentNoticeBold" | "contentNegative" | "contentNegativeBold" | "contentPositive" | "contentPositiveBold" | "contentAttention" | "contentActive" | "backgroundPrimary" | "backgroundSecondary" | "backgroundHover" | "backgroundPressed" | "backgroundSelected" | "backgroundSecondarySelected" | "backgroundDisabled" | "backgroundBrand" | "backgroundBrandHover" | "backgroundBrandPressed" | "backgroundSecondaryBrand" | "backgroundSecondaryBrandHover" | "backgroundSecondaryBrandPressed" | "backgroundInfo" | "backgroundInfoSubtle" | "backgroundNotice" | "backgroundNoticeSubtle" | "backgroundNegative" | "backgroundNegativeHover" | "backgroundNegativePressed" | "backgroundNegativeSubtle" | "backgroundPositive" | "backgroundPositiveSubtle" | "backgroundInverse" | "backgroundInverseHover" | "backgroundAttention" | "backgroundActive" | "backgroundSecondaryBrandSubtle" | "borderPrimary" | "borderSecondary" | "borderTertiary" | "borderQuaternary" | "borderDisabled" | "borderBrand" | "borderSecondaryBrand" | "borderInverse" | "borderFocus" | "borderInfo" | "borderNotice" | "borderNegative" | "borderPositive" | "borderMono" | "borderAttention" | "borderActive" | "surfaceL0" | "surfaceL1" | "surfaceL2" | "surfaceL3" | "surfaceL4" | "surfaceL5" | "surfaceL6" | "overlay50" | "overlay50Inverse") | undefined;
652
+ hover?: ("transparent" | "contentPrimary" | "contentSecondary" | "contentTertiary" | "contentQuaternary" | "contentDefaultWhite" | "contentPrimaryInverse" | "contentSecondaryInverse" | "contentTertiaryInverse" | "contentDisabled" | "contentBrand" | "contentSecondaryBrand" | "contentLink" | "contentLinkHover" | "contentLinkPressed" | "contentInfo" | "contentInfoBold" | "contentNotice" | "contentNoticeBold" | "contentNegative" | "contentNegativeBold" | "contentPositive" | "contentPositiveBold" | "contentAttention" | "contentActive" | "backgroundPrimary" | "backgroundSecondary" | "backgroundHover" | "backgroundPressed" | "backgroundSelected" | "backgroundSecondarySelected" | "backgroundDisabled" | "backgroundBrand" | "backgroundBrandHover" | "backgroundBrandPressed" | "backgroundSecondaryBrand" | "backgroundSecondaryBrandHover" | "backgroundSecondaryBrandPressed" | "backgroundInfo" | "backgroundInfoSubtle" | "backgroundNotice" | "backgroundNoticeSubtle" | "backgroundNegative" | "backgroundNegativeHover" | "backgroundNegativePressed" | "backgroundNegativeSubtle" | "backgroundPositive" | "backgroundPositiveSubtle" | "backgroundInverse" | "backgroundInverseHover" | "backgroundAttention" | "backgroundActive" | "backgroundSecondaryBrandSubtle" | "borderPrimary" | "borderSecondary" | "borderTertiary" | "borderQuaternary" | "borderDisabled" | "borderBrand" | "borderSecondaryBrand" | "borderInverse" | "borderFocus" | "borderInfo" | "borderNotice" | "borderNegative" | "borderPositive" | "borderMono" | "borderAttention" | "borderActive" | "surfaceL0" | "surfaceL1" | "surfaceL2" | "surfaceL3" | "surfaceL4" | "surfaceL5" | "surfaceL6" | "overlay50" | "overlay50Inverse") | undefined;
653
+ focus?: ("transparent" | "contentPrimary" | "contentSecondary" | "contentTertiary" | "contentQuaternary" | "contentDefaultWhite" | "contentPrimaryInverse" | "contentSecondaryInverse" | "contentTertiaryInverse" | "contentDisabled" | "contentBrand" | "contentSecondaryBrand" | "contentLink" | "contentLinkHover" | "contentLinkPressed" | "contentInfo" | "contentInfoBold" | "contentNotice" | "contentNoticeBold" | "contentNegative" | "contentNegativeBold" | "contentPositive" | "contentPositiveBold" | "contentAttention" | "contentActive" | "backgroundPrimary" | "backgroundSecondary" | "backgroundHover" | "backgroundPressed" | "backgroundSelected" | "backgroundSecondarySelected" | "backgroundDisabled" | "backgroundBrand" | "backgroundBrandHover" | "backgroundBrandPressed" | "backgroundSecondaryBrand" | "backgroundSecondaryBrandHover" | "backgroundSecondaryBrandPressed" | "backgroundInfo" | "backgroundInfoSubtle" | "backgroundNotice" | "backgroundNoticeSubtle" | "backgroundNegative" | "backgroundNegativeHover" | "backgroundNegativePressed" | "backgroundNegativeSubtle" | "backgroundPositive" | "backgroundPositiveSubtle" | "backgroundInverse" | "backgroundInverseHover" | "backgroundAttention" | "backgroundActive" | "backgroundSecondaryBrandSubtle" | "borderPrimary" | "borderSecondary" | "borderTertiary" | "borderQuaternary" | "borderDisabled" | "borderBrand" | "borderSecondaryBrand" | "borderInverse" | "borderFocus" | "borderInfo" | "borderNotice" | "borderNegative" | "borderPositive" | "borderMono" | "borderAttention" | "borderActive" | "surfaceL0" | "surfaceL1" | "surfaceL2" | "surfaceL3" | "surfaceL4" | "surfaceL5" | "surfaceL6" | "overlay50" | "overlay50Inverse") | undefined;
655
654
  } | undefined;
656
655
  }) => string) & {
657
656
  properties: Set<"color" | "backgroundColor" | "bgColor">;
658
657
  };
659
658
  declare const svgColorStyles: ((props: {
660
- color?: "transparent" | "contentPrimary" | "contentSecondary" | "contentTertiary" | "contentQuaternary" | "contentDefaultWhite" | "contentPrimaryInverse" | "contentSecondaryInverse" | "contentTertiaryInverse" | "contentDisabled" | "contentBrand" | "contentSecondaryBrand" | "contentLink" | "contentLinkHover" | "contentLinkPressed" | "contentInfo" | "contentInfoBold" | "contentNotice" | "contentNoticeBold" | "contentNegative" | "contentNegativeBold" | "contentPositive" | "contentPositiveBold" | "contentAttention" | "contentActive" | "backgroundPrimary" | "backgroundSecondary" | "backgroundHover" | "backgroundPressed" | "backgroundSelected" | "backgroundSecondarySelected" | "backgroundDisabled" | "backgroundBrand" | "backgroundBrandHover" | "backgroundBrandPressed" | "backgroundSecondaryBrand" | "backgroundSecondaryBrandHover" | "backgroundSecondaryBrandPressed" | "backgroundInfo" | "backgroundInfoSubtle" | "backgroundNotice" | "backgroundNoticeSubtle" | "backgroundNegative" | "backgroundNegativeHover" | "backgroundNegativePressed" | "backgroundNegativeSubtle" | "backgroundPositive" | "backgroundPositiveSubtle" | "backgroundInverse" | "backgroundInverseHover" | "backgroundAttention" | "backgroundActive" | "backgroundSecondaryBrandSubtle" | "borderPrimary" | "borderSecondary" | "borderTertiary" | "borderQuaternary" | "borderDisabled" | "borderBrand" | "borderSecondaryBrand" | "borderInverse" | "borderFocus" | "borderInfo" | "borderNotice" | "borderNegative" | "borderPositive" | "borderMono" | "borderAttention" | "borderActive" | "surfaceL0" | "surfaceL1" | "surfaceL2" | "surfaceL3" | "surfaceL4" | "surfaceL5" | "surfaceL6" | "overlay50" | "overlay50Inverse" | {
661
- default?: "transparent" | "contentPrimary" | "contentSecondary" | "contentTertiary" | "contentQuaternary" | "contentDefaultWhite" | "contentPrimaryInverse" | "contentSecondaryInverse" | "contentTertiaryInverse" | "contentDisabled" | "contentBrand" | "contentSecondaryBrand" | "contentLink" | "contentLinkHover" | "contentLinkPressed" | "contentInfo" | "contentInfoBold" | "contentNotice" | "contentNoticeBold" | "contentNegative" | "contentNegativeBold" | "contentPositive" | "contentPositiveBold" | "contentAttention" | "contentActive" | "backgroundPrimary" | "backgroundSecondary" | "backgroundHover" | "backgroundPressed" | "backgroundSelected" | "backgroundSecondarySelected" | "backgroundDisabled" | "backgroundBrand" | "backgroundBrandHover" | "backgroundBrandPressed" | "backgroundSecondaryBrand" | "backgroundSecondaryBrandHover" | "backgroundSecondaryBrandPressed" | "backgroundInfo" | "backgroundInfoSubtle" | "backgroundNotice" | "backgroundNoticeSubtle" | "backgroundNegative" | "backgroundNegativeHover" | "backgroundNegativePressed" | "backgroundNegativeSubtle" | "backgroundPositive" | "backgroundPositiveSubtle" | "backgroundInverse" | "backgroundInverseHover" | "backgroundAttention" | "backgroundActive" | "backgroundSecondaryBrandSubtle" | "borderPrimary" | "borderSecondary" | "borderTertiary" | "borderQuaternary" | "borderDisabled" | "borderBrand" | "borderSecondaryBrand" | "borderInverse" | "borderFocus" | "borderInfo" | "borderNotice" | "borderNegative" | "borderPositive" | "borderMono" | "borderAttention" | "borderActive" | "surfaceL0" | "surfaceL1" | "surfaceL2" | "surfaceL3" | "surfaceL4" | "surfaceL5" | "surfaceL6" | "overlay50" | "overlay50Inverse" | undefined;
662
- hover?: "transparent" | "contentPrimary" | "contentSecondary" | "contentTertiary" | "contentQuaternary" | "contentDefaultWhite" | "contentPrimaryInverse" | "contentSecondaryInverse" | "contentTertiaryInverse" | "contentDisabled" | "contentBrand" | "contentSecondaryBrand" | "contentLink" | "contentLinkHover" | "contentLinkPressed" | "contentInfo" | "contentInfoBold" | "contentNotice" | "contentNoticeBold" | "contentNegative" | "contentNegativeBold" | "contentPositive" | "contentPositiveBold" | "contentAttention" | "contentActive" | "backgroundPrimary" | "backgroundSecondary" | "backgroundHover" | "backgroundPressed" | "backgroundSelected" | "backgroundSecondarySelected" | "backgroundDisabled" | "backgroundBrand" | "backgroundBrandHover" | "backgroundBrandPressed" | "backgroundSecondaryBrand" | "backgroundSecondaryBrandHover" | "backgroundSecondaryBrandPressed" | "backgroundInfo" | "backgroundInfoSubtle" | "backgroundNotice" | "backgroundNoticeSubtle" | "backgroundNegative" | "backgroundNegativeHover" | "backgroundNegativePressed" | "backgroundNegativeSubtle" | "backgroundPositive" | "backgroundPositiveSubtle" | "backgroundInverse" | "backgroundInverseHover" | "backgroundAttention" | "backgroundActive" | "backgroundSecondaryBrandSubtle" | "borderPrimary" | "borderSecondary" | "borderTertiary" | "borderQuaternary" | "borderDisabled" | "borderBrand" | "borderSecondaryBrand" | "borderInverse" | "borderFocus" | "borderInfo" | "borderNotice" | "borderNegative" | "borderPositive" | "borderMono" | "borderAttention" | "borderActive" | "surfaceL0" | "surfaceL1" | "surfaceL2" | "surfaceL3" | "surfaceL4" | "surfaceL5" | "surfaceL6" | "overlay50" | "overlay50Inverse" | undefined;
663
- focus?: "transparent" | "contentPrimary" | "contentSecondary" | "contentTertiary" | "contentQuaternary" | "contentDefaultWhite" | "contentPrimaryInverse" | "contentSecondaryInverse" | "contentTertiaryInverse" | "contentDisabled" | "contentBrand" | "contentSecondaryBrand" | "contentLink" | "contentLinkHover" | "contentLinkPressed" | "contentInfo" | "contentInfoBold" | "contentNotice" | "contentNoticeBold" | "contentNegative" | "contentNegativeBold" | "contentPositive" | "contentPositiveBold" | "contentAttention" | "contentActive" | "backgroundPrimary" | "backgroundSecondary" | "backgroundHover" | "backgroundPressed" | "backgroundSelected" | "backgroundSecondarySelected" | "backgroundDisabled" | "backgroundBrand" | "backgroundBrandHover" | "backgroundBrandPressed" | "backgroundSecondaryBrand" | "backgroundSecondaryBrandHover" | "backgroundSecondaryBrandPressed" | "backgroundInfo" | "backgroundInfoSubtle" | "backgroundNotice" | "backgroundNoticeSubtle" | "backgroundNegative" | "backgroundNegativeHover" | "backgroundNegativePressed" | "backgroundNegativeSubtle" | "backgroundPositive" | "backgroundPositiveSubtle" | "backgroundInverse" | "backgroundInverseHover" | "backgroundAttention" | "backgroundActive" | "backgroundSecondaryBrandSubtle" | "borderPrimary" | "borderSecondary" | "borderTertiary" | "borderQuaternary" | "borderDisabled" | "borderBrand" | "borderSecondaryBrand" | "borderInverse" | "borderFocus" | "borderInfo" | "borderNotice" | "borderNegative" | "borderPositive" | "borderMono" | "borderAttention" | "borderActive" | "surfaceL0" | "surfaceL1" | "surfaceL2" | "surfaceL3" | "surfaceL4" | "surfaceL5" | "surfaceL6" | "overlay50" | "overlay50Inverse" | undefined;
659
+ color?: ("transparent" | "contentPrimary" | "contentSecondary" | "contentTertiary" | "contentQuaternary" | "contentDefaultWhite" | "contentPrimaryInverse" | "contentSecondaryInverse" | "contentTertiaryInverse" | "contentDisabled" | "contentBrand" | "contentSecondaryBrand" | "contentLink" | "contentLinkHover" | "contentLinkPressed" | "contentInfo" | "contentInfoBold" | "contentNotice" | "contentNoticeBold" | "contentNegative" | "contentNegativeBold" | "contentPositive" | "contentPositiveBold" | "contentAttention" | "contentActive" | "backgroundPrimary" | "backgroundSecondary" | "backgroundHover" | "backgroundPressed" | "backgroundSelected" | "backgroundSecondarySelected" | "backgroundDisabled" | "backgroundBrand" | "backgroundBrandHover" | "backgroundBrandPressed" | "backgroundSecondaryBrand" | "backgroundSecondaryBrandHover" | "backgroundSecondaryBrandPressed" | "backgroundInfo" | "backgroundInfoSubtle" | "backgroundNotice" | "backgroundNoticeSubtle" | "backgroundNegative" | "backgroundNegativeHover" | "backgroundNegativePressed" | "backgroundNegativeSubtle" | "backgroundPositive" | "backgroundPositiveSubtle" | "backgroundInverse" | "backgroundInverseHover" | "backgroundAttention" | "backgroundActive" | "backgroundSecondaryBrandSubtle" | "borderPrimary" | "borderSecondary" | "borderTertiary" | "borderQuaternary" | "borderDisabled" | "borderBrand" | "borderSecondaryBrand" | "borderInverse" | "borderFocus" | "borderInfo" | "borderNotice" | "borderNegative" | "borderPositive" | "borderMono" | "borderAttention" | "borderActive" | "surfaceL0" | "surfaceL1" | "surfaceL2" | "surfaceL3" | "surfaceL4" | "surfaceL5" | "surfaceL6" | "overlay50" | "overlay50Inverse") | {
660
+ default?: ("transparent" | "contentPrimary" | "contentSecondary" | "contentTertiary" | "contentQuaternary" | "contentDefaultWhite" | "contentPrimaryInverse" | "contentSecondaryInverse" | "contentTertiaryInverse" | "contentDisabled" | "contentBrand" | "contentSecondaryBrand" | "contentLink" | "contentLinkHover" | "contentLinkPressed" | "contentInfo" | "contentInfoBold" | "contentNotice" | "contentNoticeBold" | "contentNegative" | "contentNegativeBold" | "contentPositive" | "contentPositiveBold" | "contentAttention" | "contentActive" | "backgroundPrimary" | "backgroundSecondary" | "backgroundHover" | "backgroundPressed" | "backgroundSelected" | "backgroundSecondarySelected" | "backgroundDisabled" | "backgroundBrand" | "backgroundBrandHover" | "backgroundBrandPressed" | "backgroundSecondaryBrand" | "backgroundSecondaryBrandHover" | "backgroundSecondaryBrandPressed" | "backgroundInfo" | "backgroundInfoSubtle" | "backgroundNotice" | "backgroundNoticeSubtle" | "backgroundNegative" | "backgroundNegativeHover" | "backgroundNegativePressed" | "backgroundNegativeSubtle" | "backgroundPositive" | "backgroundPositiveSubtle" | "backgroundInverse" | "backgroundInverseHover" | "backgroundAttention" | "backgroundActive" | "backgroundSecondaryBrandSubtle" | "borderPrimary" | "borderSecondary" | "borderTertiary" | "borderQuaternary" | "borderDisabled" | "borderBrand" | "borderSecondaryBrand" | "borderInverse" | "borderFocus" | "borderInfo" | "borderNotice" | "borderNegative" | "borderPositive" | "borderMono" | "borderAttention" | "borderActive" | "surfaceL0" | "surfaceL1" | "surfaceL2" | "surfaceL3" | "surfaceL4" | "surfaceL5" | "surfaceL6" | "overlay50" | "overlay50Inverse") | undefined;
661
+ hover?: ("transparent" | "contentPrimary" | "contentSecondary" | "contentTertiary" | "contentQuaternary" | "contentDefaultWhite" | "contentPrimaryInverse" | "contentSecondaryInverse" | "contentTertiaryInverse" | "contentDisabled" | "contentBrand" | "contentSecondaryBrand" | "contentLink" | "contentLinkHover" | "contentLinkPressed" | "contentInfo" | "contentInfoBold" | "contentNotice" | "contentNoticeBold" | "contentNegative" | "contentNegativeBold" | "contentPositive" | "contentPositiveBold" | "contentAttention" | "contentActive" | "backgroundPrimary" | "backgroundSecondary" | "backgroundHover" | "backgroundPressed" | "backgroundSelected" | "backgroundSecondarySelected" | "backgroundDisabled" | "backgroundBrand" | "backgroundBrandHover" | "backgroundBrandPressed" | "backgroundSecondaryBrand" | "backgroundSecondaryBrandHover" | "backgroundSecondaryBrandPressed" | "backgroundInfo" | "backgroundInfoSubtle" | "backgroundNotice" | "backgroundNoticeSubtle" | "backgroundNegative" | "backgroundNegativeHover" | "backgroundNegativePressed" | "backgroundNegativeSubtle" | "backgroundPositive" | "backgroundPositiveSubtle" | "backgroundInverse" | "backgroundInverseHover" | "backgroundAttention" | "backgroundActive" | "backgroundSecondaryBrandSubtle" | "borderPrimary" | "borderSecondary" | "borderTertiary" | "borderQuaternary" | "borderDisabled" | "borderBrand" | "borderSecondaryBrand" | "borderInverse" | "borderFocus" | "borderInfo" | "borderNotice" | "borderNegative" | "borderPositive" | "borderMono" | "borderAttention" | "borderActive" | "surfaceL0" | "surfaceL1" | "surfaceL2" | "surfaceL3" | "surfaceL4" | "surfaceL5" | "surfaceL6" | "overlay50" | "overlay50Inverse") | undefined;
662
+ focus?: ("transparent" | "contentPrimary" | "contentSecondary" | "contentTertiary" | "contentQuaternary" | "contentDefaultWhite" | "contentPrimaryInverse" | "contentSecondaryInverse" | "contentTertiaryInverse" | "contentDisabled" | "contentBrand" | "contentSecondaryBrand" | "contentLink" | "contentLinkHover" | "contentLinkPressed" | "contentInfo" | "contentInfoBold" | "contentNotice" | "contentNoticeBold" | "contentNegative" | "contentNegativeBold" | "contentPositive" | "contentPositiveBold" | "contentAttention" | "contentActive" | "backgroundPrimary" | "backgroundSecondary" | "backgroundHover" | "backgroundPressed" | "backgroundSelected" | "backgroundSecondarySelected" | "backgroundDisabled" | "backgroundBrand" | "backgroundBrandHover" | "backgroundBrandPressed" | "backgroundSecondaryBrand" | "backgroundSecondaryBrandHover" | "backgroundSecondaryBrandPressed" | "backgroundInfo" | "backgroundInfoSubtle" | "backgroundNotice" | "backgroundNoticeSubtle" | "backgroundNegative" | "backgroundNegativeHover" | "backgroundNegativePressed" | "backgroundNegativeSubtle" | "backgroundPositive" | "backgroundPositiveSubtle" | "backgroundInverse" | "backgroundInverseHover" | "backgroundAttention" | "backgroundActive" | "backgroundSecondaryBrandSubtle" | "borderPrimary" | "borderSecondary" | "borderTertiary" | "borderQuaternary" | "borderDisabled" | "borderBrand" | "borderSecondaryBrand" | "borderInverse" | "borderFocus" | "borderInfo" | "borderNotice" | "borderNegative" | "borderPositive" | "borderMono" | "borderAttention" | "borderActive" | "surfaceL0" | "surfaceL1" | "surfaceL2" | "surfaceL3" | "surfaceL4" | "surfaceL5" | "surfaceL6" | "overlay50" | "overlay50Inverse") | undefined;
664
663
  } | undefined;
665
664
  stroke?: "none" | "transparent" | "contentPrimary" | "contentSecondary" | "contentTertiary" | "contentQuaternary" | "contentDefaultWhite" | "contentPrimaryInverse" | "contentSecondaryInverse" | "contentTertiaryInverse" | "contentDisabled" | "contentBrand" | "contentSecondaryBrand" | "contentLink" | "contentLinkHover" | "contentLinkPressed" | "contentInfo" | "contentInfoBold" | "contentNotice" | "contentNoticeBold" | "contentNegative" | "contentNegativeBold" | "contentPositive" | "contentPositiveBold" | "contentAttention" | "contentActive" | "backgroundPrimary" | "backgroundSecondary" | "backgroundHover" | "backgroundPressed" | "backgroundSelected" | "backgroundSecondarySelected" | "backgroundDisabled" | "backgroundBrand" | "backgroundBrandHover" | "backgroundBrandPressed" | "backgroundSecondaryBrand" | "backgroundSecondaryBrandHover" | "backgroundSecondaryBrandPressed" | "backgroundInfo" | "backgroundInfoSubtle" | "backgroundNotice" | "backgroundNoticeSubtle" | "backgroundNegative" | "backgroundNegativeHover" | "backgroundNegativePressed" | "backgroundNegativeSubtle" | "backgroundPositive" | "backgroundPositiveSubtle" | "backgroundInverse" | "backgroundInverseHover" | "backgroundAttention" | "backgroundActive" | "backgroundSecondaryBrandSubtle" | "borderPrimary" | "borderSecondary" | "borderTertiary" | "borderQuaternary" | "borderDisabled" | "borderBrand" | "borderSecondaryBrand" | "borderInverse" | "borderFocus" | "borderInfo" | "borderNotice" | "borderNegative" | "borderPositive" | "borderMono" | "borderAttention" | "borderActive" | "surfaceL0" | "surfaceL1" | "surfaceL2" | "surfaceL3" | "surfaceL4" | "surfaceL5" | "surfaceL6" | "overlay50" | "overlay50Inverse" | {
666
665
  default?: "none" | "transparent" | "contentPrimary" | "contentSecondary" | "contentTertiary" | "contentQuaternary" | "contentDefaultWhite" | "contentPrimaryInverse" | "contentSecondaryInverse" | "contentTertiaryInverse" | "contentDisabled" | "contentBrand" | "contentSecondaryBrand" | "contentLink" | "contentLinkHover" | "contentLinkPressed" | "contentInfo" | "contentInfoBold" | "contentNotice" | "contentNoticeBold" | "contentNegative" | "contentNegativeBold" | "contentPositive" | "contentPositiveBold" | "contentAttention" | "contentActive" | "backgroundPrimary" | "backgroundSecondary" | "backgroundHover" | "backgroundPressed" | "backgroundSelected" | "backgroundSecondarySelected" | "backgroundDisabled" | "backgroundBrand" | "backgroundBrandHover" | "backgroundBrandPressed" | "backgroundSecondaryBrand" | "backgroundSecondaryBrandHover" | "backgroundSecondaryBrandPressed" | "backgroundInfo" | "backgroundInfoSubtle" | "backgroundNotice" | "backgroundNoticeSubtle" | "backgroundNegative" | "backgroundNegativeHover" | "backgroundNegativePressed" | "backgroundNegativeSubtle" | "backgroundPositive" | "backgroundPositiveSubtle" | "backgroundInverse" | "backgroundInverseHover" | "backgroundAttention" | "backgroundActive" | "backgroundSecondaryBrandSubtle" | "borderPrimary" | "borderSecondary" | "borderTertiary" | "borderQuaternary" | "borderDisabled" | "borderBrand" | "borderSecondaryBrand" | "borderInverse" | "borderFocus" | "borderInfo" | "borderNotice" | "borderNegative" | "borderPositive" | "borderMono" | "borderAttention" | "borderActive" | "surfaceL0" | "surfaceL1" | "surfaceL2" | "surfaceL3" | "surfaceL4" | "surfaceL5" | "surfaceL6" | "overlay50" | "overlay50Inverse" | undefined;
@@ -1112,7 +1111,15 @@ declare const Badge: React__default.ForwardRefExoticComponent<{
1112
1111
  type InputProps = Omit<InputHTMLAttributes<HTMLInputElement>, "size" | "prefix"> & {
1113
1112
  /** Label text */
1114
1113
  label?: string;
1115
- /** Whether the field is mandatory */
1114
+ /**
1115
+ * Whether the field is required
1116
+ * @default false
1117
+ */
1118
+ required?: boolean;
1119
+ /**
1120
+ * Whether the field is mandatory (deprecated, use `required` instead)
1121
+ * @deprecated Use `required` instead
1122
+ */
1116
1123
  mandatory?: boolean;
1117
1124
  /** Helper text displayed below the input */
1118
1125
  helperText?: string;
@@ -1140,7 +1147,15 @@ type InputProps = Omit<InputHTMLAttributes<HTMLInputElement>, "size" | "prefix">
1140
1147
  declare const Input: React__default.ForwardRefExoticComponent<Omit<React__default.InputHTMLAttributes<HTMLInputElement>, "prefix" | "size"> & {
1141
1148
  /** Label text */
1142
1149
  label?: string;
1143
- /** Whether the field is mandatory */
1150
+ /**
1151
+ * Whether the field is required
1152
+ * @default false
1153
+ */
1154
+ required?: boolean;
1155
+ /**
1156
+ * Whether the field is mandatory (deprecated, use `required` instead)
1157
+ * @deprecated Use `required` instead
1158
+ */
1144
1159
  mandatory?: boolean;
1145
1160
  /** Helper text displayed below the input */
1146
1161
  helperText?: string;
@@ -1167,26 +1182,80 @@ declare const Input: React__default.ForwardRefExoticComponent<Omit<React__defaul
1167
1182
  } & React__default.RefAttributes<HTMLInputElement>>;
1168
1183
 
1169
1184
  type CheckboxProps = Omit<React$1.ComponentPropsWithoutRef<typeof CheckboxPrimitive.Root>, "asChild"> & {
1185
+ /** Label text displayed next to the checkbox */
1170
1186
  label?: React$1.ReactNode;
1187
+ /**
1188
+ * Description text displayed below the label
1189
+ * @deprecated Use `helperText` instead for consistency with other form components
1190
+ */
1171
1191
  description?: React$1.ReactNode;
1192
+ /** Helper text displayed below the checkbox */
1193
+ helperText?: React$1.ReactNode;
1194
+ /** Indeterminate/partial checked state */
1172
1195
  partialChecked?: boolean;
1196
+ /** Size of the checkbox */
1173
1197
  size?: "xs" | "sm" | "md" | "lg";
1198
+ /** Whether the field is required */
1199
+ required?: boolean;
1200
+ /** Error state */
1201
+ error?: boolean;
1202
+ /** Error message (displayed when error is true) */
1203
+ errorMessage?: string;
1174
1204
  };
1175
1205
  declare const Checkbox: React$1.ForwardRefExoticComponent<Omit<Omit<CheckboxPrimitive.CheckboxProps & React$1.RefAttributes<HTMLButtonElement>, "ref">, "asChild"> & {
1206
+ /** Label text displayed next to the checkbox */
1176
1207
  label?: React$1.ReactNode;
1208
+ /**
1209
+ * Description text displayed below the label
1210
+ * @deprecated Use `helperText` instead for consistency with other form components
1211
+ */
1177
1212
  description?: React$1.ReactNode;
1213
+ /** Helper text displayed below the checkbox */
1214
+ helperText?: React$1.ReactNode;
1215
+ /** Indeterminate/partial checked state */
1178
1216
  partialChecked?: boolean;
1217
+ /** Size of the checkbox */
1179
1218
  size?: "xs" | "sm" | "md" | "lg";
1219
+ /** Whether the field is required */
1220
+ required?: boolean;
1221
+ /** Error state */
1222
+ error?: boolean;
1223
+ /** Error message (displayed when error is true) */
1224
+ errorMessage?: string;
1180
1225
  } & React$1.RefAttributes<HTMLButtonElement>>;
1181
1226
 
1182
1227
  type SwitchSize = "sm" | "md" | "lg";
1183
1228
  type SwitchProps = {
1229
+ /** Size of the switch */
1184
1230
  size?: SwitchSize;
1231
+ /** Additional CSS class */
1185
1232
  className?: string;
1233
+ /** Label text displayed next to the switch */
1234
+ label?: React__default.ReactNode;
1235
+ /** Helper text displayed below the switch */
1236
+ helperText?: React__default.ReactNode;
1237
+ /** Whether the field is required */
1238
+ required?: boolean;
1239
+ /** Error state */
1240
+ error?: boolean;
1241
+ /** Error message (displayed when error is true) */
1242
+ errorMessage?: string;
1186
1243
  } & React__default.ComponentPropsWithoutRef<typeof SwitchPrimitive.Root>;
1187
1244
  declare const Switch: React__default.ForwardRefExoticComponent<{
1245
+ /** Size of the switch */
1188
1246
  size?: SwitchSize;
1247
+ /** Additional CSS class */
1189
1248
  className?: string;
1249
+ /** Label text displayed next to the switch */
1250
+ label?: React__default.ReactNode;
1251
+ /** Helper text displayed below the switch */
1252
+ helperText?: React__default.ReactNode;
1253
+ /** Whether the field is required */
1254
+ required?: boolean;
1255
+ /** Error state */
1256
+ error?: boolean;
1257
+ /** Error message (displayed when error is true) */
1258
+ errorMessage?: string;
1190
1259
  } & Omit<SwitchPrimitive.SwitchProps & React__default.RefAttributes<HTMLButtonElement>, "ref"> & React__default.RefAttributes<HTMLButtonElement>>;
1191
1260
 
1192
1261
  type ChipVariant = "default" | "light";
@@ -1318,25 +1387,59 @@ interface SkeletonProps extends React__default.HTMLAttributes<HTMLSpanElement> {
1318
1387
  declare const Skeleton: React__default.ForwardRefExoticComponent<SkeletonProps & React__default.RefAttributes<HTMLSpanElement>>;
1319
1388
 
1320
1389
  type TextAreaProps = Omit<TextareaHTMLAttributes<HTMLTextAreaElement>, "prefix"> & {
1390
+ /** Label text */
1321
1391
  label?: string;
1392
+ /**
1393
+ * Whether the field is required
1394
+ * @default false
1395
+ */
1396
+ required?: boolean;
1397
+ /**
1398
+ * Whether the field is mandatory (deprecated, use `required` instead)
1399
+ * @deprecated Use `required` instead
1400
+ */
1322
1401
  mandatory?: boolean;
1402
+ /** Helper text displayed below the textarea */
1323
1403
  helperText?: string;
1404
+ /** Error state */
1324
1405
  error?: boolean;
1406
+ /** Error message (overrides helperText when error is true) */
1325
1407
  errorMessage?: string;
1408
+ /** Disabled state */
1326
1409
  disabled?: boolean;
1410
+ /** Horizontal layout (label and textarea side by side) */
1327
1411
  horizontal?: boolean;
1412
+ /** View mode (read-only with different styling) */
1328
1413
  viewMode?: boolean;
1414
+ /** Show resize handle */
1329
1415
  showResizeHandle?: boolean;
1330
1416
  };
1331
1417
  declare const TextArea: React__default.ForwardRefExoticComponent<Omit<React__default.TextareaHTMLAttributes<HTMLTextAreaElement>, "prefix"> & {
1418
+ /** Label text */
1332
1419
  label?: string;
1420
+ /**
1421
+ * Whether the field is required
1422
+ * @default false
1423
+ */
1424
+ required?: boolean;
1425
+ /**
1426
+ * Whether the field is mandatory (deprecated, use `required` instead)
1427
+ * @deprecated Use `required` instead
1428
+ */
1333
1429
  mandatory?: boolean;
1430
+ /** Helper text displayed below the textarea */
1334
1431
  helperText?: string;
1432
+ /** Error state */
1335
1433
  error?: boolean;
1434
+ /** Error message (overrides helperText when error is true) */
1336
1435
  errorMessage?: string;
1436
+ /** Disabled state */
1337
1437
  disabled?: boolean;
1438
+ /** Horizontal layout (label and textarea side by side) */
1338
1439
  horizontal?: boolean;
1440
+ /** View mode (read-only with different styling) */
1339
1441
  viewMode?: boolean;
1442
+ /** Show resize handle */
1340
1443
  showResizeHandle?: boolean;
1341
1444
  } & React__default.RefAttributes<HTMLTextAreaElement>>;
1342
1445
 
@@ -2135,6 +2238,49 @@ type FileUploadProps = {
2135
2238
  };
2136
2239
  declare function FileUpload({ variant, title, description, dragLabel, compactDragLabel, supportedText, maxSizeLabel, helperText, buttonLabel, chooseFileLabel, files, accept, multiple, disabled, onSelectFiles, onRemoveFile, className, }: FileUploadProps): react_jsx_runtime.JSX.Element;
2137
2240
 
2241
+ type IconSize = "12" | "16" | "20" | "24" | "32" | "40" | "48";
2242
+ type IconOwnProps = {
2243
+ /** Accessible title for the icon */
2244
+ title?: string;
2245
+ /** Icon content (SVG paths) */
2246
+ children?: ReactNode;
2247
+ /** Icon size in pixels */
2248
+ size?: IconSize;
2249
+ /** SVG viewBox attribute */
2250
+ viewBox?: string;
2251
+ /** Additional class name */
2252
+ className?: string;
2253
+ };
2254
+ type IconProps = IconOwnProps & Omit<React__default.SVGProps<SVGSVGElement>, keyof IconOwnProps>;
2255
+ declare const Icon: React__default.ForwardRefExoticComponent<Omit<IconProps, "ref"> & React__default.RefAttributes<SVGSVGElement>>;
2256
+ declare function ChevronLeftIcon(props: IconProps): react_jsx_runtime.JSX.Element;
2257
+ declare function ChevronRightIcon(props: IconProps): react_jsx_runtime.JSX.Element;
2258
+ declare function ChevronDownIcon(props: IconProps): react_jsx_runtime.JSX.Element;
2259
+ declare function ChevronUpIcon(props: IconProps): react_jsx_runtime.JSX.Element;
2260
+ declare function CloseIcon(props: IconProps): react_jsx_runtime.JSX.Element;
2261
+ declare function CheckIcon(props: IconProps): react_jsx_runtime.JSX.Element;
2262
+ declare function PlusIcon(props: IconProps): react_jsx_runtime.JSX.Element;
2263
+ declare function MinusIcon(props: IconProps): react_jsx_runtime.JSX.Element;
2264
+ declare function SearchIcon(props: IconProps): react_jsx_runtime.JSX.Element;
2265
+ declare function CalendarIcon(props: IconProps): react_jsx_runtime.JSX.Element;
2266
+ declare function ClockIcon(props: IconProps): react_jsx_runtime.JSX.Element;
2267
+ declare function UploadCloudIcon(props: IconProps): react_jsx_runtime.JSX.Element;
2268
+ declare function MoreVerticalIcon(props: IconProps): react_jsx_runtime.JSX.Element;
2269
+ declare function MoreHorizontalIcon(props: IconProps): react_jsx_runtime.JSX.Element;
2270
+ declare function ArrowLeftIcon(props: IconProps): react_jsx_runtime.JSX.Element;
2271
+ declare function ArrowRightIcon(props: IconProps): react_jsx_runtime.JSX.Element;
2272
+ declare function InfoIcon(props: IconProps): react_jsx_runtime.JSX.Element;
2273
+ declare function AlertCircleIcon(props: IconProps): react_jsx_runtime.JSX.Element;
2274
+ declare function CheckCircleIcon(props: IconProps): react_jsx_runtime.JSX.Element;
2275
+ declare function TrashIcon(props: IconProps): react_jsx_runtime.JSX.Element;
2276
+ declare function EditIcon(props: IconProps): react_jsx_runtime.JSX.Element;
2277
+ declare function CopyIcon(props: IconProps): react_jsx_runtime.JSX.Element;
2278
+ declare function ExternalLinkIcon(props: IconProps): react_jsx_runtime.JSX.Element;
2279
+ declare function FilterIcon(props: IconProps): react_jsx_runtime.JSX.Element;
2280
+ declare function SortIcon(props: IconProps): react_jsx_runtime.JSX.Element;
2281
+ declare function SettingsIcon(props: IconProps): react_jsx_runtime.JSX.Element;
2282
+ declare function UserIcon(props: IconProps): react_jsx_runtime.JSX.Element;
2283
+
2138
2284
  type DayInfo = {
2139
2285
  date: Date;
2140
2286
  day: number;
@@ -2327,4 +2473,4 @@ interface DateTimeInputProps {
2327
2473
  }
2328
2474
  declare const DateTimeInput: React__default.ForwardRefExoticComponent<DateTimeInputProps & React__default.RefAttributes<HTMLDivElement>>;
2329
2475
 
2330
- export { AVATAR_COLORS, Accordion, AccordionContent, type AccordionContentProps, AccordionItem, type AccordionItemProps, AccordionRoot, type AccordionRootProps, AccordionTrigger, type AccordionTriggerProps, type AccordionVariant, AlertDialog, type AlertDialogLayout, type AlertDialogProps, Avatar, type AvatarColor, type AvatarProps, type AvatarSize, Badge, type BadgeProps, type BadgeVariant, Body, Box, type BoxOwnProps, type BoxProps, Breadcrumb, BreadcrumbEllipsis, type BreadcrumbEllipsisProps, BreadcrumbItem, type BreadcrumbItemProps, BreadcrumbLink, type BreadcrumbLinkProps, BreadcrumbList, type BreadcrumbListProps, BreadcrumbPage, type BreadcrumbPageProps, BreadcrumbRoot, type BreadcrumbRootProps, BreadcrumbSeparator, type BreadcrumbSeparatorProps, Button, type ButtonProps, type ButtonSize, type ButtonVariant, Calendar, CalendarArrowButton, type CalendarArrowButtonProps, CalendarDateButton, type CalendarDateButtonProps, CalendarGrid, type CalendarGridProps, type CalendarProps, Caption, Checkbox, type CheckboxProps, Chip, type ChipOutline, type ChipOwnProps, type ChipProps, type ChipVariant, Code, ContentSplitter, type ContentSplitterProps, type DateRange, DateTimeInput, type DateTimeInputMode, type DateTimeInputProps, type DateTimeValue, type DayInfo, Dialog, DialogBody, type DialogBodyProps, DialogClose, DialogContent, type DialogContentProps, DialogDescription, type DialogDescriptionProps, DialogFooter, type DialogFooterProps, DialogHeader, type DialogHeaderProps, type DialogProps, DialogRoot, type DialogSize, DialogTitle, type DialogTitleProps, DialogTrigger, Drawer, DrawerBody, type DrawerBodyProps, DrawerClose, DrawerCompound, DrawerContent, type DrawerContentProps, DrawerDescription, type DrawerDescriptionProps, DrawerFooter, type DrawerFooterProps, DrawerHeader, type DrawerHeaderProps, DrawerOverlay, type DrawerOverlayProps, DrawerPortal, type DrawerProps, DrawerRoot, DrawerSection, type DrawerSectionProps, type DrawerSide, type DrawerSize, DrawerTitle, type DrawerTitleProps, DrawerTrigger, type ExtendableProps, FileUpload, type FileUploadProps, Grid, GridItem, type GridItemProps, type GridProps, Heading, type HeadingOwnProps, type HeadingVariant, IconButton, type IconButtonProps, type IconPosition, Image, type ImageFit, type ImageLoading, type ImageProps, type InheritableElementProps, Inline, type InlineOwnProps, type InlineProps, Input, type InputProps, Label, type LabelVariant, MONTH_NAMES, MONTH_NAMES_SHORT, Menu, MenuContent, type MenuContentProps, MenuItem, type MenuItemProps, MenuLabel, type MenuLabelProps, type MenuProps, MenuRoot, type MenuRootProps, MenuSeparator, type MenuSeparatorProps, MenuSub, type MenuSubProps, MenuTrigger, type MenuTriggerProps, Pagination, PaginationEllipsis, type PaginationEllipsisProps, PaginationInfo, PaginationInfoComplete, type PaginationInfoCompleteProps, PaginationInfoLabel, type PaginationInfoLabelProps, PaginationInfoRange, type PaginationInfoRangeProps, PaginationInfoRoot, type PaginationInfoRootProps, PaginationNext, type PaginationNextProps, PaginationPage, type PaginationPageProps, PaginationPrevious, type PaginationPreviousProps, PaginationRoot, type PaginationRootProps, type PolymorphicForwardRefExoticComponent, type PolymorphicProps, type PolymorphicPropsWithRef, type PolymorphicPropsWithoutRef, type PolymorphicRef, Popover, PopoverAnchor, type PopoverAnchorProps, PopoverClose, PopoverCompound, PopoverContent, type PopoverContentProps, type PopoverProps, PopoverRoot, type PopoverSize, PopoverTrigger, type PopoverTriggerProps, type PropsOf, Select, SelectContent, type SelectContentProps, SelectItem, type SelectItemProps, type SelectOption, type SelectProps, SelectRoot, type SelectRootProps, SelectSeparator, SelectTrigger, type SelectTriggerProps, SelectValue, type SimplePopoverProps, Skeleton, type SkeletonProps, Spinner, type SpinnerProps, type SpinnerSize, Stack, type StackOwnProps, type StackProps, Switch, type SwitchProps, type SwitchSize, type TBorderPropertyTypes, type TBoxStyles, type TColorPropertyTypes, type TMarginPaddingPropertyTypes, type TShadowStyles, type TSizeStyles, type TTextStyles, type TTransformStyles, type T_SVGColorPropertyTypes, Tabs, TabsContent, type TabsContentProps, TabsList, type TabsListProps, TabsRoot, type TabsRootProps, TabsTrigger, type TabsTriggerProps, type TabsVariant, Text, TextArea, type TextAreaProps, type TextOwnProps, type TextVariant, type TimeFormat$1 as TimeFormat, type TimePeriod, TimePicker, type TimePickerProps, type TimeValue, Toast, type ToastData, type ToastProps, ToastProvider, type ToastVariant, ToastViewport, type ToastViewportPosition, type ToastViewportProps, Tooltip, type TooltipProps, TooltipProvider, type UploadFileItem, WEEKDAYS, applyHeadingVariantStyles, applyTextVariantStyles, borderStyles, boxStyles, cn, colorStyles, formatDate, formatInputDate, getColorFromString, getDefaultMaxDate, getDefaultMinDate, getInitials, isDateBetween, isSameDay, isWithinBounds, marginPaddingStyles, parseInputDate, shadowStyles, sizeStyles, svgColorStyles, textStyles, transformStyles, useCalendarDays, useToast };
2476
+ export { AVATAR_COLORS, Accordion, AccordionContent, type AccordionContentProps, AccordionItem, type AccordionItemProps, AccordionRoot, type AccordionRootProps, AccordionTrigger, type AccordionTriggerProps, type AccordionVariant, AlertCircleIcon, AlertDialog, type AlertDialogLayout, type AlertDialogProps, ArrowLeftIcon, ArrowRightIcon, Avatar, type AvatarColor, type AvatarProps, type AvatarSize, Badge, type BadgeProps, type BadgeVariant, Body, Box, type BoxOwnProps, type BoxProps, Breadcrumb, BreadcrumbEllipsis, type BreadcrumbEllipsisProps, BreadcrumbItem, type BreadcrumbItemProps, BreadcrumbLink, type BreadcrumbLinkProps, BreadcrumbList, type BreadcrumbListProps, BreadcrumbPage, type BreadcrumbPageProps, BreadcrumbRoot, type BreadcrumbRootProps, BreadcrumbSeparator, type BreadcrumbSeparatorProps, Button, type ButtonProps, type ButtonSize, type ButtonVariant, Calendar, CalendarArrowButton, type CalendarArrowButtonProps, CalendarDateButton, type CalendarDateButtonProps, CalendarGrid, type CalendarGridProps, CalendarIcon, type CalendarProps, Caption, CheckCircleIcon, CheckIcon, Checkbox, type CheckboxProps, ChevronDownIcon, ChevronLeftIcon, ChevronRightIcon, ChevronUpIcon, Chip, type ChipOutline, type ChipOwnProps, type ChipProps, type ChipVariant, ClockIcon, CloseIcon, Code, ContentSplitter, type ContentSplitterProps, CopyIcon, type DateRange, DateTimeInput, type DateTimeInputMode, type DateTimeInputProps, type DateTimeValue, type DayInfo, Dialog, DialogBody, type DialogBodyProps, DialogClose, DialogContent, type DialogContentProps, DialogDescription, type DialogDescriptionProps, DialogFooter, type DialogFooterProps, DialogHeader, type DialogHeaderProps, type DialogProps, DialogRoot, type DialogSize, DialogTitle, type DialogTitleProps, DialogTrigger, Drawer, DrawerBody, type DrawerBodyProps, DrawerClose, DrawerCompound, DrawerContent, type DrawerContentProps, DrawerDescription, type DrawerDescriptionProps, DrawerFooter, type DrawerFooterProps, DrawerHeader, type DrawerHeaderProps, DrawerOverlay, type DrawerOverlayProps, DrawerPortal, type DrawerProps, DrawerRoot, DrawerSection, type DrawerSectionProps, type DrawerSide, type DrawerSize, DrawerTitle, type DrawerTitleProps, DrawerTrigger, EditIcon, type ExtendableProps, ExternalLinkIcon, FileUpload, type FileUploadProps, FilterIcon, Grid, GridItem, type GridItemProps, type GridProps, Heading, type HeadingOwnProps, type HeadingVariant, Icon, IconButton, type IconButtonProps, type IconOwnProps, type IconPosition, type IconProps, type IconSize, Image, type ImageFit, type ImageLoading, type ImageProps, InfoIcon, type InheritableElementProps, Inline, type InlineOwnProps, type InlineProps, Input, type InputProps, Label, type LabelVariant, MONTH_NAMES, MONTH_NAMES_SHORT, Menu, MenuContent, type MenuContentProps, MenuItem, type MenuItemProps, MenuLabel, type MenuLabelProps, type MenuProps, MenuRoot, type MenuRootProps, MenuSeparator, type MenuSeparatorProps, MenuSub, type MenuSubProps, MenuTrigger, type MenuTriggerProps, MinusIcon, MoreHorizontalIcon, MoreVerticalIcon, Pagination, PaginationEllipsis, type PaginationEllipsisProps, PaginationInfo, PaginationInfoComplete, type PaginationInfoCompleteProps, PaginationInfoLabel, type PaginationInfoLabelProps, PaginationInfoRange, type PaginationInfoRangeProps, PaginationInfoRoot, type PaginationInfoRootProps, PaginationNext, type PaginationNextProps, PaginationPage, type PaginationPageProps, PaginationPrevious, type PaginationPreviousProps, PaginationRoot, type PaginationRootProps, PlusIcon, type PolymorphicForwardRefExoticComponent, type PolymorphicProps, type PolymorphicPropsWithRef, type PolymorphicPropsWithoutRef, type PolymorphicRef, Popover, PopoverAnchor, type PopoverAnchorProps, PopoverClose, PopoverCompound, PopoverContent, type PopoverContentProps, type PopoverProps, PopoverRoot, type PopoverSize, PopoverTrigger, type PopoverTriggerProps, type PropsOf, SearchIcon, Select, SelectContent, type SelectContentProps, SelectItem, type SelectItemProps, type SelectOption, type SelectProps, SelectRoot, type SelectRootProps, SelectSeparator, SelectTrigger, type SelectTriggerProps, SelectValue, SettingsIcon, type SimplePopoverProps, Skeleton, type SkeletonProps, SortIcon, Spinner, type SpinnerProps, type SpinnerSize, Stack, type StackOwnProps, type StackProps, Switch, type SwitchProps, type SwitchSize, type TBorderPropertyTypes, type TBoxStyles, type TColorPropertyTypes, type TMarginPaddingPropertyTypes, type TShadowStyles, type TSizeStyles, type TTextStyles, type TTransformStyles, type T_SVGColorPropertyTypes, Tabs, TabsContent, type TabsContentProps, TabsList, type TabsListProps, TabsRoot, type TabsRootProps, TabsTrigger, type TabsTriggerProps, type TabsVariant, Text, TextArea, type TextAreaProps, type TextOwnProps, type TextVariant, type TimeFormat$1 as TimeFormat, type TimePeriod, TimePicker, type TimePickerProps, type TimeValue, Toast, type ToastData, type ToastProps, ToastProvider, type ToastVariant, ToastViewport, type ToastViewportPosition, type ToastViewportProps, Tooltip, type TooltipProps, TooltipProvider, TrashIcon, UploadCloudIcon, type UploadFileItem, UserIcon, WEEKDAYS, applyHeadingVariantStyles, applyTextVariantStyles, borderStyles, boxStyles, cn, colorStyles, formatDate, formatInputDate, getColorFromString, getDefaultMaxDate, getDefaultMinDate, getInitials, isDateBetween, isSameDay, isWithinBounds, marginPaddingStyles, parseInputDate, shadowStyles, sizeStyles, svgColorStyles, textStyles, transformStyles, useCalendarDays, useToast };