@harnessio/ui 0.5.64 → 0.5.66

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/dist/styles.css +2 -2
  2. package/dist/tailwind.config.js +17 -10
  3. package/dist/tailwind.config.js.map +1 -1
  4. package/dist/themes/dark-deuteranopia.dfa210cc.css +5 -0
  5. package/dist/themes/dark-dimmer-deuteranopia.9b78cd2f.css +5 -0
  6. package/dist/themes/dark-dimmer-protanopia.8d159507.css +5 -0
  7. package/dist/themes/dark-dimmer-tritanopia.a2280e4d.css +5 -0
  8. package/dist/themes/dark-dimmer.11c280bb.css +5 -0
  9. package/dist/themes/dark-high-contrast-deuteranopia.6e4ea481.css +5 -0
  10. package/dist/themes/dark-high-contrast-protanopia.1186cff1.css +5 -0
  11. package/dist/themes/dark-high-contrast-tritanopia.e05ff49b.css +5 -0
  12. package/dist/themes/dark-high-contrast.77ee035c.css +5 -0
  13. package/dist/themes/dark-protanopia.c0438dcd.css +5 -0
  14. package/dist/themes/dark-tritanopia.019c46a5.css +5 -0
  15. package/dist/themes/light-deuteranopia.cccc8091.css +5 -0
  16. package/dist/themes/light-dimmer-deuteranopia.4e2d2e53.css +5 -0
  17. package/dist/themes/light-dimmer-protanopia.f2397364.css +5 -0
  18. package/dist/themes/light-dimmer-tritanopia.6461657f.css +5 -0
  19. package/dist/themes/light-dimmer.28a84be9.css +5 -0
  20. package/dist/themes/light-high-contrast-deuteranopia.fdd6815f.css +5 -0
  21. package/dist/themes/light-high-contrast-protanopia.a1c710ae.css +5 -0
  22. package/dist/themes/light-high-contrast-tritanopia.c9648b1c.css +5 -0
  23. package/dist/themes/light-high-contrast.7127a713.css +5 -0
  24. package/dist/themes/light-protanopia.2df26a51.css +5 -0
  25. package/dist/themes/light-tritanopia.c238bc5f.css +5 -0
  26. package/dist/themes/theme-manifest.js +22 -22
  27. package/dist/themes/theme-manifest.json +22 -22
  28. package/package.json +3 -3
  29. package/dist/themes/dark-deuteranopia.cf57a676.css +0 -5
  30. package/dist/themes/dark-dimmer-deuteranopia.60853247.css +0 -5
  31. package/dist/themes/dark-dimmer-protanopia.5ca32e68.css +0 -5
  32. package/dist/themes/dark-dimmer-tritanopia.10e83288.css +0 -5
  33. package/dist/themes/dark-dimmer.119cf40d.css +0 -5
  34. package/dist/themes/dark-high-contrast-deuteranopia.6c89b5d9.css +0 -5
  35. package/dist/themes/dark-high-contrast-protanopia.d81ddd48.css +0 -5
  36. package/dist/themes/dark-high-contrast-tritanopia.f5b360f4.css +0 -5
  37. package/dist/themes/dark-high-contrast.0710aced.css +0 -5
  38. package/dist/themes/dark-protanopia.748a4d56.css +0 -5
  39. package/dist/themes/dark-tritanopia.15e9e19f.css +0 -5
  40. package/dist/themes/light-deuteranopia.25967ad6.css +0 -5
  41. package/dist/themes/light-dimmer-deuteranopia.600ecd7b.css +0 -5
  42. package/dist/themes/light-dimmer-protanopia.11b82905.css +0 -5
  43. package/dist/themes/light-dimmer-tritanopia.398a8ee4.css +0 -5
  44. package/dist/themes/light-dimmer.188800e4.css +0 -5
  45. package/dist/themes/light-high-contrast-deuteranopia.30850109.css +0 -5
  46. package/dist/themes/light-high-contrast-protanopia.d8c59f97.css +0 -5
  47. package/dist/themes/light-high-contrast-tritanopia.8bcbdbde.css +0 -5
  48. package/dist/themes/light-high-contrast.8bdfc6e7.css +0 -5
  49. package/dist/themes/light-protanopia.dee18e95.css +0 -5
  50. package/dist/themes/light-tritanopia.2d66b052.css +0 -5
package/dist/tailwind.config.js CHANGED
@@ -4657,9 +4657,12 @@ const tr = {
4657
4657
  ".cn-studio-card": {
4658
4658
  // Step cards (base, no group/stage). Three-way radius split — see overrides below.
4659
4659
  borderRadius: "var(--cn-rounded-5)",
4660
- border: "1px solid var(--cn-border-2)",
4661
- backgroundColor: "var(--cn-bg-3)",
4662
- "@apply flex flex-col overflow-hidden shadow-cn-3 select-none": "",
4660
+ // Pipeline card border: border-2 in light, border-3 in dark (see comp.pipeline.card.border token).
4661
+ border: "1px solid var(--cn-comp-pipeline-card-border)",
4662
+ backgroundColor: "var(--cn-comp-pipeline-card-bg)",
4663
+ // Pipeline card drop shadow: shadow-3 in light, shadow-4 in dark (see comp.pipeline.card.shadow token).
4664
+ boxShadow: "var(--cn-comp-pipeline-card-shadow)",
4665
+ "@apply flex flex-col overflow-hidden select-none": "",
4663
4666
  transitionProperty: "background-color, opacity",
4664
4667
  transitionDuration: "200ms",
4665
4668
  transitionTimingFunction: "ease-in-out",
@@ -4802,13 +4805,13 @@ const tr = {
4802
4805
  "@apply absolute inset-y-0 right-0 w-8": "",
4803
4806
  content: '""',
4804
4807
  zIndex: "1",
4805
- background: "linear-gradient(to right, color-mix(in lch, var(--cn-comp-pipeline-card-footer) 0%, transparent), var(--cn-comp-pipeline-card-footer))"
4808
+ background: "linear-gradient(to right, color-mix(in lch, var(--cn-comp-pipeline-card-footer-bg) 0%, transparent), var(--cn-comp-pipeline-card-footer-bg))"
4806
4809
  },
4807
4810
  "&::after": {
4808
4811
  "@apply absolute absolute inset-x-0 bottom-0 h-8": "",
4809
4812
  content: '""',
4810
4813
  zIndex: "2",
4811
- background: "linear-gradient(to bottom, color-mix(in lch, var(--cn-comp-pipeline-card-footer) 0%, transparent), var(--cn-comp-pipeline-card-footer))"
4814
+ background: "linear-gradient(to bottom, color-mix(in lch, var(--cn-comp-pipeline-card-footer-bg) 0%, transparent), var(--cn-comp-pipeline-card-footer-bg))"
4812
4815
  },
4813
4816
  // Allow pre tags to wrap and prevent width expansion
4814
4817
  "& pre": {
@@ -4893,8 +4896,8 @@ const tr = {
4893
4896
  // Footer Component
4894
4897
  ".cn-studio-card-footer": {
4895
4898
  minHeight: "var(--cn-size-29)",
4896
- borderTop: "1px solid var(--cn-border-2)",
4897
- backgroundColor: "var(--cn-comp-pipeline-card-footer)",
4899
+ borderTop: "1px solid var(--cn-comp-pipeline-card-border)",
4900
+ backgroundColor: "var(--cn-comp-pipeline-card-footer-bg)",
4898
4901
  "@apply flex flex-col px-cn-md py-cn-md font-caption-normal": "",
4899
4902
  // Default: line-clamp-4 for regular cards
4900
4903
  "& span": {
@@ -4944,7 +4947,9 @@ const tr = {
4944
4947
  width: "100%",
4945
4948
  transitionProperty: "transform",
4946
4949
  transitionDuration: "100ms",
4947
- "@apply relative flex flex-col gap-cn-2xs shadow-cn-1 border border-cn-2 rounded-cn-3 overflow-hidden bg-cn-3": ""
4950
+ "@apply relative flex flex-col gap-cn-2xs shadow-cn-1 rounded-cn-3 overflow-hidden": "",
4951
+ border: "1px solid var(--cn-comp-pipeline-card-border)",
4952
+ backgroundColor: "var(--cn-comp-pipeline-card-bg)"
4948
4953
  },
4949
4954
  ".cn-studio-card-button": {
4950
4955
  zIndex: "2",
@@ -4957,7 +4962,7 @@ const tr = {
4957
4962
  },
4958
4963
  ".cn-studio-card-expand-button-bottom": {
4959
4964
  "@apply flex items-center justify-end gap-cn-2xs py-cn-xs px-cn-md flex-1 border-t border-cn-2": "",
4960
- backgroundColor: "var(--cn-comp-pipeline-card-footer)"
4965
+ backgroundColor: "var(--cn-comp-pipeline-card-footer-bg)"
4961
4966
  },
4962
4967
  // Expand Button Component
4963
4968
  ".cn-studio-card-expand-button": {
@@ -4972,7 +4977,9 @@ const tr = {
4972
4977
  transitionDuration: "100ms",
4973
4978
  transitionTimingFunction: "ease-out",
4974
4979
  willChange: "transform",
4975
- "@apply absolute shadow-cn-1 border border-cn-2 bg-cn-3 rounded-cn-3": "",
4980
+ "@apply absolute shadow-cn-1 rounded-cn-3": "",
4981
+ border: "1px solid var(--cn-comp-pipeline-card-border)",
4982
+ backgroundColor: "var(--cn-comp-pipeline-card-bg)",
4976
4983
  // First stack layer (closer to button)
4977
4984
  "&-1": {
4978
4985
  zIndex: "1",