@cck-ui/core 0.39.0 → 0.40.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 (29) 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/index.cjs +114 -111
  10. package/cjs/index.cjs.map +1 -1
  11. package/esm/components/blockquote/blockquote.mjs +435 -0
  12. package/esm/components/blockquote/blockquote.mjs.map +1 -0
  13. package/esm/components/blockquote/blockquote.module.mjs +11 -0
  14. package/esm/components/blockquote/blockquote.module.mjs.map +1 -0
  15. package/esm/components/blockquote/blockquote.utils.mjs +32 -0
  16. package/esm/components/blockquote/blockquote.utils.mjs.map +1 -0
  17. package/esm/components/blockquote/index.mjs +11 -0
  18. package/esm/components/blockquote/index.mjs.map +1 -0
  19. package/esm/index.mjs +3 -1
  20. package/esm/index.mjs.map +1 -1
  21. package/lib/components/blockquote/blockquote.types.d.ts +30 -0
  22. package/lib/components/blockquote/blockquote.utils.d.ts +6 -0
  23. package/lib/components/blockquote/index.d.ts +6 -0
  24. package/lib/components/index.d.ts +1 -0
  25. package/package.json +1 -1
  26. package/styles/blockquote.css +42 -0
  27. package/styles/blockquote.layer.css +43 -0
  28. package/styles.css +43 -0
  29. package/styles.layer.css +43 -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.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;
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;