@cck-ui/core 0.39.0 → 0.41.0

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 (50) hide show
  1. package/cjs/components/blockquote/blockquote.cjs +435 -0
  2. package/cjs/components/blockquote/blockquote.cjs.map +1 -0
  3. package/cjs/components/blockquote/blockquote.module.cjs +11 -0
  4. package/cjs/components/blockquote/blockquote.module.cjs.map +1 -0
  5. package/cjs/components/blockquote/blockquote.utils.cjs +31 -0
  6. package/cjs/components/blockquote/blockquote.utils.cjs.map +1 -0
  7. package/cjs/components/blockquote/index.cjs +14 -0
  8. package/cjs/components/blockquote/index.cjs.map +1 -0
  9. package/cjs/components/code/code.cjs +401 -0
  10. package/cjs/components/code/code.cjs.map +1 -0
  11. package/cjs/components/code/code.module.cjs +7 -0
  12. package/cjs/components/code/code.module.cjs.map +1 -0
  13. package/cjs/components/code/code.utils.cjs +8 -0
  14. package/cjs/components/code/code.utils.cjs.map +1 -0
  15. package/cjs/components/code/index.cjs +14 -0
  16. package/cjs/components/code/index.cjs.map +1 -0
  17. package/cjs/index.cjs +117 -111
  18. package/cjs/index.cjs.map +1 -1
  19. package/esm/components/blockquote/blockquote.mjs +435 -0
  20. package/esm/components/blockquote/blockquote.mjs.map +1 -0
  21. package/esm/components/blockquote/blockquote.module.mjs +11 -0
  22. package/esm/components/blockquote/blockquote.module.mjs.map +1 -0
  23. package/esm/components/blockquote/blockquote.utils.mjs +32 -0
  24. package/esm/components/blockquote/blockquote.utils.mjs.map +1 -0
  25. package/esm/components/blockquote/index.mjs +11 -0
  26. package/esm/components/blockquote/index.mjs.map +1 -0
  27. package/esm/components/code/code.mjs +401 -0
  28. package/esm/components/code/code.mjs.map +1 -0
  29. package/esm/components/code/code.module.mjs +7 -0
  30. package/esm/components/code/code.module.mjs.map +1 -0
  31. package/esm/components/code/code.utils.mjs +9 -0
  32. package/esm/components/code/code.utils.mjs.map +1 -0
  33. package/esm/components/code/index.mjs +11 -0
  34. package/esm/components/code/index.mjs.map +1 -0
  35. package/esm/index.mjs +5 -1
  36. package/esm/index.mjs.map +1 -1
  37. package/lib/components/blockquote/blockquote.types.d.ts +30 -0
  38. package/lib/components/blockquote/blockquote.utils.d.ts +6 -0
  39. package/lib/components/blockquote/index.d.ts +6 -0
  40. package/lib/components/code/code.types.d.ts +17 -0
  41. package/lib/components/code/code.utils.d.ts +6 -0
  42. package/lib/components/code/index.d.ts +6 -0
  43. package/lib/components/index.d.ts +2 -0
  44. package/package.json +1 -1
  45. package/styles/blockquote.css +42 -0
  46. package/styles/blockquote.layer.css +43 -0
  47. package/styles/code.css +21 -0
  48. package/styles/code.layer.css +22 -0
  49. package/styles.css +65 -0
  50. package/styles.layer.css +65 -0
package/styles/blockquote.layer.css ADDED
@@ -0,0 +1,43 @@
1
+ @layer cck {.m_195949e0 {
2
+ --blockquote-border: 3px solid var(--bq-bd);
3
+
4
+ position: relative;
5
+ margin: 0;
6
+ text-wrap: var(--bq-text-wrap, var(--c-text-wrap));
7
+ border-inline-start: var(--blockquote-border);
8
+ border-start-end-radius: var(--bq-radius);
9
+ border-end-end-radius: var(--bq-radius);
10
+ padding: var(--c-spacing-xl) calc(2.375rem * var(--c-scale));
11
+ }
12
+
13
+ :where([data-c-color-scheme='light']) .m_195949e0 {
14
+ background-color: var(--bq-bg-light);
15
+ }
16
+
17
+ :where([data-c-color-scheme='dark']) .m_195949e0 {
18
+ background-color: var(--bq-bg-dark);
19
+ }
20
+
21
+ .m_19550577 {
22
+ --blockquote-icon-offset: calc(var(--bq-icon-size) / -2);
23
+
24
+ position: absolute;
25
+ color: var(--bq-bd);
26
+ background-color: var(--c-color-body);
27
+ display: flex;
28
+ align-items: center;
29
+ justify-content: center;
30
+ top: var(--blockquote-icon-offset);
31
+ inset-inline-start: var(--blockquote-icon-offset);
32
+ width: var(--bq-icon-size);
33
+ height: var(--bq-icon-size);
34
+ border-radius: var(--bq-icon-size);
35
+ }
36
+
37
+ .m_19526255 {
38
+ display: block;
39
+ margin-top: var(--c-spacing-md);
40
+ opacity: 0.6;
41
+ font-size: 85%;
42
+ }
43
+ }
package/styles/code.css ADDED
@@ -0,0 +1,21 @@
1
+ .m_3a11a0c2 {
2
+ font-family: var(--c-font-family-monospace);
3
+ line-height: var(--c-line-height);
4
+ padding: 2px calc(var(--c-spacing-xs) / 2);
5
+ border-radius: var(--c-radius-sm);
6
+ font-size: var(--c-font-size-xs);
7
+ margin: 0;
8
+ overflow: auto;
9
+ }
10
+
11
+ :where([data-c-color-scheme='light']) .m_3a11a0c2 {
12
+ background-color: var(--code-bg, var(--c-color-gray-0));
13
+ }
14
+
15
+ :where([data-c-color-scheme='dark']) .m_3a11a0c2 {
16
+ background-color: var(--code-bg, var(--c-color-dark-6));
17
+ }
18
+
19
+ .m_3a11a0c2[data-block] {
20
+ padding: var(--c-spacing-xs);
21
+ }
package/styles/code.layer.css ADDED
@@ -0,0 +1,22 @@
1
+ @layer cck {.m_3a11a0c2 {
2
+ font-family: var(--c-font-family-monospace);
3
+ line-height: var(--c-line-height);
4
+ padding: 2px calc(var(--c-spacing-xs) / 2);
5
+ border-radius: var(--c-radius-sm);
6
+ font-size: var(--c-font-size-xs);
7
+ margin: 0;
8
+ overflow: auto;
9
+ }
10
+
11
+ :where([data-c-color-scheme='light']) .m_3a11a0c2 {
12
+ background-color: var(--code-bg, var(--c-color-gray-0));
13
+ }
14
+
15
+ :where([data-c-color-scheme='dark']) .m_3a11a0c2 {
16
+ background-color: var(--code-bg, var(--c-color-dark-6));
17
+ }
18
+
19
+ .m_3a11a0c2[data-block] {
20
+ padding: var(--c-spacing-xs);
21
+ }
22
+ }
package/styles.css CHANGED
@@ -1605,6 +1605,49 @@ fieldset:disabled .c-active:active {
1605
1605
  margin-inline-start: var(--badge-section-margin);
1606
1606
  }
1607
1607
 
1608
+ .m_195949e0 {
1609
+ --blockquote-border: 3px solid var(--bq-bd);
1610
+
1611
+ position: relative;
1612
+ margin: 0;
1613
+ text-wrap: var(--bq-text-wrap, var(--c-text-wrap));
1614
+ border-inline-start: var(--blockquote-border);
1615
+ border-start-end-radius: var(--bq-radius);
1616
+ border-end-end-radius: var(--bq-radius);
1617
+ padding: var(--c-spacing-xl) calc(2.375rem * var(--c-scale));
1618
+ }
1619
+
1620
+ :where([data-c-color-scheme='light']) .m_195949e0 {
1621
+ background-color: var(--bq-bg-light);
1622
+ }
1623
+
1624
+ :where([data-c-color-scheme='dark']) .m_195949e0 {
1625
+ background-color: var(--bq-bg-dark);
1626
+ }
1627
+
1628
+ .m_19550577 {
1629
+ --blockquote-icon-offset: calc(var(--bq-icon-size) / -2);
1630
+
1631
+ position: absolute;
1632
+ color: var(--bq-bd);
1633
+ background-color: var(--c-color-body);
1634
+ display: flex;
1635
+ align-items: center;
1636
+ justify-content: center;
1637
+ top: var(--blockquote-icon-offset);
1638
+ inset-inline-start: var(--blockquote-icon-offset);
1639
+ width: var(--bq-icon-size);
1640
+ height: var(--bq-icon-size);
1641
+ border-radius: var(--bq-icon-size);
1642
+ }
1643
+
1644
+ .m_19526255 {
1645
+ display: block;
1646
+ margin-top: var(--c-spacing-md);
1647
+ opacity: 0.6;
1648
+ font-size: 85%;
1649
+ }
1650
+
1608
1651
  .m_bd72d3bf {
1609
1652
  display: flex;
1610
1653
  align-items: center;
@@ -1771,6 +1814,28 @@ fieldset:disabled .c-active:active {
1771
1814
  }
1772
1815
  }
1773
1816
 
1817
+ .m_3a11a0c2 {
1818
+ font-family: var(--c-font-family-monospace);
1819
+ line-height: var(--c-line-height);
1820
+ padding: 2px calc(var(--c-spacing-xs) / 2);
1821
+ border-radius: var(--c-radius-sm);
1822
+ font-size: var(--c-font-size-xs);
1823
+ margin: 0;
1824
+ overflow: auto;
1825
+ }
1826
+
1827
+ :where([data-c-color-scheme='light']) .m_3a11a0c2 {
1828
+ background-color: var(--code-bg, var(--c-color-gray-0));
1829
+ }
1830
+
1831
+ :where([data-c-color-scheme='dark']) .m_3a11a0c2 {
1832
+ background-color: var(--code-bg, var(--c-color-dark-6));
1833
+ }
1834
+
1835
+ .m_3a11a0c2[data-block] {
1836
+ padding: var(--c-spacing-xs);
1837
+ }
1838
+
1774
1839
  .m_c2451869 {
1775
1840
  --cs-size: calc(1.75rem * var(--c-scale));
1776
1841
  --cs-radius: calc(62.5rem * var(--c-scale));
package/styles.layer.css CHANGED
@@ -1605,6 +1605,49 @@ fieldset:disabled .c-active:active {
1605
1605
  margin-inline-start: var(--badge-section-margin);
1606
1606
  }
1607
1607
 
1608
+ .m_195949e0 {
1609
+ --blockquote-border: 3px solid var(--bq-bd);
1610
+
1611
+ position: relative;
1612
+ margin: 0;
1613
+ text-wrap: var(--bq-text-wrap, var(--c-text-wrap));
1614
+ border-inline-start: var(--blockquote-border);
1615
+ border-start-end-radius: var(--bq-radius);
1616
+ border-end-end-radius: var(--bq-radius);
1617
+ padding: var(--c-spacing-xl) calc(2.375rem * var(--c-scale));
1618
+ }
1619
+
1620
+ :where([data-c-color-scheme='light']) .m_195949e0 {
1621
+ background-color: var(--bq-bg-light);
1622
+ }
1623
+
1624
+ :where([data-c-color-scheme='dark']) .m_195949e0 {
1625
+ background-color: var(--bq-bg-dark);
1626
+ }
1627
+
1628
+ .m_19550577 {
1629
+ --blockquote-icon-offset: calc(var(--bq-icon-size) / -2);
1630
+
1631
+ position: absolute;
1632
+ color: var(--bq-bd);
1633
+ background-color: var(--c-color-body);
1634
+ display: flex;
1635
+ align-items: center;
1636
+ justify-content: center;
1637
+ top: var(--blockquote-icon-offset);
1638
+ inset-inline-start: var(--blockquote-icon-offset);
1639
+ width: var(--bq-icon-size);
1640
+ height: var(--bq-icon-size);
1641
+ border-radius: var(--bq-icon-size);
1642
+ }
1643
+
1644
+ .m_19526255 {
1645
+ display: block;
1646
+ margin-top: var(--c-spacing-md);
1647
+ opacity: 0.6;
1648
+ font-size: 85%;
1649
+ }
1650
+
1608
1651
  .m_bd72d3bf {
1609
1652
  display: flex;
1610
1653
  align-items: center;
@@ -1771,6 +1814,28 @@ fieldset:disabled .c-active:active {
1771
1814
  }
1772
1815
  }
1773
1816
 
1817
+ .m_3a11a0c2 {
1818
+ font-family: var(--c-font-family-monospace);
1819
+ line-height: var(--c-line-height);
1820
+ padding: 2px calc(var(--c-spacing-xs) / 2);
1821
+ border-radius: var(--c-radius-sm);
1822
+ font-size: var(--c-font-size-xs);
1823
+ margin: 0;
1824
+ overflow: auto;
1825
+ }
1826
+
1827
+ :where([data-c-color-scheme='light']) .m_3a11a0c2 {
1828
+ background-color: var(--code-bg, var(--c-color-gray-0));
1829
+ }
1830
+
1831
+ :where([data-c-color-scheme='dark']) .m_3a11a0c2 {
1832
+ background-color: var(--code-bg, var(--c-color-dark-6));
1833
+ }
1834
+
1835
+ .m_3a11a0c2[data-block] {
1836
+ padding: var(--c-spacing-xs);
1837
+ }
1838
+
1774
1839
  .m_c2451869 {
1775
1840
  --cs-size: calc(1.75rem * var(--c-scale));
1776
1841
  --cs-radius: calc(62.5rem * var(--c-scale));