@lemonppt/themes 0.1.2 → 0.1.4

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 (4) hide show
  1. package/package.json +2 -2
  2. package/src/base/styles.css +89 -0
  3. package/src/dark-tech/styles.css +89 -0
  4. package/src/warm-business/styles.css +89 -0
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@lemonppt/themes",
3
- "version": "0.1.2",
3
+ "version": "0.1.4",
4
4
  "type": "module",
5
5
  "main": "./dist/index.js",
6
6
  "types": "./dist/index.d.ts",
@@ -27,7 +27,7 @@
27
27
  },
28
28
  "homepage": "https://github.com/lemonforme/lemonPPT#readme",
29
29
  "dependencies": {
30
- "@lemonppt/core": "0.1.2"
30
+ "@lemonppt/core": "0.1.4"
31
31
  },
32
32
  "devDependencies": {
33
33
  "typescript": "^5.5.0"
package/src/base/styles.css CHANGED
@@ -1761,3 +1761,92 @@ body {
1761
1761
  break-after: auto;
1762
1762
  }
1763
1763
  }
1764
+ .lp-testimonial-v2 {
1765
+ width: 100%;
1766
+ height: 100%;
1767
+ padding: 80px;
1768
+ background: var(--lp-surface);
1769
+ display: flex;
1770
+ align-items: center;
1771
+ justify-content: center;
1772
+ }
1773
+
1774
+ .lp-testimonial-v2-card {
1775
+ width: 100%;
1776
+ max-width: 900px;
1777
+ background: var(--lp-bg);
1778
+ border: 1px solid var(--lp-border);
1779
+ border-radius: var(--lp-radius-large);
1780
+ padding: 48px;
1781
+ position: relative;
1782
+ }
1783
+
1784
+ .lp-testimonial-v2-logo {
1785
+ position: absolute;
1786
+ top: 32px;
1787
+ right: 40px;
1788
+ height: 32px;
1789
+ max-width: 120px;
1790
+ object-fit: contain;
1791
+ }
1792
+
1793
+ .lp-testimonial-v2-company {
1794
+ position: absolute;
1795
+ top: 32px;
1796
+ right: 40px;
1797
+ font-size: 14px;
1798
+ font-weight: 600;
1799
+ color: var(--lp-secondary);
1800
+ text-transform: uppercase;
1801
+ letter-spacing: 0.05em;
1802
+ }
1803
+
1804
+ .lp-testimonial-v2-quote {
1805
+ margin: 32px 0 40px;
1806
+ }
1807
+
1808
+ .lp-testimonial-v2-quote blockquote {
1809
+ font-size: 32px;
1810
+ font-weight: 500;
1811
+ line-height: 1.4;
1812
+ color: var(--lp-text);
1813
+ margin: 0;
1814
+ padding: 0;
1815
+ }
1816
+
1817
+ .lp-testimonial-v2-footer {
1818
+ display: flex;
1819
+ align-items: flex-end;
1820
+ justify-content: space-between;
1821
+ gap: 24px;
1822
+ }
1823
+
1824
+ .lp-testimonial-v2-name {
1825
+ font-size: 18px;
1826
+ font-weight: 600;
1827
+ color: var(--lp-text);
1828
+ }
1829
+
1830
+ .lp-testimonial-v2-role {
1831
+ font-size: 14px;
1832
+ color: var(--lp-secondary);
1833
+ margin-top: 4px;
1834
+ }
1835
+
1836
+ .lp-testimonial-v2-metric {
1837
+ text-align: right;
1838
+ flex-shrink: 0;
1839
+ }
1840
+
1841
+ .lp-testimonial-v2-metric-value {
1842
+ font-size: 36px;
1843
+ font-weight: 700;
1844
+ color: var(--lp-accent);
1845
+ line-height: 1;
1846
+ }
1847
+
1848
+ .lp-testimonial-v2-metric-label {
1849
+ font-size: 13px;
1850
+ color: var(--lp-secondary);
1851
+ margin-top: 4px;
1852
+ }
package/src/dark-tech/styles.css CHANGED
@@ -1780,3 +1780,92 @@ body {
1780
1780
  break-after: auto;
1781
1781
  }
1782
1782
  }
1783
+ .lp-testimonial-v2 {
1784
+ width: 100%;
1785
+ height: 100%;
1786
+ padding: 80px;
1787
+ background: var(--lp-surface);
1788
+ display: flex;
1789
+ align-items: center;
1790
+ justify-content: center;
1791
+ }
1792
+
1793
+ .lp-testimonial-v2-card {
1794
+ width: 100%;
1795
+ max-width: 900px;
1796
+ background: var(--lp-bg);
1797
+ border: 1px solid var(--lp-border);
1798
+ border-radius: var(--lp-radius-large);
1799
+ padding: 48px;
1800
+ position: relative;
1801
+ }
1802
+
1803
+ .lp-testimonial-v2-logo {
1804
+ position: absolute;
1805
+ top: 32px;
1806
+ right: 40px;
1807
+ height: 32px;
1808
+ max-width: 120px;
1809
+ object-fit: contain;
1810
+ }
1811
+
1812
+ .lp-testimonial-v2-company {
1813
+ position: absolute;
1814
+ top: 32px;
1815
+ right: 40px;
1816
+ font-size: 14px;
1817
+ font-weight: 600;
1818
+ color: var(--lp-secondary);
1819
+ text-transform: uppercase;
1820
+ letter-spacing: 0.05em;
1821
+ }
1822
+
1823
+ .lp-testimonial-v2-quote {
1824
+ margin: 32px 0 40px;
1825
+ }
1826
+
1827
+ .lp-testimonial-v2-quote blockquote {
1828
+ font-size: 32px;
1829
+ font-weight: 500;
1830
+ line-height: 1.4;
1831
+ color: var(--lp-text);
1832
+ margin: 0;
1833
+ padding: 0;
1834
+ }
1835
+
1836
+ .lp-testimonial-v2-footer {
1837
+ display: flex;
1838
+ align-items: flex-end;
1839
+ justify-content: space-between;
1840
+ gap: 24px;
1841
+ }
1842
+
1843
+ .lp-testimonial-v2-name {
1844
+ font-size: 18px;
1845
+ font-weight: 600;
1846
+ color: var(--lp-text);
1847
+ }
1848
+
1849
+ .lp-testimonial-v2-role {
1850
+ font-size: 14px;
1851
+ color: var(--lp-secondary);
1852
+ margin-top: 4px;
1853
+ }
1854
+
1855
+ .lp-testimonial-v2-metric {
1856
+ text-align: right;
1857
+ flex-shrink: 0;
1858
+ }
1859
+
1860
+ .lp-testimonial-v2-metric-value {
1861
+ font-size: 36px;
1862
+ font-weight: 700;
1863
+ color: var(--lp-accent);
1864
+ line-height: 1;
1865
+ }
1866
+
1867
+ .lp-testimonial-v2-metric-label {
1868
+ font-size: 13px;
1869
+ color: var(--lp-secondary);
1870
+ margin-top: 4px;
1871
+ }
package/src/warm-business/styles.css CHANGED
@@ -1772,3 +1772,92 @@ body {
1772
1772
  break-after: auto;
1773
1773
  }
1774
1774
  }
1775
+ .lp-testimonial-v2 {
1776
+ width: 100%;
1777
+ height: 100%;
1778
+ padding: 80px;
1779
+ background: var(--lp-surface);
1780
+ display: flex;
1781
+ align-items: center;
1782
+ justify-content: center;
1783
+ }
1784
+
1785
+ .lp-testimonial-v2-card {
1786
+ width: 100%;
1787
+ max-width: 900px;
1788
+ background: var(--lp-bg);
1789
+ border: 1px solid var(--lp-border);
1790
+ border-radius: var(--lp-radius-large);
1791
+ padding: 48px;
1792
+ position: relative;
1793
+ }
1794
+
1795
+ .lp-testimonial-v2-logo {
1796
+ position: absolute;
1797
+ top: 32px;
1798
+ right: 40px;
1799
+ height: 32px;
1800
+ max-width: 120px;
1801
+ object-fit: contain;
1802
+ }
1803
+
1804
+ .lp-testimonial-v2-company {
1805
+ position: absolute;
1806
+ top: 32px;
1807
+ right: 40px;
1808
+ font-size: 14px;
1809
+ font-weight: 600;
1810
+ color: var(--lp-secondary);
1811
+ text-transform: uppercase;
1812
+ letter-spacing: 0.05em;
1813
+ }
1814
+
1815
+ .lp-testimonial-v2-quote {
1816
+ margin: 32px 0 40px;
1817
+ }
1818
+
1819
+ .lp-testimonial-v2-quote blockquote {
1820
+ font-size: 32px;
1821
+ font-weight: 500;
1822
+ line-height: 1.4;
1823
+ color: var(--lp-text);
1824
+ margin: 0;
1825
+ padding: 0;
1826
+ }
1827
+
1828
+ .lp-testimonial-v2-footer {
1829
+ display: flex;
1830
+ align-items: flex-end;
1831
+ justify-content: space-between;
1832
+ gap: 24px;
1833
+ }
1834
+
1835
+ .lp-testimonial-v2-name {
1836
+ font-size: 18px;
1837
+ font-weight: 600;
1838
+ color: var(--lp-text);
1839
+ }
1840
+
1841
+ .lp-testimonial-v2-role {
1842
+ font-size: 14px;
1843
+ color: var(--lp-secondary);
1844
+ margin-top: 4px;
1845
+ }
1846
+
1847
+ .lp-testimonial-v2-metric {
1848
+ text-align: right;
1849
+ flex-shrink: 0;
1850
+ }
1851
+
1852
+ .lp-testimonial-v2-metric-value {
1853
+ font-size: 36px;
1854
+ font-weight: 700;
1855
+ color: var(--lp-accent);
1856
+ line-height: 1;
1857
+ }
1858
+
1859
+ .lp-testimonial-v2-metric-label {
1860
+ font-size: 13px;
1861
+ color: var(--lp-secondary);
1862
+ margin-top: 4px;
1863
+ }