@ornikar/bumper 3.1.0 → 3.2.0

package/src/system/content/typography/__snapshots_web__/TypographyIcon.features.stories.tsx.snap

@@ -21,11 +21,10 @@ exports[`Bumper/Content/TypographyIcon/Features DifferentSizes 1`] = `
             class="is_VStack _dsp-flex _alignItems-stretch _fb-auto _bxs-border-box _pos-relative _minHeight-0px _minWidth-0px _flexShrink-0 _fd-column _gap-t-space-spa1366020313"
           >
             <span
-              class="font_GTStandard _WebkitFontSmoothing-_platformweb_antialiased _dsp-inline _bxs-border-box _ww-break-word _ws-pre-wrap _marginTop-0px _marginRight-0px _marginBottom-0px _marginLeft-0px _ff-f-family _fs-f-size-head100347201 _lh-f-lineHeigh1544154440 _ls-f-letterSpa1195674547 _col-content--ac3049896 _fw-f-weight-se1074390495"
-              data-disable-theme="true"
+              class="font_GTStandard _WebkitFontSmoothing-_platformweb_antialiased _dsp-inline _bxs-border-box _ww-break-word _ws-pre-wrap _marginTop-0px _marginRight-0px _marginBottom-0px _marginLeft-0px _ff-f-family _fs-f-size-head100347201 _lh-f-lineHeigh1544154440 _ls-f-letterSpa1195674547 _fw-f-weight-se1074390495 _col-content--ac3049896"
             >
               <div
-                class="is_TypographyView _dsp-_platformweb_inline-flex _dsp-flex _alignItems-stretch _fd-column _fb-auto _bxs-border-box _pos-relative _minHeight-0px _minWidth-0px _flexShrink-0"
+                class="is_TypographyViewInternal _dsp-_platformweb_inline-flex _dsp-flex _alignItems-stretch _fd-column _fb-auto _bxs-border-box _pos-relative _minHeight-0px _minWidth-0px _flexShrink-0"
               >
                 <div
                   class="is_Icon _dsp-flex _alignItems-stretch _fd-column _fb-auto _bxs-border-box _pos-relative _minHeight-0px _minWidth-0px _flexShrink-0 _width-t-bumperIco1504282964 _height-t-bumperIco1504282964"
@@ -39,11 +38,10 @@ exports[`Bumper/Content/TypographyIcon/Features DifferentSizes 1`] = `
                Large heading with size 32 icon
             </span>
             <span
-              class="font_GTStandard _WebkitFontSmoothing-_platformweb_antialiased _dsp-inline _bxs-border-box _ww-break-word _ws-pre-wrap _marginTop-0px _marginRight-0px _marginBottom-0px _marginLeft-0px _ff-f-family _fw-f-weight-re98715119 _fs-f-size-body1504 _lh-f-lineHeigh201793147 _ls-f-letterSpa1099960304 _col-content--ac3049896"
-              data-disable-theme="true"
+              class="font_GTStandard _WebkitFontSmoothing-_platformweb_antialiased _dsp-inline _bxs-border-box _ww-break-word _ws-pre-wrap _marginTop-0px _marginRight-0px _marginBottom-0px _marginLeft-0px _ff-f-family _fs-f-size-body1504 _lh-f-lineHeigh201793147 _ls-f-letterSpa1099960304 _fw-f-weight-re98715119 _col-content--ac3049896"
             >
               <div
-                class="is_TypographyView _dsp-_platformweb_inline-flex _dsp-flex _alignItems-stretch _fd-column _fb-auto _bxs-border-box _pos-relative _minHeight-0px _minWidth-0px _flexShrink-0"
+                class="is_TypographyViewInternal _dsp-_platformweb_inline-flex _dsp-flex _alignItems-stretch _fd-column _fb-auto _bxs-border-box _pos-relative _minHeight-0px _minWidth-0px _flexShrink-0"
               >
                 <div
                   class="is_Icon _dsp-flex _alignItems-stretch _fd-column _fb-auto _bxs-border-box _pos-relative _minHeight-0px _minWidth-0px _flexShrink-0 _width-t-bumperIco1504282965 _height-t-bumperIco1504282965"
@@ -57,11 +55,10 @@ exports[`Bumper/Content/TypographyIcon/Features DifferentSizes 1`] = `
                Body text with size 20 icon
             </span>
             <span
-              class="font_GTStandard _WebkitFontSmoothing-_platformweb_antialiased _dsp-inline _bxs-border-box _ww-break-word _ws-pre-wrap _marginTop-0px _marginRight-0px _marginBottom-0px _marginLeft-0px _ff-f-family _fw-f-weight-re98715119 _fs-f-size-body1510 _lh-f-lineHeigh201793153 _ls-f-letterSpa1099960310 _col-content--ac3049896"
-              data-disable-theme="true"
+              class="font_GTStandard _WebkitFontSmoothing-_platformweb_antialiased _dsp-inline _bxs-border-box _ww-break-word _ws-pre-wrap _marginTop-0px _marginRight-0px _marginBottom-0px _marginLeft-0px _ff-f-family _fs-f-size-body1510 _lh-f-lineHeigh201793153 _ls-f-letterSpa1099960310 _fw-f-weight-re98715119 _col-content--ac3049896"
             >
               <div
-                class="is_TypographyView _dsp-_platformweb_inline-flex _dsp-flex _alignItems-stretch _fd-column _fb-auto _bxs-border-box _pos-relative _minHeight-0px _minWidth-0px _flexShrink-0"
+                class="is_TypographyViewInternal _dsp-_platformweb_inline-flex _dsp-flex _alignItems-stretch _fd-column _fb-auto _bxs-border-box _pos-relative _minHeight-0px _minWidth-0px _flexShrink-0"
               >
                 <div
                   class="is_Icon _dsp-flex _alignItems-stretch _fd-column _fb-auto _bxs-border-box _pos-relative _minHeight-0px _minWidth-0px _flexShrink-0 _width-t-bumperIco1504282971 _height-t-bumperIco1504282971"
@@ -106,17 +103,15 @@ exports[`Bumper/Content/TypographyIcon/Features InheritFromTypography 1`] = `
               class="is_VStack _dsp-flex _alignItems-stretch _fb-auto _bxs-border-box _pos-relative _minHeight-0px _minWidth-0px _flexShrink-0 _fd-column _gap-t-space-spa94482166"
             >
               <span
-                class="font_GTStandard _WebkitFontSmoothing-_platformweb_antialiased _dsp-inline _bxs-border-box _ww-break-word _ws-pre-wrap _marginTop-0px _marginRight-0px _marginBottom-0px _marginLeft-0px _ff-f-family _fw-f-weight-re98715119 _fs-f-size-body1510 _lh-f-lineHeigh201793153 _ls-f-letterSpa1099960310 _col-content--ba1918259606"
-                data-disable-theme="true"
+                class="font_GTStandard _WebkitFontSmoothing-_platformweb_antialiased _dsp-inline _bxs-border-box _ww-break-word _ws-pre-wrap _marginTop-0px _marginRight-0px _marginBottom-0px _marginLeft-0px _ff-f-family _fs-f-size-body1510 _lh-f-lineHeigh201793153 _ls-f-letterSpa1099960310 _fw-f-weight-re98715119 _col-content--ba1918259606"
               >
                 Icon inherits accent color from Typography
               </span>
               <span
-                class="font_GTStandard _WebkitFontSmoothing-_platformweb_antialiased _dsp-inline _bxs-border-box _ww-break-word _ws-pre-wrap _marginTop-0px _marginRight-0px _marginBottom-0px _marginLeft-0px _ff-f-family _fw-f-weight-re98715119 _fs-f-size-body1504 _lh-f-lineHeigh201793147 _ls-f-letterSpa1099960304 _col-content--ac3049896"
-                data-disable-theme="true"
+                class="font_GTStandard _WebkitFontSmoothing-_platformweb_antialiased _dsp-inline _bxs-border-box _ww-break-word _ws-pre-wrap _marginTop-0px _marginRight-0px _marginBottom-0px _marginLeft-0px _ff-f-family _fs-f-size-body1504 _lh-f-lineHeigh201793147 _ls-f-letterSpa1099960304 _fw-f-weight-re98715119 _col-content--ac3049896"
               >
                 <div
-                  class="is_TypographyView _dsp-_platformweb_inline-flex _dsp-flex _alignItems-stretch _fd-column _fb-auto _bxs-border-box _pos-relative _minHeight-0px _minWidth-0px _flexShrink-0"
+                  class="is_TypographyViewInternal _dsp-_platformweb_inline-flex _dsp-flex _alignItems-stretch _fd-column _fb-auto _bxs-border-box _pos-relative _minHeight-0px _minWidth-0px _flexShrink-0"
                 >
                   <div
                     class="is_Icon _dsp-flex _alignItems-stretch _fd-column _fb-auto _bxs-border-box _pos-relative _minHeight-0px _minWidth-0px _flexShrink-0 _width-t-bumperIco1504282965 _height-t-bumperIco1504282965"
@@ -134,17 +129,15 @@ exports[`Bumper/Content/TypographyIcon/Features InheritFromTypography 1`] = `
               class="is_VStack _dsp-flex _alignItems-stretch _fb-auto _bxs-border-box _pos-relative _minHeight-0px _minWidth-0px _flexShrink-0 _fd-column _gap-t-space-spa94482166"
             >
               <span
-                class="font_GTStandard _WebkitFontSmoothing-_platformweb_antialiased _dsp-inline _bxs-border-box _ww-break-word _ws-pre-wrap _marginTop-0px _marginRight-0px _marginBottom-0px _marginLeft-0px _ff-f-family _fw-f-weight-re98715119 _fs-f-size-body1510 _lh-f-lineHeigh201793153 _ls-f-letterSpa1099960310 _col-content--ba1918259606"
-                data-disable-theme="true"
+                class="font_GTStandard _WebkitFontSmoothing-_platformweb_antialiased _dsp-inline _bxs-border-box _ww-break-word _ws-pre-wrap _marginTop-0px _marginRight-0px _marginBottom-0px _marginLeft-0px _ff-f-family _fs-f-size-body1510 _lh-f-lineHeigh201793153 _ls-f-letterSpa1099960310 _fw-f-weight-re98715119 _col-content--ba1918259606"
               >
                 Icon inherits success color from Typography
               </span>
               <span
-                class="font_GTStandard _WebkitFontSmoothing-_platformweb_antialiased _dsp-inline _bxs-border-box _ww-break-word _ws-pre-wrap _marginTop-0px _marginRight-0px _marginBottom-0px _marginLeft-0px _ff-f-family _fw-f-weight-re98715119 _fs-f-size-body1504 _lh-f-lineHeigh201793147 _ls-f-letterSpa1099960304 _col-content--su94478629"
-                data-disable-theme="true"
+                class="font_GTStandard _WebkitFontSmoothing-_platformweb_antialiased _dsp-inline _bxs-border-box _ww-break-word _ws-pre-wrap _marginTop-0px _marginRight-0px _marginBottom-0px _marginLeft-0px _ff-f-family _fs-f-size-body1504 _lh-f-lineHeigh201793147 _ls-f-letterSpa1099960304 _fw-f-weight-re98715119 _col-content--su94478629"
               >
                 <div
-                  class="is_TypographyView _dsp-_platformweb_inline-flex _dsp-flex _alignItems-stretch _fd-column _fb-auto _bxs-border-box _pos-relative _minHeight-0px _minWidth-0px _flexShrink-0"
+                  class="is_TypographyViewInternal _dsp-_platformweb_inline-flex _dsp-flex _alignItems-stretch _fd-column _fb-auto _bxs-border-box _pos-relative _minHeight-0px _minWidth-0px _flexShrink-0"
                 >
                   <div
                     class="is_Icon _dsp-flex _alignItems-stretch _fd-column _fb-auto _bxs-border-box _pos-relative _minHeight-0px _minWidth-0px _flexShrink-0 _width-t-bumperIco1504282965 _height-t-bumperIco1504282965"
@@ -162,17 +155,15 @@ exports[`Bumper/Content/TypographyIcon/Features InheritFromTypography 1`] = `
               class="is_VStack _dsp-flex _alignItems-stretch _fb-auto _bxs-border-box _pos-relative _minHeight-0px _minWidth-0px _flexShrink-0 _fd-column _gap-t-space-spa94482166"
             >
               <span
-                class="font_GTStandard _WebkitFontSmoothing-_platformweb_antialiased _dsp-inline _bxs-border-box _ww-break-word _ws-pre-wrap _marginTop-0px _marginRight-0px _marginBottom-0px _marginLeft-0px _ff-f-family _fw-f-weight-re98715119 _fs-f-size-body1510 _lh-f-lineHeigh201793153 _ls-f-letterSpa1099960310 _col-content--ba1918259606"
-                data-disable-theme="true"
+                class="font_GTStandard _WebkitFontSmoothing-_platformweb_antialiased _dsp-inline _bxs-border-box _ww-break-word _ws-pre-wrap _marginTop-0px _marginRight-0px _marginBottom-0px _marginLeft-0px _ff-f-family _fs-f-size-body1510 _lh-f-lineHeigh201793153 _ls-f-letterSpa1099960310 _fw-f-weight-re98715119 _col-content--ba1918259606"
               >
                 Icon inherits danger color from Typography
               </span>
               <span
-                class="font_GTStandard _WebkitFontSmoothing-_platformweb_antialiased _dsp-inline _bxs-border-box _ww-break-word _ws-pre-wrap _marginTop-0px _marginRight-0px _marginBottom-0px _marginLeft-0px _ff-f-family _fw-f-weight-re98715119 _fs-f-size-body1504 _lh-f-lineHeigh201793147 _ls-f-letterSpa1099960304 _col-content--da3379238"
-                data-disable-theme="true"
+                class="font_GTStandard _WebkitFontSmoothing-_platformweb_antialiased _dsp-inline _bxs-border-box _ww-break-word _ws-pre-wrap _marginTop-0px _marginRight-0px _marginBottom-0px _marginLeft-0px _ff-f-family _fs-f-size-body1504 _lh-f-lineHeigh201793147 _ls-f-letterSpa1099960304 _fw-f-weight-re98715119 _col-content--da3379238"
               >
                 <div
-                  class="is_TypographyView _dsp-_platformweb_inline-flex _dsp-flex _alignItems-stretch _fd-column _fb-auto _bxs-border-box _pos-relative _minHeight-0px _minWidth-0px _flexShrink-0"
+                  class="is_TypographyViewInternal _dsp-_platformweb_inline-flex _dsp-flex _alignItems-stretch _fd-column _fb-auto _bxs-border-box _pos-relative _minHeight-0px _minWidth-0px _flexShrink-0"
                 >
                   <div
                     class="is_Icon _dsp-flex _alignItems-stretch _fd-column _fb-auto _bxs-border-box _pos-relative _minHeight-0px _minWidth-0px _flexShrink-0 _width-t-bumperIco1504282965 _height-t-bumperIco1504282965"
@@ -190,17 +181,15 @@ exports[`Bumper/Content/TypographyIcon/Features InheritFromTypography 1`] = `
               class="is_VStack _dsp-flex _alignItems-stretch _fb-auto _bxs-border-box _pos-relative _minHeight-0px _minWidth-0px _flexShrink-0 _fd-column _gap-t-space-spa94482166"
             >
               <span
-                class="font_GTStandard _WebkitFontSmoothing-_platformweb_antialiased _dsp-inline _bxs-border-box _ww-break-word _ws-pre-wrap _marginTop-0px _marginRight-0px _marginBottom-0px _marginLeft-0px _ff-f-family _fw-f-weight-re98715119 _fs-f-size-body1510 _lh-f-lineHeigh201793153 _ls-f-letterSpa1099960310 _col-content--ba1918259606"
-                data-disable-theme="true"
+                class="font_GTStandard _WebkitFontSmoothing-_platformweb_antialiased _dsp-inline _bxs-border-box _ww-break-word _ws-pre-wrap _marginTop-0px _marginRight-0px _marginBottom-0px _marginLeft-0px _ff-f-family _fs-f-size-body1510 _lh-f-lineHeigh201793153 _ls-f-letterSpa1099960310 _fw-f-weight-re98715119 _col-content--ba1918259606"
               >
                 Icon inherits warning color from Typography
               </span>
               <span
-                class="font_GTStandard _WebkitFontSmoothing-_platformweb_antialiased _dsp-inline _bxs-border-box _ww-break-word _ws-pre-wrap _marginTop-0px _marginRight-0px _marginBottom-0px _marginLeft-0px _ff-f-family _fw-f-weight-re98715119 _fs-f-size-body1504 _lh-f-lineHeigh201793147 _ls-f-letterSpa1099960304 _col-content--wa108662822"
-                data-disable-theme="true"
+                class="font_GTStandard _WebkitFontSmoothing-_platformweb_antialiased _dsp-inline _bxs-border-box _ww-break-word _ws-pre-wrap _marginTop-0px _marginRight-0px _marginBottom-0px _marginLeft-0px _ff-f-family _fs-f-size-body1504 _lh-f-lineHeigh201793147 _ls-f-letterSpa1099960304 _fw-f-weight-re98715119 _col-content--wa108662822"
               >
                 <div
-                  class="is_TypographyView _dsp-_platformweb_inline-flex _dsp-flex _alignItems-stretch _fd-column _fb-auto _bxs-border-box _pos-relative _minHeight-0px _minWidth-0px _flexShrink-0"
+                  class="is_TypographyViewInternal _dsp-_platformweb_inline-flex _dsp-flex _alignItems-stretch _fd-column _fb-auto _bxs-border-box _pos-relative _minHeight-0px _minWidth-0px _flexShrink-0"
                 >
                   <div
                     class="is_Icon _dsp-flex _alignItems-stretch _fd-column _fb-auto _bxs-border-box _pos-relative _minHeight-0px _minWidth-0px _flexShrink-0 _width-t-bumperIco1504282965 _height-t-bumperIco1504282965"
@@ -246,17 +235,15 @@ exports[`Bumper/Content/TypographyIcon/Features NestedTypographyInheritance 1`]
               class="is_VStack _dsp-flex _alignItems-stretch _fb-auto _bxs-border-box _pos-relative _minHeight-0px _minWidth-0px _flexShrink-0 _fd-column _gap-t-space-spa94482166"
             >
               <span
-                class="font_GTStandard _WebkitFontSmoothing-_platformweb_antialiased _dsp-inline _bxs-border-box _ww-break-word _ws-pre-wrap _marginTop-0px _marginRight-0px _marginBottom-0px _marginLeft-0px _ff-f-family _fw-f-weight-re98715119 _fs-f-size-body1510 _lh-f-lineHeigh201793153 _ls-f-letterSpa1099960310 _col-content--ba1918259606"
-                data-disable-theme="true"
+                class="font_GTStandard _WebkitFontSmoothing-_platformweb_antialiased _dsp-inline _bxs-border-box _ww-break-word _ws-pre-wrap _marginTop-0px _marginRight-0px _marginBottom-0px _marginLeft-0px _ff-f-family _fs-f-size-body1510 _lh-f-lineHeigh201793153 _ls-f-letterSpa1099960310 _fw-f-weight-re98715119 _col-content--ba1918259606"
               >
                 Nested Typography components - icon inherits from parent
               </span>
               <span
-                class="font_GTStandard _WebkitFontSmoothing-_platformweb_antialiased _dsp-inline _bxs-border-box _ww-break-word _ws-pre-wrap _marginTop-0px _marginRight-0px _marginBottom-0px _marginLeft-0px _ff-f-family _fw-f-weight-re98715119 _fs-f-size-body1503 _lh-f-lineHeigh201793146 _ls-f-letterSpa1099960303 _col-content--ac3049896"
-                data-disable-theme="true"
+                class="font_GTStandard _WebkitFontSmoothing-_platformweb_antialiased _dsp-inline _bxs-border-box _ww-break-word _ws-pre-wrap _marginTop-0px _marginRight-0px _marginBottom-0px _marginLeft-0px _ff-f-family _fs-f-size-body1503 _lh-f-lineHeigh201793146 _ls-f-letterSpa1099960303 _fw-f-weight-re98715119 _col-content--ac3049896"
               >
                 <div
-                  class="is_TypographyView _dsp-_platformweb_inline-flex _dsp-flex _alignItems-stretch _fd-column _fb-auto _bxs-border-box _pos-relative _minHeight-0px _minWidth-0px _flexShrink-0"
+                  class="is_TypographyViewInternal _dsp-_platformweb_inline-flex _dsp-flex _alignItems-stretch _fd-column _fb-auto _bxs-border-box _pos-relative _minHeight-0px _minWidth-0px _flexShrink-0"
                 >
                   <div
                     class="is_Icon _dsp-flex _alignItems-stretch _fd-column _fb-auto _bxs-border-box _pos-relative _minHeight-0px _minWidth-0px _flexShrink-0 _width-t-bumperIco1504282965 _height-t-bumperIco1504282965"
@@ -269,11 +256,10 @@ exports[`Bumper/Content/TypographyIcon/Features NestedTypographyInheritance 1`]
                 </div>
                  Parent text with icon
                 <span
-                  class="font_GTStandard _WebkitFontSmoothing-_platformweb_antialiased _dsp-inline _bxs-border-box _ww-break-word _ws-inherit _marginTop-0px _marginRight-0px _marginBottom-0px _marginLeft-0px _ff-f-family _fw-f-weight-re98715119 _ls-f-letterSpa1099960304 _tt-inherit _fs-f-size-body1504 _lh-f-lineHeigh201793147 _col-content--ac3049896"
-                  data-disable-theme="true"
+                  class="font_GTStandard _WebkitFontSmoothing-_platformweb_antialiased _dsp-inline _bxs-border-box _ww-break-word _ws-inherit _marginTop-0px _marginRight-0px _marginBottom-0px _marginLeft-0px _ff-f-family _fs-f-size-body1504 _lh-f-lineHeigh201793147 _ls-f-letterSpa1099960304 _fw-f-weight-re98715119 _col-content--ac3049896 _tt-inherit"
                 >
                   <div
-                    class="is_TypographyView _dsp-_platformweb_inline-flex _dsp-flex _alignItems-stretch _fd-column _fb-auto _bxs-border-box _pos-relative _minHeight-0px _minWidth-0px _flexShrink-0"
+                    class="is_TypographyViewInternal _dsp-_platformweb_inline-flex _dsp-flex _alignItems-stretch _fd-column _fb-auto _bxs-border-box _pos-relative _minHeight-0px _minWidth-0px _flexShrink-0"
                   >
                     <div
                       class="is_Icon _dsp-flex _alignItems-stretch _fd-column _fb-auto _bxs-border-box _pos-relative _minHeight-0px _minWidth-0px _flexShrink-0 _width-t-bumperIco1504282971 _height-t-bumperIco1504282971"
@@ -292,17 +278,15 @@ exports[`Bumper/Content/TypographyIcon/Features NestedTypographyInheritance 1`]
               class="is_VStack _dsp-flex _alignItems-stretch _fb-auto _bxs-border-box _pos-relative _minHeight-0px _minWidth-0px _flexShrink-0 _fd-column _gap-t-space-spa94482166"
             >
               <span
-                class="font_GTStandard _WebkitFontSmoothing-_platformweb_antialiased _dsp-inline _bxs-border-box _ww-break-word _ws-pre-wrap _marginTop-0px _marginRight-0px _marginBottom-0px _marginLeft-0px _ff-f-family _fw-f-weight-re98715119 _fs-f-size-body1510 _lh-f-lineHeigh201793153 _ls-f-letterSpa1099960310 _col-content--ba1918259606"
-                data-disable-theme="true"
+                class="font_GTStandard _WebkitFontSmoothing-_platformweb_antialiased _dsp-inline _bxs-border-box _ww-break-word _ws-pre-wrap _marginTop-0px _marginRight-0px _marginBottom-0px _marginLeft-0px _ff-f-family _fs-f-size-body1510 _lh-f-lineHeigh201793153 _ls-f-letterSpa1099960310 _fw-f-weight-re98715119 _col-content--ba1918259606"
               >
                 Nested with override - child overrides parent color
               </span>
               <span
-                class="font_GTStandard _WebkitFontSmoothing-_platformweb_antialiased _dsp-inline _bxs-border-box _ww-break-word _ws-pre-wrap _marginTop-0px _marginRight-0px _marginBottom-0px _marginLeft-0px _ff-f-family _fw-f-weight-re98715119 _fs-f-size-body1503 _lh-f-lineHeigh201793146 _ls-f-letterSpa1099960303 _col-content--ac3049896"
-                data-disable-theme="true"
+                class="font_GTStandard _WebkitFontSmoothing-_platformweb_antialiased _dsp-inline _bxs-border-box _ww-break-word _ws-pre-wrap _marginTop-0px _marginRight-0px _marginBottom-0px _marginLeft-0px _ff-f-family _fs-f-size-body1503 _lh-f-lineHeigh201793146 _ls-f-letterSpa1099960303 _fw-f-weight-re98715119 _col-content--ac3049896"
               >
                 <div
-                  class="is_TypographyView _dsp-_platformweb_inline-flex _dsp-flex _alignItems-stretch _fd-column _fb-auto _bxs-border-box _pos-relative _minHeight-0px _minWidth-0px _flexShrink-0"
+                  class="is_TypographyViewInternal _dsp-_platformweb_inline-flex _dsp-flex _alignItems-stretch _fd-column _fb-auto _bxs-border-box _pos-relative _minHeight-0px _minWidth-0px _flexShrink-0"
                 >
                   <div
                     class="is_Icon _dsp-flex _alignItems-stretch _fd-column _fb-auto _bxs-border-box _pos-relative _minHeight-0px _minWidth-0px _flexShrink-0 _width-t-bumperIco1504282965 _height-t-bumperIco1504282965"
@@ -315,11 +299,10 @@ exports[`Bumper/Content/TypographyIcon/Features NestedTypographyInheritance 1`]
                 </div>
                  Parent accent color
                 <span
-                  class="font_GTStandard _WebkitFontSmoothing-_platformweb_antialiased _dsp-inline _bxs-border-box _ww-break-word _ws-inherit _marginTop-0px _marginRight-0px _marginBottom-0px _marginLeft-0px _ff-f-family _fw-f-weight-re98715119 _ls-f-letterSpa1099960304 _tt-inherit _fs-f-size-body1504 _lh-f-lineHeigh201793147 _col-content--su94478629"
-                  data-disable-theme="true"
+                  class="font_GTStandard _WebkitFontSmoothing-_platformweb_antialiased _dsp-inline _bxs-border-box _ww-break-word _ws-inherit _marginTop-0px _marginRight-0px _marginBottom-0px _marginLeft-0px _ff-f-family _fs-f-size-body1504 _lh-f-lineHeigh201793147 _ls-f-letterSpa1099960304 _fw-f-weight-re98715119 _tt-inherit _col-content--su94478629"
                 >
                   <div
-                    class="is_TypographyView _dsp-_platformweb_inline-flex _dsp-flex _alignItems-stretch _fd-column _fb-auto _bxs-border-box _pos-relative _minHeight-0px _minWidth-0px _flexShrink-0"
+                    class="is_TypographyViewInternal _dsp-_platformweb_inline-flex _dsp-flex _alignItems-stretch _fd-column _fb-auto _bxs-border-box _pos-relative _minHeight-0px _minWidth-0px _flexShrink-0"
                   >
                     <div
                       class="is_Icon _dsp-flex _alignItems-stretch _fd-column _fb-auto _bxs-border-box _pos-relative _minHeight-0px _minWidth-0px _flexShrink-0 _width-t-bumperIco1504282971 _height-t-bumperIco1504282971"
@@ -366,17 +349,15 @@ exports[`Bumper/Content/TypographyIcon/Features OverrideInheritedColor 1`] = `
               class="is_VStack _dsp-flex _alignItems-stretch _fb-auto _bxs-border-box _pos-relative _minHeight-0px _minWidth-0px _flexShrink-0 _fd-column _gap-t-space-spa94482166"
             >
               <span
-                class="font_GTStandard _WebkitFontSmoothing-_platformweb_antialiased _dsp-inline _bxs-border-box _ww-break-word _ws-pre-wrap _marginTop-0px _marginRight-0px _marginBottom-0px _marginLeft-0px _ff-f-family _fw-f-weight-re98715119 _fs-f-size-body1510 _lh-f-lineHeigh201793153 _ls-f-letterSpa1099960310 _col-content--ba1918259606"
-                data-disable-theme="true"
+                class="font_GTStandard _WebkitFontSmoothing-_platformweb_antialiased _dsp-inline _bxs-border-box _ww-break-word _ws-pre-wrap _marginTop-0px _marginRight-0px _marginBottom-0px _marginLeft-0px _ff-f-family _fs-f-size-body1510 _lh-f-lineHeigh201793153 _ls-f-letterSpa1099960310 _fw-f-weight-re98715119 _col-content--ba1918259606"
               >
                 Typography is accent, but icon explicitly uses success color
               </span>
               <span
-                class="font_GTStandard _WebkitFontSmoothing-_platformweb_antialiased _dsp-inline _bxs-border-box _ww-break-word _ws-pre-wrap _marginTop-0px _marginRight-0px _marginBottom-0px _marginLeft-0px _ff-f-family _fw-f-weight-re98715119 _fs-f-size-body1504 _lh-f-lineHeigh201793147 _ls-f-letterSpa1099960304 _col-content--ac3049896"
-                data-disable-theme="true"
+                class="font_GTStandard _WebkitFontSmoothing-_platformweb_antialiased _dsp-inline _bxs-border-box _ww-break-word _ws-pre-wrap _marginTop-0px _marginRight-0px _marginBottom-0px _marginLeft-0px _ff-f-family _fs-f-size-body1504 _lh-f-lineHeigh201793147 _ls-f-letterSpa1099960304 _fw-f-weight-re98715119 _col-content--ac3049896"
               >
                 <div
-                  class="is_TypographyView _dsp-_platformweb_inline-flex _dsp-flex _alignItems-stretch _fd-column _fb-auto _bxs-border-box _pos-relative _minHeight-0px _minWidth-0px _flexShrink-0"
+                  class="is_TypographyViewInternal _dsp-_platformweb_inline-flex _dsp-flex _alignItems-stretch _fd-column _fb-auto _bxs-border-box _pos-relative _minHeight-0px _minWidth-0px _flexShrink-0"
                 >
                   <div
                     class="is_Icon _dsp-flex _alignItems-stretch _fd-column _fb-auto _bxs-border-box _pos-relative _minHeight-0px _minWidth-0px _flexShrink-0 _width-t-bumperIco1504282965 _height-t-bumperIco1504282965"
@@ -394,17 +375,15 @@ exports[`Bumper/Content/TypographyIcon/Features OverrideInheritedColor 1`] = `
               class="is_VStack _dsp-flex _alignItems-stretch _fb-auto _bxs-border-box _pos-relative _minHeight-0px _minWidth-0px _flexShrink-0 _fd-column _gap-t-space-spa94482166"
             >
               <span
-                class="font_GTStandard _WebkitFontSmoothing-_platformweb_antialiased _dsp-inline _bxs-border-box _ww-break-word _ws-pre-wrap _marginTop-0px _marginRight-0px _marginBottom-0px _marginLeft-0px _ff-f-family _fw-f-weight-re98715119 _fs-f-size-body1510 _lh-f-lineHeigh201793153 _ls-f-letterSpa1099960310 _col-content--ba1918259606"
-                data-disable-theme="true"
+                class="font_GTStandard _WebkitFontSmoothing-_platformweb_antialiased _dsp-inline _bxs-border-box _ww-break-word _ws-pre-wrap _marginTop-0px _marginRight-0px _marginBottom-0px _marginLeft-0px _ff-f-family _fs-f-size-body1510 _lh-f-lineHeigh201793153 _ls-f-letterSpa1099960310 _fw-f-weight-re98715119 _col-content--ba1918259606"
               >
                 Typography is success, but icon explicitly uses danger color
               </span>
               <span
-                class="font_GTStandard _WebkitFontSmoothing-_platformweb_antialiased _dsp-inline _bxs-border-box _ww-break-word _ws-pre-wrap _marginTop-0px _marginRight-0px _marginBottom-0px _marginLeft-0px _ff-f-family _fw-f-weight-re98715119 _fs-f-size-body1504 _lh-f-lineHeigh201793147 _ls-f-letterSpa1099960304 _col-content--su94478629"
-                data-disable-theme="true"
+                class="font_GTStandard _WebkitFontSmoothing-_platformweb_antialiased _dsp-inline _bxs-border-box _ww-break-word _ws-pre-wrap _marginTop-0px _marginRight-0px _marginBottom-0px _marginLeft-0px _ff-f-family _fs-f-size-body1504 _lh-f-lineHeigh201793147 _ls-f-letterSpa1099960304 _fw-f-weight-re98715119 _col-content--su94478629"
               >
                 <div
-                  class="is_TypographyView _dsp-_platformweb_inline-flex _dsp-flex _alignItems-stretch _fd-column _fb-auto _bxs-border-box _pos-relative _minHeight-0px _minWidth-0px _flexShrink-0"
+                  class="is_TypographyViewInternal _dsp-_platformweb_inline-flex _dsp-flex _alignItems-stretch _fd-column _fb-auto _bxs-border-box _pos-relative _minHeight-0px _minWidth-0px _flexShrink-0"
                 >
                   <div
                     class="is_Icon _dsp-flex _alignItems-stretch _fd-column _fb-auto _bxs-border-box _pos-relative _minHeight-0px _minWidth-0px _flexShrink-0 _width-t-bumperIco1504282965 _height-t-bumperIco1504282965"
@@ -450,7 +429,7 @@ exports[`Bumper/Content/TypographyIcon/Features WithExplicitColor 1`] = `
               class="is_VStack _dsp-flex _fb-auto _bxs-border-box _pos-relative _minHeight-0px _minWidth-0px _flexShrink-0 _fd-column _alignItems-center _gap-t-space-spa94482166"
             >
               <div
-                class="is_TypographyView _dsp-flex _alignItems-stretch _fd-column _fb-auto _bxs-border-box _pos-relative _minHeight-0px _minWidth-0px _flexShrink-0"
+                class="is_TypographyViewInternal _dsp-_platformweb_inline-flex _dsp-flex _alignItems-stretch _fd-column _fb-auto _bxs-border-box _pos-relative _minHeight-0px _minWidth-0px _flexShrink-0"
               >
                 <div
                   class="is_Icon _dsp-flex _alignItems-stretch _fd-column _fb-auto _bxs-border-box _pos-relative _minHeight-0px _minWidth-0px _flexShrink-0 _width-t-bumperIco1504282964 _height-t-bumperIco1504282964"
@@ -462,8 +441,7 @@ exports[`Bumper/Content/TypographyIcon/Features WithExplicitColor 1`] = `
                 </div>
               </div>
               <span
-                class="font_GTStandard _WebkitFontSmoothing-_platformweb_antialiased _dsp-inline _bxs-border-box _ww-break-word _ws-pre-wrap _marginTop-0px _marginRight-0px _marginBottom-0px _marginLeft-0px _ff-f-family _fw-f-weight-re98715119 _fs-f-size-body47080 _lh-f-lineHeigh1960620717 _ls-f-letterSpa260968488 _col-content--ba1918259606"
-                data-disable-theme="true"
+                class="font_GTStandard _WebkitFontSmoothing-_platformweb_antialiased _dsp-inline _bxs-border-box _ww-break-word _ws-pre-wrap _marginTop-0px _marginRight-0px _marginBottom-0px _marginLeft-0px _ff-f-family _fs-f-size-body47080 _lh-f-lineHeigh1960620717 _ls-f-letterSpa260968488 _fw-f-weight-re98715119 _col-content--ba1918259606"
               >
                 Explicit accent
               </span>
@@ -472,7 +450,7 @@ exports[`Bumper/Content/TypographyIcon/Features WithExplicitColor 1`] = `
               class="is_VStack _dsp-flex _fb-auto _bxs-border-box _pos-relative _minHeight-0px _minWidth-0px _flexShrink-0 _fd-column _alignItems-center _gap-t-space-spa94482166"
             >
               <div
-                class="is_TypographyView _dsp-flex _alignItems-stretch _fd-column _fb-auto _bxs-border-box _pos-relative _minHeight-0px _minWidth-0px _flexShrink-0"
+                class="is_TypographyViewInternal _dsp-_platformweb_inline-flex _dsp-flex _alignItems-stretch _fd-column _fb-auto _bxs-border-box _pos-relative _minHeight-0px _minWidth-0px _flexShrink-0"
               >
                 <div
                   class="is_Icon _dsp-flex _alignItems-stretch _fd-column _fb-auto _bxs-border-box _pos-relative _minHeight-0px _minWidth-0px _flexShrink-0 _width-t-bumperIco1504282964 _height-t-bumperIco1504282964"
@@ -484,8 +462,7 @@ exports[`Bumper/Content/TypographyIcon/Features WithExplicitColor 1`] = `
                 </div>
               </div>
               <span
-                class="font_GTStandard _WebkitFontSmoothing-_platformweb_antialiased _dsp-inline _bxs-border-box _ww-break-word _ws-pre-wrap _marginTop-0px _marginRight-0px _marginBottom-0px _marginLeft-0px _ff-f-family _fw-f-weight-re98715119 _fs-f-size-body47080 _lh-f-lineHeigh1960620717 _ls-f-letterSpa260968488 _col-content--ba1918259606"
-                data-disable-theme="true"
+                class="font_GTStandard _WebkitFontSmoothing-_platformweb_antialiased _dsp-inline _bxs-border-box _ww-break-word _ws-pre-wrap _marginTop-0px _marginRight-0px _marginBottom-0px _marginLeft-0px _ff-f-family _fs-f-size-body47080 _lh-f-lineHeigh1960620717 _ls-f-letterSpa260968488 _fw-f-weight-re98715119 _col-content--ba1918259606"
               >
                 Explicit success
               </span>
@@ -494,7 +471,7 @@ exports[`Bumper/Content/TypographyIcon/Features WithExplicitColor 1`] = `
               class="is_VStack _dsp-flex _fb-auto _bxs-border-box _pos-relative _minHeight-0px _minWidth-0px _flexShrink-0 _fd-column _alignItems-center _gap-t-space-spa94482166"
             >
               <div
-                class="is_TypographyView _dsp-flex _alignItems-stretch _fd-column _fb-auto _bxs-border-box _pos-relative _minHeight-0px _minWidth-0px _flexShrink-0"
+                class="is_TypographyViewInternal _dsp-_platformweb_inline-flex _dsp-flex _alignItems-stretch _fd-column _fb-auto _bxs-border-box _pos-relative _minHeight-0px _minWidth-0px _flexShrink-0"
               >
                 <div
                   class="is_Icon _dsp-flex _alignItems-stretch _fd-column _fb-auto _bxs-border-box _pos-relative _minHeight-0px _minWidth-0px _flexShrink-0 _width-t-bumperIco1504282964 _height-t-bumperIco1504282964"
@@ -506,8 +483,7 @@ exports[`Bumper/Content/TypographyIcon/Features WithExplicitColor 1`] = `
                 </div>
               </div>
               <span
-                class="font_GTStandard _WebkitFontSmoothing-_platformweb_antialiased _dsp-inline _bxs-border-box _ww-break-word _ws-pre-wrap _marginTop-0px _marginRight-0px _marginBottom-0px _marginLeft-0px _ff-f-family _fw-f-weight-re98715119 _fs-f-size-body47080 _lh-f-lineHeigh1960620717 _ls-f-letterSpa260968488 _col-content--ba1918259606"
-                data-disable-theme="true"
+                class="font_GTStandard _WebkitFontSmoothing-_platformweb_antialiased _dsp-inline _bxs-border-box _ww-break-word _ws-pre-wrap _marginTop-0px _marginRight-0px _marginBottom-0px _marginLeft-0px _ff-f-family _fs-f-size-body47080 _lh-f-lineHeigh1960620717 _ls-f-letterSpa260968488 _fw-f-weight-re98715119 _col-content--ba1918259606"
               >
                 Explicit warning
               </span>
@@ -516,7 +492,7 @@ exports[`Bumper/Content/TypographyIcon/Features WithExplicitColor 1`] = `
               class="is_VStack _dsp-flex _fb-auto _bxs-border-box _pos-relative _minHeight-0px _minWidth-0px _flexShrink-0 _fd-column _alignItems-center _gap-t-space-spa94482166"
             >
               <div
-                class="is_TypographyView _dsp-flex _alignItems-stretch _fd-column _fb-auto _bxs-border-box _pos-relative _minHeight-0px _minWidth-0px _flexShrink-0"
+                class="is_TypographyViewInternal _dsp-_platformweb_inline-flex _dsp-flex _alignItems-stretch _fd-column _fb-auto _bxs-border-box _pos-relative _minHeight-0px _minWidth-0px _flexShrink-0"
               >
                 <div
                   class="is_Icon _dsp-flex _alignItems-stretch _fd-column _fb-auto _bxs-border-box _pos-relative _minHeight-0px _minWidth-0px _flexShrink-0 _width-t-bumperIco1504282964 _height-t-bumperIco1504282964"
@@ -528,8 +504,7 @@ exports[`Bumper/Content/TypographyIcon/Features WithExplicitColor 1`] = `
                 </div>
               </div>
               <span
-                class="font_GTStandard _WebkitFontSmoothing-_platformweb_antialiased _dsp-inline _bxs-border-box _ww-break-word _ws-pre-wrap _marginTop-0px _marginRight-0px _marginBottom-0px _marginLeft-0px _ff-f-family _fw-f-weight-re98715119 _fs-f-size-body47080 _lh-f-lineHeigh1960620717 _ls-f-letterSpa260968488 _col-content--ba1918259606"
-                data-disable-theme="true"
+                class="font_GTStandard _WebkitFontSmoothing-_platformweb_antialiased _dsp-inline _bxs-border-box _ww-break-word _ws-pre-wrap _marginTop-0px _marginRight-0px _marginBottom-0px _marginLeft-0px _ff-f-family _fs-f-size-body47080 _lh-f-lineHeigh1960620717 _ls-f-letterSpa260968488 _fw-f-weight-re98715119 _col-content--ba1918259606"
               >
                 Explicit danger
               </span>

package/src/system/content/typography/__snapshots_web__/TypographyIcon.stories.tsx.snap

@@ -18,7 +18,7 @@ exports[`Bumper/Content/TypographyIcon Default 1`] = `
           style="display: contents;"
         >
           <div
-            class="is_TypographyView _dsp-flex _alignItems-stretch _fd-column _fb-auto _bxs-border-box _pos-relative _minHeight-0px _minWidth-0px _flexShrink-0"
+            class="is_TypographyViewInternal _dsp-_platformweb_inline-flex _dsp-flex _alignItems-stretch _fd-column _fb-auto _bxs-border-box _pos-relative _minHeight-0px _minWidth-0px _flexShrink-0"
           >
             <div
               class="is_Icon _dsp-flex _alignItems-stretch _fd-column _fb-auto _bxs-border-box _pos-relative _minHeight-0px _minWidth-0px _flexShrink-0 _width-t-bumperIco1504282965 _height-t-bumperIco1504282965"

package/src/system/content/typography/__snapshots_web__/TypographyLink.features.stories.tsx.snap

@@ -18,8 +18,7 @@ exports[`Bumper/Content/TypographyLink/Features DisabledFalse 1`] = `
           style="display: contents;"
         >
           <span
-            class="font_GTStandard _WebkitFontSmoothing-_platformweb_antialiased _td-0hover-none _dsp-inline _bxs-border-box _ww-break-word _ws-inherit _marginTop-0px _marginRight-0px _marginBottom-0px _marginLeft-0px _ff-f-family _col-content--ba907952141 _fs-f-size-body1504 _lh-f-lineHeigh201793147 _ls-inherit _fw-f-weight-re98715119 _tt-inherit _td-underline _cur-pointer is_TypographyLink "
-            data-disable-theme="true"
+            class="is_TypographyLink font_GTStandard _WebkitFontSmoothing-_platformweb_antialiased _td-0hover-none _dsp-inline _bxs-border-box _ww-break-word _ws-pre-wrap _marginTop-0px _marginRight-0px _marginBottom-0px _marginLeft-0px _ff-f-family _fs-f-size-body1504 _lh-f-lineHeigh201793147 _ls-f-letterSpa1099960304 _fw-f-weight-re98715119 _col-content--ba907952141 _td-underline _cur-pointer"
             role="link"
             tabindex="0"
           >
@@ -51,8 +50,7 @@ exports[`Bumper/Content/TypographyLink/Features DisabledTrue 1`] = `
         >
           <span
             aria-disabled="true"
-            class="font_GTStandard _WebkitFontSmoothing-_platformweb_antialiased _dsp-inline _bxs-border-box _ww-break-word _ws-inherit _marginTop-0px _marginRight-0px _marginBottom-0px _marginLeft-0px _ff-f-family _fs-f-size-body1504 _lh-f-lineHeigh201793147 _ls-inherit _fw-f-weight-re98715119 _tt-inherit _td-underline _cur-not-allowed _col-content--di910006857 is_TypographyLink "
-            data-disable-theme="true"
+            class="is_TypographyLink font_GTStandard _WebkitFontSmoothing-_platformweb_antialiased _dsp-inline _bxs-border-box _ww-break-word _ws-pre-wrap _marginTop-0px _marginRight-0px _marginBottom-0px _marginLeft-0px _ff-f-family _fs-f-size-body1504 _lh-f-lineHeigh201793147 _ls-f-letterSpa1099960304 _fw-f-weight-re98715119 _col-content--di910006857 _td-underline _cur-not-allowed"
             role="link"
             tabindex="0"
           >
@@ -65,6 +63,114 @@ exports[`Bumper/Content/TypographyLink/Features DisabledTrue 1`] = `
 </DocumentFragment>
 `;
 
+exports[`Bumper/Content/TypographyLink/Features NestedInBodyBold 1`] = `
+<DocumentFragment>
+  <div
+    class="css-view-g5y9jx r-flex-13awgt0"
+  >
+    <span
+      class=""
+      style="display: contents;"
+    >
+      <span
+        class=" "
+        style="display: contents;"
+      >
+        <span
+          class=" t_light is_Theme"
+          style="display: contents;"
+        >
+          <span
+            class="font_GTStandard _WebkitFontSmoothing-_platformweb_antialiased _dsp-inline _bxs-border-box _ww-break-word _ws-pre-wrap _marginTop-0px _marginRight-0px _marginBottom-0px _marginLeft-0px _ff-f-family _fs-f-size-body1503 _lh-f-lineHeigh201793146 _ls-f-letterSpa1099960303 _fw-f-weight-bo3448 _col-content--ac3049896"
+          >
+            Bold accent text with 
+            <span
+              class="is_TypographyLink font_GTStandard _WebkitFontSmoothing-_platformweb_antialiased _td-0hover-none _dsp-inline _bxs-border-box _ww-break-word _ws-inherit _marginTop-0px _marginRight-0px _marginBottom-0px _marginLeft-0px _ff-f-family _fs-f-size-body1503 _lh-f-lineHeigh201793146 _ls-f-letterSpa1099960303 _fw-f-weight-bo3448 _col-content--ac3049896 _cur-pointer _td-underline _tt-inherit"
+              role="link"
+              tabindex="0"
+            >
+              a nested link
+            </span>
+          </span>
+        </span>
+      </span>
+    </span>
+  </div>
+</DocumentFragment>
+`;
+
+exports[`Bumper/Content/TypographyLink/Features NestedInContentCaps 1`] = `
+<DocumentFragment>
+  <div
+    class="css-view-g5y9jx r-flex-13awgt0"
+  >
+    <span
+      class=""
+      style="display: contents;"
+    >
+      <span
+        class=" "
+        style="display: contents;"
+      >
+        <span
+          class=" t_light is_Theme"
+          style="display: contents;"
+        >
+          <span
+            class="font_GTStandardNarrow _WebkitFontSmoothing-_platformweb_antialiased _dsp-inline _bxs-border-box _ww-break-word _ws-pre-wrap _marginTop-0px _marginRight-0px _marginBottom-0px _marginLeft-0px _ff-f-family _fs-f-size-cont593321891 _lh-f-lineHeigh1366135090 _ls-f-letterSpa199301955 _fw-f-weight-bo3448 _col-content--ba907952141 _tt-uppercase"
+          >
+            content caps with 
+            <span
+              class="is_TypographyLink font_GTStandardNarrow _WebkitFontSmoothing-_platformweb_antialiased _td-0hover-none _dsp-inline _bxs-border-box _ww-break-word _ws-inherit _marginTop-0px _marginRight-0px _marginBottom-0px _marginLeft-0px _ff-f-family _fs-f-size-cont593321891 _lh-f-lineHeigh1366135090 _ls-f-letterSpa199301955 _fw-f-weight-bo3448 _col-content--ba907952141 _cur-pointer _td-underline _tt-uppercase"
+              role="link"
+              tabindex="0"
+            >
+              a nested link
+            </span>
+          </span>
+        </span>
+      </span>
+    </span>
+  </div>
+</DocumentFragment>
+`;
+
+exports[`Bumper/Content/TypographyLink/Features NestedInHeading 1`] = `
+<DocumentFragment>
+  <div
+    class="css-view-g5y9jx r-flex-13awgt0"
+  >
+    <span
+      class=""
+      style="display: contents;"
+    >
+      <span
+        class=" "
+        style="display: contents;"
+      >
+        <span
+          class=" t_light is_Theme"
+          style="display: contents;"
+        >
+          <span
+            class="font_GTStandard _WebkitFontSmoothing-_platformweb_antialiased _dsp-inline _bxs-border-box _ww-break-word _ws-pre-wrap _marginTop-0px _marginRight-0px _marginBottom-0px _marginLeft-0px _ff-f-family _fs-f-size-head100347202 _lh-f-lineHeigh1544154441 _ls-f-letterSpa1195674548 _fw-f-weight-se1074390495 _col-content--ba907952141"
+          >
+            Heading with 
+            <span
+              class="is_TypographyLink font_GTStandard _WebkitFontSmoothing-_platformweb_antialiased _td-0hover-none _dsp-inline _bxs-border-box _ww-break-word _ws-inherit _marginTop-0px _marginRight-0px _marginBottom-0px _marginLeft-0px _ff-f-family _fs-f-size-head100347202 _lh-f-lineHeigh1544154441 _ls-f-letterSpa1195674548 _fw-f-weight-se1074390495 _col-content--ba907952141 _cur-pointer _td-underline _tt-inherit"
+              role="link"
+              tabindex="0"
+            >
+              a nested link
+            </span>
+          </span>
+        </span>
+      </span>
+    </span>
+  </div>
+</DocumentFragment>
+`;
+
 exports[`Bumper/Content/TypographyLink/Features NoUnderlineFalse 1`] = `
 <DocumentFragment>
   <div
@@ -83,8 +189,7 @@ exports[`Bumper/Content/TypographyLink/Features NoUnderlineFalse 1`] = `
           style="display: contents;"
         >
           <span
-            class="font_GTStandard _WebkitFontSmoothing-_platformweb_antialiased _td-0hover-none _dsp-inline _bxs-border-box _ww-break-word _ws-inherit _marginTop-0px _marginRight-0px _marginBottom-0px _marginLeft-0px _ff-f-family _col-content--ba907952141 _fs-f-size-body1504 _lh-f-lineHeigh201793147 _ls-inherit _fw-f-weight-re98715119 _tt-inherit _cur-pointer _td-underline is_TypographyLink "
-            data-disable-theme="true"
+            class="is_TypographyLink font_GTStandard _WebkitFontSmoothing-_platformweb_antialiased _td-0hover-none _dsp-inline _bxs-border-box _ww-break-word _ws-pre-wrap _marginTop-0px _marginRight-0px _marginBottom-0px _marginLeft-0px _ff-f-family _fs-f-size-body1504 _lh-f-lineHeigh201793147 _ls-f-letterSpa1099960304 _fw-f-weight-re98715119 _col-content--ba907952141 _cur-pointer _td-underline"
             role="link"
             tabindex="0"
           >
@@ -115,8 +220,7 @@ exports[`Bumper/Content/TypographyLink/Features NoUnderlineTrue 1`] = `
           style="display: contents;"
         >
           <span
-            class="font_GTStandard _WebkitFontSmoothing-_platformweb_antialiased _td-0hover-none _dsp-inline _bxs-border-box _ww-break-word _ws-inherit _marginTop-0px _marginRight-0px _marginBottom-0px _marginLeft-0px _ff-f-family _col-content--ba907952141 _fs-f-size-body1504 _lh-f-lineHeigh201793147 _ls-inherit _fw-f-weight-re98715119 _tt-inherit _cur-pointer _td-none is_TypographyLink "
-            data-disable-theme="true"
+            class="is_TypographyLink font_GTStandard _WebkitFontSmoothing-_platformweb_antialiased _td-0hover-none _dsp-inline _bxs-border-box _ww-break-word _ws-pre-wrap _marginTop-0px _marginRight-0px _marginBottom-0px _marginLeft-0px _ff-f-family _fs-f-size-body1504 _lh-f-lineHeigh201793147 _ls-f-letterSpa1099960304 _fw-f-weight-re98715119 _col-content--ba907952141 _cur-pointer _td-none"
             role="link"
             tabindex="0"
           >
@@ -150,39 +254,35 @@ exports[`Bumper/Content/TypographyLink/Features StateHover 1`] = `
             class="is_VStack _dsp-flex _alignItems-stretch _fb-auto _bxs-border-box _pos-relative _minHeight-0px _minWidth-0px _flexShrink-0 _fd-column _gap-t-space-spa1366020313"
           >
             <span
-              class="font_GTStandard  is_TypographyLink "
-              data-disable-theme="true"
+              class="is_TypographyLink font_GTStandard "
               role="link"
-              style="display: inline; box-sizing: border-box; word-wrap: break-word; white-space: inherit; margin: 0px 0px 0px 0px; font-family: var(--f-family); color: var(--content--base--hi); -webkit-font-smoothing: antialiased; font-size: var(--f-size-body-m); line-height: var(--f-lineHeight-body-m); letter-spacing: inherit; font-weight: var(--f-weight-regular); text-transform: inherit; cursor: pointer; text-decoration-line: none;"
+              style="display: inline; box-sizing: border-box; word-wrap: break-word; white-space: pre-wrap; margin: 0px 0px 0px 0px; font-family: var(--f-family); font-size: var(--f-size-body-m); line-height: var(--f-lineHeight-body-m); letter-spacing: var(--f-letterSpacing-body-m); font-weight: var(--f-weight-regular); color: var(--content--base--hi); -webkit-font-smoothing: antialiased; cursor: pointer; text-decoration-line: none;"
               tabindex="0"
             >
               Forced hover state - underline removed (hoverStyle applied)
             </span>
             <span
-              class="font_GTStandard  is_TypographyLink "
-              data-disable-theme="true"
+              class="is_TypographyLink font_GTStandard "
               role="link"
-              style="display: inline; box-sizing: border-box; word-wrap: break-word; white-space: inherit; margin: 0px 0px 0px 0px; font-family: var(--f-family); color: var(--content--base--hi); -webkit-font-smoothing: antialiased; font-size: var(--f-size-body-m); line-height: var(--f-lineHeight-body-m); letter-spacing: inherit; font-weight: var(--f-weight-regular); text-transform: inherit; cursor: pointer; text-decoration-line: none;"
+              style="display: inline; box-sizing: border-box; word-wrap: break-word; white-space: pre-wrap; margin: 0px 0px 0px 0px; font-family: var(--f-family); font-size: var(--f-size-body-m); line-height: var(--f-lineHeight-body-m); letter-spacing: var(--f-letterSpacing-body-m); font-weight: var(--f-weight-regular); color: var(--content--base--hi); -webkit-font-smoothing: antialiased; cursor: pointer; text-decoration-line: none;"
               tabindex="0"
             >
               Forced hover state with noUnderline - no visual change
             </span>
             <span
               aria-disabled="true"
-              class="font_GTStandard  is_TypographyLink "
-              data-disable-theme="true"
+              class="is_TypographyLink font_GTStandard "
               role="link"
-              style="display: inline; box-sizing: border-box; word-wrap: break-word; white-space: inherit; margin: 0px 0px 0px 0px; font-family: var(--f-family); -webkit-font-smoothing: antialiased; font-size: var(--f-size-body-m); line-height: var(--f-lineHeight-body-m); letter-spacing: inherit; font-weight: var(--f-weight-regular); text-transform: inherit; text-decoration-line: underline; cursor: not-allowed; color: var(--content--disabled);"
+              style="display: inline; box-sizing: border-box; word-wrap: break-word; white-space: pre-wrap; margin: 0px 0px 0px 0px; font-family: var(--f-family); font-size: var(--f-size-body-m); line-height: var(--f-lineHeight-body-m); letter-spacing: var(--f-letterSpacing-body-m); font-weight: var(--f-weight-regular); color: var(--content--disabled); -webkit-font-smoothing: antialiased; text-decoration-line: underline; cursor: not-allowed;"
               tabindex="0"
             >
               Forced hover state on disabled - underline removed (hoverStyle applied)
             </span>
             <span
               aria-disabled="true"
-              class="font_GTStandard  is_TypographyLink "
-              data-disable-theme="true"
+              class="is_TypographyLink font_GTStandard "
               role="link"
-              style="display: inline; box-sizing: border-box; word-wrap: break-word; white-space: inherit; margin: 0px 0px 0px 0px; font-family: var(--f-family); -webkit-font-smoothing: antialiased; font-size: var(--f-size-body-m); line-height: var(--f-lineHeight-body-m); letter-spacing: inherit; font-weight: var(--f-weight-regular); text-transform: inherit; cursor: not-allowed; color: var(--content--disabled); text-decoration-line: none;"
+              style="display: inline; box-sizing: border-box; word-wrap: break-word; white-space: pre-wrap; margin: 0px 0px 0px 0px; font-family: var(--f-family); font-size: var(--f-size-body-m); line-height: var(--f-lineHeight-body-m); letter-spacing: var(--f-letterSpacing-body-m); font-weight: var(--f-weight-regular); color: var(--content--disabled); -webkit-font-smoothing: antialiased; cursor: not-allowed; text-decoration-line: none;"
               tabindex="0"
             >
               Forced hover state with noUnderline on disabled - no visual change

package/src/system/content/typography/__snapshots_web__/TypographyLink.stories.tsx.snap

@@ -18,8 +18,7 @@ exports[`Bumper/Content/TypographyLink Default 1`] = `
           style="display: contents;"
         >
           <span
-            class="font_GTStandard _WebkitFontSmoothing-_platformweb_antialiased _td-0hover-none _dsp-inline _bxs-border-box _ww-break-word _ws-inherit _marginTop-0px _marginRight-0px _marginBottom-0px _marginLeft-0px _ff-f-family _ls-f-letterSpa1099960304 _tt-inherit _fs-f-size-body1504 _lh-f-lineHeigh201793147 _fw-f-weight-re98715119 _col-content--ac3049896 _cur-pointer _td-underline is_TypographyLink "
-            data-disable-theme="true"
+            class="is_TypographyLink font_GTStandard _WebkitFontSmoothing-_platformweb_antialiased _td-0hover-none _dsp-inline _bxs-border-box _ww-break-word _ws-pre-wrap _marginTop-0px _marginRight-0px _marginBottom-0px _marginLeft-0px _ff-f-family _fs-f-size-body1504 _lh-f-lineHeigh201793147 _ls-f-letterSpa1099960304 _fw-f-weight-re98715119 _col-content--ac3049896 _cur-pointer _td-underline"
             role="link"
             tabindex="0"
           >

package/src/system/content/typography/utils/typographyContext.ts

@@ -1,29 +1,17 @@
 import type { ColorTokens } from '@tamagui/core';
-import { createContext, useContext } from 'react';
+import { createStyledContext } from '@tamagui/core';
 import type { FontVariants } from '../../../core/tokens/fonts';
 
-export type TypographyVariantContextValue = FontVariants | null;
-export type TypographyWeightContextValue = 'regular' | 'bold' | 'semibold' | null;
-export type TypograhyColorContextValue = ColorTokens | null;
-type TypographyContextValue = boolean;
+export type TypographyVariantContextValue = FontVariants | undefined;
+export type TypographyWeightContextValue = 'regular' | 'bold' | 'semibold' | undefined;
+export type TypograhyColorContextValue = ColorTokens | undefined;
 
-export const TypographyVariantContext = createContext<TypographyVariantContextValue>(null);
-export const TypographyWeightContext = createContext<TypographyWeightContextValue>(null);
-export const TypograhyColorContext = createContext<TypograhyColorContextValue>(null);
-export const TypographyContext = createContext<boolean>(false);
-
-export const useTypographyColor = (): TypograhyColorContextValue => {
-  return useContext(TypograhyColorContext);
-};
-
-export const useTypographyVariant = (): TypographyVariantContextValue => {
-  return useContext(TypographyVariantContext);
-};
-
-export const useTypographyWeight = (): TypographyWeightContextValue => {
-  return useContext(TypographyWeightContext);
-};
-
-export const useTypographyContext = (): TypographyContextValue => {
-  return useContext(TypographyContext);
-};
+export const typographyStyleContext = createStyledContext<{
+  color: TypograhyColorContextValue;
+  weight: TypographyWeightContextValue;
+  variant: TypographyVariantContextValue;
+}>({
+  color: undefined,
+  weight: undefined,
+  variant: undefined,
+});

package/src/system/core/hooks/useProps.ts

@@ -0,0 +1,9 @@
+// eslint-disable-next-line no-restricted-imports
+import { useProps as usePropsTamagui } from '@tamagui/core';
+import type { PropsWithoutMediaStyles } from '../../types';
+
+// This hook is a wrapper around Tamagui's useProps to extract only the non-media props from the given props object.
+// It uses our custom PropsWithoutMediaStyles type to ensure that all media props are optional, even if they are required in the original props type. This is necessary for our components which have required media props (like variant for Typography).
+export function useProps<P extends object>(props: P): PropsWithoutMediaStyles<P> {
+  return usePropsTamagui(props) as unknown as PropsWithoutMediaStyles<P>;
+}