@app-studio/web 0.9.38 → 0.9.39
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/components/Title/Title/Title.style.d.ts +0 -1
- package/dist/web.cjs.development.js +0 -19
- package/dist/web.cjs.development.js.map +1 -1
- package/dist/web.cjs.production.min.js +1 -1
- package/dist/web.cjs.production.min.js.map +1 -1
- package/dist/web.esm.js +0 -19
- package/dist/web.esm.js.map +1 -1
- package/dist/web.umd.development.js +0 -19
- package/dist/web.umd.development.js.map +1 -1
- package/dist/web.umd.production.min.js +1 -1
- package/dist/web.umd.production.min.js.map +1 -1
- package/package.json +2 -2
package/dist/web.esm.js
CHANGED
|
@@ -18765,16 +18765,6 @@ var TitleSizes = {
|
|
|
18765
18765
|
lg: 64,
|
|
18766
18766
|
xl: 72
|
|
18767
18767
|
};
|
|
18768
|
-
/**
|
|
18769
|
-
* Line heights for different title sizes
|
|
18770
|
-
*/
|
|
18771
|
-
var LineHeights = {
|
|
18772
|
-
xs: 32,
|
|
18773
|
-
sm: 48,
|
|
18774
|
-
md: 56,
|
|
18775
|
-
lg: 72,
|
|
18776
|
-
xl: 80
|
|
18777
|
-
};
|
|
18778
18768
|
/**
|
|
18779
18769
|
* Responsive typography system that maps title sizes to responsive breakpoints
|
|
18780
18770
|
* Based on the Typography system with dynamic breakpoint sizing
|
|
@@ -18782,7 +18772,6 @@ var LineHeights = {
|
|
|
18782
18772
|
var ResponsiveTypography = {
|
|
18783
18773
|
// xl maps to H1 - Largest heading
|
|
18784
18774
|
xl: {
|
|
18785
|
-
lineHeight: '120%',
|
|
18786
18775
|
fontWeight: 500,
|
|
18787
18776
|
marginBottom: 20,
|
|
18788
18777
|
letterSpacing: 1.25,
|
|
@@ -18803,7 +18792,6 @@ var ResponsiveTypography = {
|
|
|
18803
18792
|
},
|
|
18804
18793
|
// lg maps to H2 - Large heading
|
|
18805
18794
|
lg: {
|
|
18806
|
-
lineHeight: '100%',
|
|
18807
18795
|
fontWeight: 500,
|
|
18808
18796
|
media: {
|
|
18809
18797
|
mobile: {
|
|
@@ -18819,7 +18807,6 @@ var ResponsiveTypography = {
|
|
|
18819
18807
|
},
|
|
18820
18808
|
// md maps to H3 - Medium heading
|
|
18821
18809
|
md: {
|
|
18822
|
-
lineHeight: '100%',
|
|
18823
18810
|
fontWeight: 500,
|
|
18824
18811
|
media: {
|
|
18825
18812
|
mobile: {
|
|
@@ -18835,7 +18822,6 @@ var ResponsiveTypography = {
|
|
|
18835
18822
|
},
|
|
18836
18823
|
// sm maps to T1 - Title text
|
|
18837
18824
|
sm: {
|
|
18838
|
-
lineHeight: '100%',
|
|
18839
18825
|
fontWeight: 400,
|
|
18840
18826
|
letterSpacing: -0.2,
|
|
18841
18827
|
media: {
|
|
@@ -18852,7 +18838,6 @@ var ResponsiveTypography = {
|
|
|
18852
18838
|
},
|
|
18853
18839
|
// xs maps to S1 - Subtitle text
|
|
18854
18840
|
xs: {
|
|
18855
|
-
lineHeight: '120%',
|
|
18856
18841
|
fontWeight: 400,
|
|
18857
18842
|
letterSpacing: -0.2,
|
|
18858
18843
|
media: {
|
|
@@ -19052,7 +19037,6 @@ var TitleView = _ref => {
|
|
|
19052
19037
|
// Determine if we should use responsive sizing or static sizing
|
|
19053
19038
|
var useResponsive = responsive && !props.media; // Don't override if media prop is already provided
|
|
19054
19039
|
var fontSize = TitleSizes[size];
|
|
19055
|
-
var lineHeight = LineHeights[size];
|
|
19056
19040
|
// Get responsive styles if responsive prop is true
|
|
19057
19041
|
var responsiveStyles = useResponsive ? ResponsiveTypography[size] : null;
|
|
19058
19042
|
// Helper function to apply loop control to animations
|
|
@@ -19094,7 +19078,6 @@ var TitleView = _ref => {
|
|
|
19094
19078
|
ref: ref,
|
|
19095
19079
|
as: "h1",
|
|
19096
19080
|
fontSize: useResponsive ? undefined : fontSize,
|
|
19097
|
-
lineHeight: useResponsive ? responsiveStyles == null ? void 0 : responsiveStyles.lineHeight : lineHeight + "px",
|
|
19098
19081
|
fontWeight: useResponsive ? responsiveStyles == null ? void 0 : responsiveStyles.fontWeight : 'bold',
|
|
19099
19082
|
letterSpacing: useResponsive ? responsiveStyles == null ? void 0 : responsiveStyles.letterSpacing : undefined,
|
|
19100
19083
|
marginBottom: useResponsive ? responsiveStyles == null ? void 0 : responsiveStyles.marginBottom : undefined,
|
|
@@ -19120,7 +19103,6 @@ var TitleView = _ref => {
|
|
|
19120
19103
|
ref: ref,
|
|
19121
19104
|
as: "h1",
|
|
19122
19105
|
fontSize: useResponsive ? undefined : fontSize,
|
|
19123
|
-
lineHeight: useResponsive ? responsiveStyles == null ? void 0 : responsiveStyles.lineHeight : lineHeight + "px",
|
|
19124
19106
|
fontWeight: useResponsive ? responsiveStyles == null ? void 0 : responsiveStyles.fontWeight : 'bold',
|
|
19125
19107
|
letterSpacing: useResponsive ? responsiveStyles == null ? void 0 : responsiveStyles.letterSpacing : undefined,
|
|
19126
19108
|
marginBottom: useResponsive ? responsiveStyles == null ? void 0 : responsiveStyles.marginBottom : undefined,
|
|
@@ -19144,7 +19126,6 @@ var TitleView = _ref => {
|
|
|
19144
19126
|
ref: ref,
|
|
19145
19127
|
as: "h1",
|
|
19146
19128
|
fontSize: fontSize,
|
|
19147
|
-
lineHeight: useResponsive ? responsiveStyles == null ? void 0 : responsiveStyles.lineHeight : lineHeight + "px",
|
|
19148
19129
|
fontWeight: useResponsive ? responsiveStyles == null ? void 0 : responsiveStyles.fontWeight : 'bold',
|
|
19149
19130
|
letterSpacing: useResponsive ? responsiveStyles == null ? void 0 : responsiveStyles.letterSpacing : undefined,
|
|
19150
19131
|
marginBottom: useResponsive ? responsiveStyles == null ? void 0 : responsiveStyles.marginBottom : undefined,
|