@zentrades-ui/components 0.1.7 → 0.2.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (13) hide show
  1. package/CHANGELOG.md +53 -0
  2. package/README.md +455 -9
  3. package/dist/components.css +3059 -2899
  4. package/dist/components.css.map +1 -1
  5. package/dist/components.d.ts +146 -42
  6. package/dist/components.js +261 -177
  7. package/dist/components.js.map +1 -1
  8. package/dist/index.css +3059 -2899
  9. package/dist/index.css.map +1 -1
  10. package/dist/index.d.ts +146 -42
  11. package/dist/index.js +261 -177
  12. package/dist/index.js.map +1 -1
  13. package/package.json +6 -4
package/dist/components.d.ts CHANGED
@@ -475,30 +475,30 @@ declare const textStyles: ((props: {
475
475
  type TTextStyles = Parameters<typeof textStyles>[0];
476
476
 
477
477
  declare const borderStyles: ((props: {
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;
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;
502
502
  } | undefined;
503
503
  borderTopWidth?: "s" | "none" | "xs" | "xl" | "m" | "l" | {
504
504
  default?: "s" | "none" | "xs" | "xl" | "m" | "l" | undefined;
@@ -637,29 +637,29 @@ declare const borderStyles: ((props: {
637
637
  type TBorderPropertyTypes = Parameters<typeof borderStyles>[0];
638
638
 
639
639
  declare const colorStyles: ((props: {
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;
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;
644
644
  } | 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;
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;
649
649
  } | 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;
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;
654
654
  } | undefined;
655
655
  }) => string) & {
656
656
  properties: Set<"color" | "backgroundColor" | "bgColor">;
657
657
  };
658
658
  declare const svgColorStyles: ((props: {
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;
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;
663
663
  } | undefined;
664
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" | {
665
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;
@@ -1111,7 +1111,15 @@ declare const Badge: React__default.ForwardRefExoticComponent<{
1111
1111
  type InputProps = Omit<InputHTMLAttributes<HTMLInputElement>, "size" | "prefix"> & {
1112
1112
  /** Label text */
1113
1113
  label?: string;
1114
- /** 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
+ */
1115
1123
  mandatory?: boolean;
1116
1124
  /** Helper text displayed below the input */
1117
1125
  helperText?: string;
@@ -1139,7 +1147,15 @@ type InputProps = Omit<InputHTMLAttributes<HTMLInputElement>, "size" | "prefix">
1139
1147
  declare const Input: React__default.ForwardRefExoticComponent<Omit<React__default.InputHTMLAttributes<HTMLInputElement>, "prefix" | "size"> & {
1140
1148
  /** Label text */
1141
1149
  label?: string;
1142
- /** 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
+ */
1143
1159
  mandatory?: boolean;
1144
1160
  /** Helper text displayed below the input */
1145
1161
  helperText?: string;
@@ -1166,26 +1182,80 @@ declare const Input: React__default.ForwardRefExoticComponent<Omit<React__defaul
1166
1182
  } & React__default.RefAttributes<HTMLInputElement>>;
1167
1183
 
1168
1184
  type CheckboxProps = Omit<React$1.ComponentPropsWithoutRef<typeof CheckboxPrimitive.Root>, "asChild"> & {
1185
+ /** Label text displayed next to the checkbox */
1169
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
+ */
1170
1191
  description?: React$1.ReactNode;
1192
+ /** Helper text displayed below the checkbox */
1193
+ helperText?: React$1.ReactNode;
1194
+ /** Indeterminate/partial checked state */
1171
1195
  partialChecked?: boolean;
1196
+ /** Size of the checkbox */
1172
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;
1173
1204
  };
1174
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 */
1175
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
+ */
1176
1212
  description?: React$1.ReactNode;
1213
+ /** Helper text displayed below the checkbox */
1214
+ helperText?: React$1.ReactNode;
1215
+ /** Indeterminate/partial checked state */
1177
1216
  partialChecked?: boolean;
1217
+ /** Size of the checkbox */
1178
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;
1179
1225
  } & React$1.RefAttributes<HTMLButtonElement>>;
1180
1226
 
1181
1227
  type SwitchSize = "sm" | "md" | "lg";
1182
1228
  type SwitchProps = {
1229
+ /** Size of the switch */
1183
1230
  size?: SwitchSize;
1231
+ /** Additional CSS class */
1184
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;
1185
1243
  } & React__default.ComponentPropsWithoutRef<typeof SwitchPrimitive.Root>;
1186
1244
  declare const Switch: React__default.ForwardRefExoticComponent<{
1245
+ /** Size of the switch */
1187
1246
  size?: SwitchSize;
1247
+ /** Additional CSS class */
1188
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;
1189
1259
  } & Omit<SwitchPrimitive.SwitchProps & React__default.RefAttributes<HTMLButtonElement>, "ref"> & React__default.RefAttributes<HTMLButtonElement>>;
1190
1260
 
1191
1261
  type ChipVariant = "default" | "light";
@@ -1317,25 +1387,59 @@ interface SkeletonProps extends React__default.HTMLAttributes<HTMLSpanElement> {
1317
1387
  declare const Skeleton: React__default.ForwardRefExoticComponent<SkeletonProps & React__default.RefAttributes<HTMLSpanElement>>;
1318
1388
 
1319
1389
  type TextAreaProps = Omit<TextareaHTMLAttributes<HTMLTextAreaElement>, "prefix"> & {
1390
+ /** Label text */
1320
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
+ */
1321
1401
  mandatory?: boolean;
1402
+ /** Helper text displayed below the textarea */
1322
1403
  helperText?: string;
1404
+ /** Error state */
1323
1405
  error?: boolean;
1406
+ /** Error message (overrides helperText when error is true) */
1324
1407
  errorMessage?: string;
1408
+ /** Disabled state */
1325
1409
  disabled?: boolean;
1410
+ /** Horizontal layout (label and textarea side by side) */
1326
1411
  horizontal?: boolean;
1412
+ /** View mode (read-only with different styling) */
1327
1413
  viewMode?: boolean;
1414
+ /** Show resize handle */
1328
1415
  showResizeHandle?: boolean;
1329
1416
  };
1330
1417
  declare const TextArea: React__default.ForwardRefExoticComponent<Omit<React__default.TextareaHTMLAttributes<HTMLTextAreaElement>, "prefix"> & {
1418
+ /** Label text */
1331
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
+ */
1332
1429
  mandatory?: boolean;
1430
+ /** Helper text displayed below the textarea */
1333
1431
  helperText?: string;
1432
+ /** Error state */
1334
1433
  error?: boolean;
1434
+ /** Error message (overrides helperText when error is true) */
1335
1435
  errorMessage?: string;
1436
+ /** Disabled state */
1336
1437
  disabled?: boolean;
1438
+ /** Horizontal layout (label and textarea side by side) */
1337
1439
  horizontal?: boolean;
1440
+ /** View mode (read-only with different styling) */
1338
1441
  viewMode?: boolean;
1442
+ /** Show resize handle */
1339
1443
  showResizeHandle?: boolean;
1340
1444
  } & React__default.RefAttributes<HTMLTextAreaElement>>;
1341
1445