@cck-ui/core 0.24.0 → 0.26.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 (36) hide show
  1. package/cjs/components/anchor/anchor.cjs +430 -0
  2. package/cjs/components/anchor/anchor.cjs.map +1 -0
  3. package/cjs/components/anchor/anchor.module.cjs +7 -0
  4. package/cjs/components/anchor/anchor.module.cjs.map +1 -0
  5. package/cjs/components/anchor/index.cjs +13 -0
  6. package/cjs/components/anchor/index.cjs.map +1 -0
  7. package/cjs/components/portal/index.cjs +12 -0
  8. package/cjs/components/portal/index.cjs.map +1 -0
  9. package/cjs/components/portal/portal.cjs +116 -0
  10. package/cjs/components/portal/portal.cjs.map +1 -0
  11. package/cjs/components/text/text.cjs.map +1 -1
  12. package/cjs/index.cjs +91 -85
  13. package/cjs/index.cjs.map +1 -1
  14. package/esm/components/anchor/anchor.mjs +428 -0
  15. package/esm/components/anchor/anchor.mjs.map +1 -0
  16. package/esm/components/anchor/anchor.module.mjs +7 -0
  17. package/esm/components/anchor/anchor.module.mjs.map +1 -0
  18. package/esm/components/anchor/index.mjs +10 -0
  19. package/esm/components/anchor/index.mjs.map +1 -0
  20. package/esm/components/portal/index.mjs +9 -0
  21. package/esm/components/portal/index.mjs.map +1 -0
  22. package/esm/components/portal/portal.mjs +116 -0
  23. package/esm/components/portal/portal.mjs.map +1 -0
  24. package/esm/components/text/text.mjs.map +1 -1
  25. package/esm/index.mjs +6 -2
  26. package/esm/index.mjs.map +1 -1
  27. package/lib/components/anchor/anchor.types.d.ts +16 -0
  28. package/lib/components/anchor/index.d.ts +6 -0
  29. package/lib/components/index.d.ts +2 -0
  30. package/lib/components/portal/index.d.ts +5 -0
  31. package/lib/components/portal/portal.types.d.ts +21 -0
  32. package/package.json +1 -1
  33. package/styles/anchor.css +56 -0
  34. package/styles/anchor.layer.css +57 -0
  35. package/styles.css +109 -52
  36. package/styles.layer.css +109 -52
package/styles.layer.css CHANGED
@@ -605,6 +605,115 @@ fieldset:disabled .c-active:active {
605
605
  --c-color-orange-outline-hover: rgba(253, 126, 20, 0.05);
606
606
  }
607
607
 
608
+ .m_3f669182 {
609
+ -webkit-tap-highlight-color: transparent;
610
+ text-decoration: none;
611
+ font-size: var(--text-fz, var(--c-font-size-md));
612
+ line-height: var(--text-lh, var(--c-line-height-md));
613
+ font-weight: var(--c-font-weight-regular);
614
+ text-wrap: var(--text-text-wrap, var(--c-text-wrap));
615
+ margin: 0;
616
+ padding: 0;
617
+ }
618
+
619
+ .m_3f669182:where([data-truncate]) {
620
+ overflow: hidden;
621
+ text-overflow: ellipsis;
622
+ white-space: nowrap;
623
+ }
624
+
625
+ .m_3f669182:where([data-truncate='start']) {
626
+ direction: rtl;
627
+ text-align: end;
628
+ }
629
+
630
+ :where([dir="rtl"]) .m_3f669182:where([data-truncate='start']) {
631
+ direction: ltr;
632
+ text-align: start;
633
+ }
634
+
635
+ .m_3f669182:where([data-variant='gradient']) {
636
+ background-image: var(--text-gradient);
637
+ -webkit-text-fill-color: transparent;
638
+ -webkit-background-clip: text;
639
+ background-clip: text;
640
+ }
641
+
642
+ .m_3f669182:where([data-line-clamp]) {
643
+ overflow: hidden;
644
+ text-overflow: ellipsis;
645
+ display: -webkit-box;
646
+ -webkit-line-clamp: var(--text-line-clamp);
647
+ -webkit-box-orient: vertical;
648
+ }
649
+
650
+ .m_3f669182:where([data-inherit]) {
651
+ line-height: inherit;
652
+ font-weight: inherit;
653
+ font-size: inherit;
654
+ }
655
+
656
+ .m_3f669182:where([data-inline]) {
657
+ line-height: 1;
658
+ }
659
+
660
+ .m_213348fa {
661
+ color: var(--c-color-anchor);
662
+ text-decoration: none;
663
+ appearance: none;
664
+ border: none;
665
+ display: inline;
666
+ padding: 0;
667
+ margin: 0;
668
+ background-color: transparent;
669
+ cursor: pointer;
670
+ }
671
+
672
+ @media (hover: hover) {
673
+
674
+ .m_213348fa:where([data-underline='hover']):hover {
675
+ text-decoration: underline;
676
+ }
677
+ }
678
+
679
+ @media (hover: none) {
680
+
681
+ .m_213348fa:where([data-underline='hover']):active {
682
+ text-decoration: underline;
683
+ }
684
+ }
685
+
686
+ .m_213348fa:where([data-underline='not-hover']) {
687
+ text-decoration: underline;
688
+ }
689
+
690
+ @media (hover: hover) {
691
+
692
+ .m_213348fa:where([data-underline='not-hover']):hover {
693
+ text-decoration: none;
694
+ }
695
+ }
696
+
697
+ @media (hover: none) {
698
+
699
+ .m_213348fa:where([data-underline='not-hover']):active {
700
+ text-decoration: none;
701
+ }
702
+ }
703
+
704
+ .m_213348fa:where([data-underline='always']) {
705
+ text-decoration: underline;
706
+ }
707
+
708
+ .m_213348fa:where([data-variant='gradient']),
709
+ .m_213348fa:where([data-variant='gradient']):hover {
710
+ text-decoration: none;
711
+ }
712
+
713
+ .m_213348fa:where([data-line-clamp]) {
714
+ display: -webkit-box;
715
+ }
716
+
608
717
  .m_537a2afc {
609
718
  background-color: transparent;
610
719
  cursor: pointer;
@@ -1881,58 +1990,6 @@ fieldset:disabled .c-active:active {
1881
1990
  gap: var(--stack-gap, var(--c-spacing-md));
1882
1991
  }
1883
1992
 
1884
- .m_3f669182 {
1885
- -webkit-tap-highlight-color: transparent;
1886
- text-decoration: none;
1887
- font-size: var(--text-fz, var(--c-font-size-md));
1888
- line-height: var(--text-lh, var(--c-line-height-md));
1889
- font-weight: var(--c-font-weight-regular);
1890
- text-wrap: var(--text-text-wrap, var(--c-text-wrap));
1891
- margin: 0;
1892
- padding: 0;
1893
- }
1894
-
1895
- .m_3f669182:where([data-truncate]) {
1896
- overflow: hidden;
1897
- text-overflow: ellipsis;
1898
- white-space: nowrap;
1899
- }
1900
-
1901
- .m_3f669182:where([data-truncate='start']) {
1902
- direction: rtl;
1903
- text-align: end;
1904
- }
1905
-
1906
- :where([dir="rtl"]) .m_3f669182:where([data-truncate='start']) {
1907
- direction: ltr;
1908
- text-align: start;
1909
- }
1910
-
1911
- .m_3f669182:where([data-variant='gradient']) {
1912
- background-image: var(--text-gradient);
1913
- -webkit-text-fill-color: transparent;
1914
- -webkit-background-clip: text;
1915
- background-clip: text;
1916
- }
1917
-
1918
- .m_3f669182:where([data-line-clamp]) {
1919
- overflow: hidden;
1920
- text-overflow: ellipsis;
1921
- display: -webkit-box;
1922
- -webkit-line-clamp: var(--text-line-clamp);
1923
- -webkit-box-orient: vertical;
1924
- }
1925
-
1926
- .m_3f669182:where([data-inherit]) {
1927
- line-height: inherit;
1928
- font-weight: inherit;
1929
- font-size: inherit;
1930
- }
1931
-
1932
- .m_3f669182:where([data-inline]) {
1933
- line-height: 1;
1934
- }
1935
-
1936
1993
  .m_487612c0 :first-child {
1937
1994
  margin-top: 0;
1938
1995
  }