@leaflink/stash 43.5.0 → 44.0.0-beta.1

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 (23) hide show
  1. package/dist/Textarea.js +1 -1
  2. package/dist/Textarea.js.map +1 -1
  3. package/dist/components.css +1 -1
  4. package/package.json +1 -1
  5. package/styles/_core.scss +48 -0
  6. package/styles/backwards-compat.css +1407 -2
  7. package/styles/base.css +388 -19
  8. package/styles/components/_all.scss +0 -14
  9. package/styles/components/_box.scss +0 -13
  10. package/styles/components/_item-list.scss +0 -78
  11. package/styles/components/_sidebar.scss +0 -404
  12. package/styles/components/_top-header.scss +0 -219
  13. package/styles/elements/_all.scss +0 -15
  14. package/styles/elements/_buttons.scss +0 -235
  15. package/styles/elements/_forms.scss +0 -300
  16. package/styles/elements/_tables.scss +0 -80
  17. package/styles/elements/_tooltips.scss +0 -110
  18. package/styles/utility/_all.scss +0 -12
  19. package/styles/utility/_animations.scss +0 -103
  20. package/styles/utility/_display.scss +0 -167
  21. package/styles/utility/_grid.scss +0 -200
  22. package/styles/utility/_icons.scss +0 -31
  23. package/styles/utility/_transitions.scss +0 -110
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@leaflink/stash",
3
- "version": "43.5.0",
3
+ "version": "44.0.0-beta.1",
4
4
  "description": "LeafLink's design system.",
5
5
  "homepage": "https://stash.leaflink.com",
6
6
  "main": "./dist/index.ts",
package/styles/_core.scss CHANGED
@@ -615,6 +615,10 @@ $typography: (
615
615
  @return get($typography, $keys...);
616
616
  }
617
617
 
618
+ @function hexToRGB($hexColor) {
619
+ @return "#{red($hexColor)},#{green($hexColor)},#{blue($hexColor)}";
620
+ }
621
+
618
622
  $properties: (
619
623
  "line-height": "line-height",
620
624
  "size": "font-size",
@@ -721,6 +725,50 @@ $inputs: (
721
725
  }
722
726
 
723
727
 
728
+ @mixin solid {
729
+ background-color: rgba(var(--button-color-rgb), var(--button-opacity, 1));
730
+ border-color: transparent;
731
+ color: rgba(var(--text-color-rgb), 1);
732
+
733
+ &:hover,
734
+ &:active {
735
+ --button-opacity: 0.75;
736
+ }
737
+
738
+ &[disabled] {
739
+ --button-color-rgb: #{ hexToRGB($ice) } !important;
740
+ }
741
+ }
742
+
743
+ @mixin ghost {
744
+ background-color: rgba(0, 0, 0, 0);
745
+ border-color: rgba(var(--button-color-rgb), 1);
746
+ color: rgba(var(--text-color-rgb), 1);
747
+
748
+ &:hover,
749
+ &:active {
750
+ background-color: rgba(var(--button-hover-color-rgb, var(--button-color-rgb)), .12);
751
+ }
752
+
753
+ &[disabled] {
754
+ --button-color-rgb: #{ hexToRGB($ice) } !important;
755
+ --text-color-rgb: #{ hexToRGB($ice) } !important;
756
+ }
757
+ }
758
+
759
+ @mixin color-overrides($hex-color) {
760
+ &.button--primary,
761
+ &.button--secondary {
762
+ --button-color-rgb: #{ hexToRGB($hex-color) };
763
+ }
764
+
765
+ &.button--secondary {
766
+ --text-color-rgb: #{ hexToRGB($hex-color) };
767
+ --button-hover-color-rgb: #{ hexToRGB($hex-color) };
768
+ }
769
+ }
770
+
771
+
724
772
  /* ---------------------------------------
725
773
  Grid
726
774
  ---------------------------------------- */