@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
|
@@ -18733,16 +18733,6 @@
|
|
|
18733
18733
|
lg: 64,
|
|
18734
18734
|
xl: 72
|
|
18735
18735
|
};
|
|
18736
|
-
/**
|
|
18737
|
-
* Line heights for different title sizes
|
|
18738
|
-
*/
|
|
18739
|
-
var LineHeights = {
|
|
18740
|
-
xs: 32,
|
|
18741
|
-
sm: 48,
|
|
18742
|
-
md: 56,
|
|
18743
|
-
lg: 72,
|
|
18744
|
-
xl: 80
|
|
18745
|
-
};
|
|
18746
18736
|
/**
|
|
18747
18737
|
* Responsive typography system that maps title sizes to responsive breakpoints
|
|
18748
18738
|
* Based on the Typography system with dynamic breakpoint sizing
|
|
@@ -18750,7 +18740,6 @@
|
|
|
18750
18740
|
var ResponsiveTypography = {
|
|
18751
18741
|
// xl maps to H1 - Largest heading
|
|
18752
18742
|
xl: {
|
|
18753
|
-
lineHeight: '120%',
|
|
18754
18743
|
fontWeight: 500,
|
|
18755
18744
|
marginBottom: 20,
|
|
18756
18745
|
letterSpacing: 1.25,
|
|
@@ -18771,7 +18760,6 @@
|
|
|
18771
18760
|
},
|
|
18772
18761
|
// lg maps to H2 - Large heading
|
|
18773
18762
|
lg: {
|
|
18774
|
-
lineHeight: '100%',
|
|
18775
18763
|
fontWeight: 500,
|
|
18776
18764
|
media: {
|
|
18777
18765
|
mobile: {
|
|
@@ -18787,7 +18775,6 @@
|
|
|
18787
18775
|
},
|
|
18788
18776
|
// md maps to H3 - Medium heading
|
|
18789
18777
|
md: {
|
|
18790
|
-
lineHeight: '100%',
|
|
18791
18778
|
fontWeight: 500,
|
|
18792
18779
|
media: {
|
|
18793
18780
|
mobile: {
|
|
@@ -18803,7 +18790,6 @@
|
|
|
18803
18790
|
},
|
|
18804
18791
|
// sm maps to T1 - Title text
|
|
18805
18792
|
sm: {
|
|
18806
|
-
lineHeight: '100%',
|
|
18807
18793
|
fontWeight: 400,
|
|
18808
18794
|
letterSpacing: -0.2,
|
|
18809
18795
|
media: {
|
|
@@ -18820,7 +18806,6 @@
|
|
|
18820
18806
|
},
|
|
18821
18807
|
// xs maps to S1 - Subtitle text
|
|
18822
18808
|
xs: {
|
|
18823
|
-
lineHeight: '120%',
|
|
18824
18809
|
fontWeight: 400,
|
|
18825
18810
|
letterSpacing: -0.2,
|
|
18826
18811
|
media: {
|
|
@@ -19020,7 +19005,6 @@
|
|
|
19020
19005
|
// Determine if we should use responsive sizing or static sizing
|
|
19021
19006
|
var useResponsive = responsive && !props.media; // Don't override if media prop is already provided
|
|
19022
19007
|
var fontSize = TitleSizes[size];
|
|
19023
|
-
var lineHeight = LineHeights[size];
|
|
19024
19008
|
// Get responsive styles if responsive prop is true
|
|
19025
19009
|
var responsiveStyles = useResponsive ? ResponsiveTypography[size] : null;
|
|
19026
19010
|
// Helper function to apply loop control to animations
|
|
@@ -19062,7 +19046,6 @@
|
|
|
19062
19046
|
ref: ref,
|
|
19063
19047
|
as: "h1",
|
|
19064
19048
|
fontSize: useResponsive ? undefined : fontSize,
|
|
19065
|
-
lineHeight: useResponsive ? responsiveStyles == null ? void 0 : responsiveStyles.lineHeight : lineHeight + "px",
|
|
19066
19049
|
fontWeight: useResponsive ? responsiveStyles == null ? void 0 : responsiveStyles.fontWeight : 'bold',
|
|
19067
19050
|
letterSpacing: useResponsive ? responsiveStyles == null ? void 0 : responsiveStyles.letterSpacing : undefined,
|
|
19068
19051
|
marginBottom: useResponsive ? responsiveStyles == null ? void 0 : responsiveStyles.marginBottom : undefined,
|
|
@@ -19088,7 +19071,6 @@
|
|
|
19088
19071
|
ref: ref,
|
|
19089
19072
|
as: "h1",
|
|
19090
19073
|
fontSize: useResponsive ? undefined : fontSize,
|
|
19091
|
-
lineHeight: useResponsive ? responsiveStyles == null ? void 0 : responsiveStyles.lineHeight : lineHeight + "px",
|
|
19092
19074
|
fontWeight: useResponsive ? responsiveStyles == null ? void 0 : responsiveStyles.fontWeight : 'bold',
|
|
19093
19075
|
letterSpacing: useResponsive ? responsiveStyles == null ? void 0 : responsiveStyles.letterSpacing : undefined,
|
|
19094
19076
|
marginBottom: useResponsive ? responsiveStyles == null ? void 0 : responsiveStyles.marginBottom : undefined,
|
|
@@ -19112,7 +19094,6 @@
|
|
|
19112
19094
|
ref: ref,
|
|
19113
19095
|
as: "h1",
|
|
19114
19096
|
fontSize: fontSize,
|
|
19115
|
-
lineHeight: useResponsive ? responsiveStyles == null ? void 0 : responsiveStyles.lineHeight : lineHeight + "px",
|
|
19116
19097
|
fontWeight: useResponsive ? responsiveStyles == null ? void 0 : responsiveStyles.fontWeight : 'bold',
|
|
19117
19098
|
letterSpacing: useResponsive ? responsiveStyles == null ? void 0 : responsiveStyles.letterSpacing : undefined,
|
|
19118
19099
|
marginBottom: useResponsive ? responsiveStyles == null ? void 0 : responsiveStyles.marginBottom : undefined,
|