@cck-ui/core 0.40.0 → 0.42.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 (70) hide show
  1. package/cjs/components/code/code.cjs +401 -0
  2. package/cjs/components/code/code.cjs.map +1 -0
  3. package/cjs/components/code/code.module.cjs +7 -0
  4. package/cjs/components/code/code.module.cjs.map +1 -0
  5. package/cjs/components/code/code.utils.cjs +8 -0
  6. package/cjs/components/code/code.utils.cjs.map +1 -0
  7. package/cjs/components/code/index.cjs +14 -0
  8. package/cjs/components/code/index.cjs.map +1 -0
  9. package/cjs/components/highlight/highlight.cjs +493 -0
  10. package/cjs/components/highlight/highlight.cjs.map +1 -0
  11. package/cjs/components/highlight/highlighter/highlighter.cjs +84 -0
  12. package/cjs/components/highlight/highlighter/highlighter.cjs.map +1 -0
  13. package/cjs/components/highlight/index.cjs +13 -0
  14. package/cjs/components/highlight/index.cjs.map +1 -0
  15. package/cjs/components/mark/get-mark-color/get-mark-color.cjs +16 -0
  16. package/cjs/components/mark/get-mark-color/get-mark-color.cjs.map +1 -0
  17. package/cjs/components/mark/index.cjs +14 -0
  18. package/cjs/components/mark/index.cjs.map +1 -0
  19. package/cjs/components/mark/mark.cjs +396 -0
  20. package/cjs/components/mark/mark.cjs.map +1 -0
  21. package/cjs/components/mark/mark.module.cjs +7 -0
  22. package/cjs/components/mark/mark.module.cjs.map +1 -0
  23. package/cjs/components/mark/mark.utils.cjs +20 -0
  24. package/cjs/components/mark/mark.utils.cjs.map +1 -0
  25. package/cjs/index.cjs +99 -90
  26. package/cjs/index.cjs.map +1 -1
  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/components/highlight/highlight.mjs +493 -0
  36. package/esm/components/highlight/highlight.mjs.map +1 -0
  37. package/esm/components/highlight/highlighter/highlighter.mjs +83 -0
  38. package/esm/components/highlight/highlighter/highlighter.mjs.map +1 -0
  39. package/esm/components/highlight/index.mjs +10 -0
  40. package/esm/components/highlight/index.mjs.map +1 -0
  41. package/esm/components/mark/get-mark-color/get-mark-color.mjs +16 -0
  42. package/esm/components/mark/get-mark-color/get-mark-color.mjs.map +1 -0
  43. package/esm/components/mark/index.mjs +11 -0
  44. package/esm/components/mark/index.mjs.map +1 -0
  45. package/esm/components/mark/mark.mjs +396 -0
  46. package/esm/components/mark/mark.mjs.map +1 -0
  47. package/esm/components/mark/mark.module.mjs +7 -0
  48. package/esm/components/mark/mark.module.mjs.map +1 -0
  49. package/esm/components/mark/mark.utils.mjs +20 -0
  50. package/esm/components/mark/mark.utils.mjs.map +1 -0
  51. package/esm/index.mjs +7 -1
  52. package/esm/index.mjs.map +1 -1
  53. package/lib/components/code/code.types.d.ts +17 -0
  54. package/lib/components/code/code.utils.d.ts +6 -0
  55. package/lib/components/code/index.d.ts +6 -0
  56. package/lib/components/highlight/highlight.types.d.ts +57 -0
  57. package/lib/components/highlight/highlighter/highlighter.d.ts +12 -0
  58. package/lib/components/highlight/index.d.ts +5 -0
  59. package/lib/components/index.d.ts +3 -0
  60. package/lib/components/mark/get-mark-color/get-mark-color.d.ts +8 -0
  61. package/lib/components/mark/index.d.ts +6 -0
  62. package/lib/components/mark/mark.types.d.ts +14 -0
  63. package/lib/components/mark/mark.utils.d.ts +6 -0
  64. package/package.json +1 -1
  65. package/styles/code.css +21 -0
  66. package/styles/code.layer.css +22 -0
  67. package/styles/mark.css +11 -0
  68. package/styles/mark.layer.css +12 -0
  69. package/styles.css +34 -0
  70. package/styles.layer.css +34 -0
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@cck-ui/core",
3
- "version": "0.40.0",
3
+ "version": "0.42.0",
4
4
  "description": "Vue component library focused on usability, accessibility and developer experience",
5
5
  "homepage": "https://cck-ui.jackatlas.xyz",
6
6
  "license": "ISC",
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/mark.css ADDED
@@ -0,0 +1,11 @@
1
+ .m_4541d3e2 {
2
+ color: var(--c-color-black);
3
+ }
4
+
5
+ :where([data-c-color-scheme='light']) .m_4541d3e2 {
6
+ background-color: var(--mark-bg-light);
7
+ }
8
+
9
+ :where([data-c-color-scheme='dark']) .m_4541d3e2 {
10
+ background-color: var(--mark-bg-dark);
11
+ }
package/styles/mark.layer.css ADDED
@@ -0,0 +1,12 @@
1
+ @layer cck {.m_4541d3e2 {
2
+ color: var(--c-color-black);
3
+ }
4
+
5
+ :where([data-c-color-scheme='light']) .m_4541d3e2 {
6
+ background-color: var(--mark-bg-light);
7
+ }
8
+
9
+ :where([data-c-color-scheme='dark']) .m_4541d3e2 {
10
+ background-color: var(--mark-bg-dark);
11
+ }
12
+ }
package/styles.css CHANGED
@@ -1814,6 +1814,28 @@ fieldset:disabled .c-active:active {
1814
1814
  }
1815
1815
  }
1816
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
+
1817
1839
  .m_c2451869 {
1818
1840
  --cs-size: calc(1.75rem * var(--c-scale));
1819
1841
  --cs-radius: calc(62.5rem * var(--c-scale));
@@ -2439,6 +2461,18 @@ fieldset:disabled .c-active:active {
2439
2461
  animation: m_1309882b 1.2s linear infinite;
2440
2462
  }
2441
2463
 
2464
+ .m_4541d3e2 {
2465
+ color: var(--c-color-black);
2466
+ }
2467
+
2468
+ :where([data-c-color-scheme='light']) .m_4541d3e2 {
2469
+ background-color: var(--mark-bg-light);
2470
+ }
2471
+
2472
+ :where([data-c-color-scheme='dark']) .m_4541d3e2 {
2473
+ background-color: var(--mark-bg-dark);
2474
+ }
2475
+
2442
2476
  .m_6f2f9f44 {
2443
2477
  --scp-filled-segment-color: var(--c-primary-color-filled);
2444
2478
  --scp-transition-duration: 0ms;
package/styles.layer.css CHANGED
@@ -1814,6 +1814,28 @@ fieldset:disabled .c-active:active {
1814
1814
  }
1815
1815
  }
1816
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
+
1817
1839
  .m_c2451869 {
1818
1840
  --cs-size: calc(1.75rem * var(--c-scale));
1819
1841
  --cs-radius: calc(62.5rem * var(--c-scale));
@@ -2439,6 +2461,18 @@ fieldset:disabled .c-active:active {
2439
2461
  animation: m_1309882b 1.2s linear infinite;
2440
2462
  }
2441
2463
 
2464
+ .m_4541d3e2 {
2465
+ color: var(--c-color-black);
2466
+ }
2467
+
2468
+ :where([data-c-color-scheme='light']) .m_4541d3e2 {
2469
+ background-color: var(--mark-bg-light);
2470
+ }
2471
+
2472
+ :where([data-c-color-scheme='dark']) .m_4541d3e2 {
2473
+ background-color: var(--mark-bg-dark);
2474
+ }
2475
+
2442
2476
  .m_6f2f9f44 {
2443
2477
  --scp-filled-segment-color: var(--c-primary-color-filled);
2444
2478
  --scp-transition-duration: 0ms;