design-system-silkhaus 3.16.0-beta.dropdown-select-all.2 → 4.0.0-beta.color-names.2

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.
@@ -789,23 +789,36 @@ exports.default = {
789
789
  },
790
790
  extend: {
791
791
  colors: {
792
- white: 'var(--white)',
793
- black: 'var(--black)',
792
+ white: 'var(--white)', // deprecated
793
+ black: 'var(--black)', // deprecated
794
794
  accentEggplant: {
795
- 100: 'var(--accent-eggplant-100)',
796
- 50: 'var(--accent-eggplant-50)',
797
- 20: 'var(--accent-eggplant-20)',
798
- 5: 'var(--accent-eggplant-5)',
799
- highlight: 'var(--accent-eggplant-highlight)',
800
- darkened: 'var(--accent-eggplant-darkened)',
795
+ 100: 'var(--accent-eggplant-100)', // deprecated
796
+ 50: 'var(--accent-eggplant-50)', // deprecated
797
+ 20: 'var(--accent-eggplant-20)', // deprecated
798
+ 5: 'var(--accent-eggplant-5)', // deprecated
799
+ highlight: 'var(--accent-eggplant-highlight)', // deprecated
800
+ darkened: 'var(--accent-eggplant-darkened)', // deprecated
801
+ },
802
+ accentPrimary: {
803
+ 100: 'var(--accent-primary-100)',
804
+ 50: 'var(--accent-primary-50)',
805
+ 20: 'var(--accent-primary-20)',
806
+ 5: 'var(--accent-primary-5)',
807
+ highlight: 'var(--accent-primary-highlight)',
808
+ darkened: 'var(--accent-primary-darkened)',
801
809
  },
802
810
  Fills: {
803
- black: 'var(--fills-black)',
804
- white: 'var(--fills-white)',
811
+ black: 'var(--fills-black)', // deprecated
812
+ white: 'var(--fills-white)', // deprecated
805
813
  secondary: 'var(--fills-secondary)',
806
- terciary: 'var(--fills-terciary)',
807
- quadrutery: 'var(--fills-quadrutery)',
808
- quintiary: 'var(--fills-quintiary)',
814
+ terciary: 'var(--fills-terciary)', // deprecated
815
+ quadrutery: 'var(--fills-quadrutery)', // deprecated
816
+ quintiary: 'var(--fills-quintiary)', // deprecated
817
+ primary: 'var(--fills-primary)',
818
+ inversePrimary: 'var(--fills-inverse-primary)',
819
+ tertiary: 'var(--fills-tertiary)',
820
+ quaternary: 'var(--fills-quaternary)',
821
+ quinary: 'var(--fills-quinary)',
809
822
  },
810
823
  Text: {
811
824
  primary: 'var(--text-primary)',
@@ -817,37 +830,66 @@ exports.default = {
817
830
  textPrimaryDark: 'var(--text-primary-dark)',
818
831
  },
819
832
  Background: {
833
+ primary: 'var(--background-primary)',
834
+ secondary: 'var(--background-secondary)',
820
835
  accentEggplant: {
821
- 100: 'var(--accent-eggplant-100)',
822
- 50: 'var(--accent-eggplant-50)',
823
- 20: 'var(--accent-eggplant-20)',
824
- 5: 'var(--accent-eggplant-5)',
825
- highlight: 'var(--accent-eggplant-highlight)',
826
- darkened: 'var(--accent-eggplant-darkened)',
836
+ 100: 'var(--accent-eggplant-100)', //deprecated
837
+ 50: 'var(--accent-eggplant-50)', //deprecated
838
+ 20: 'var(--accent-eggplant-20)', //deprecated
839
+ 5: 'var(--accent-eggplant-5)', //deprecated
840
+ highlight: 'var(--accent-eggplant-highlight)', //deprecated
841
+ darkened: 'var(--accent-eggplant-darkened)', //deprecated
842
+ },
843
+ accentPrimary: {
844
+ 100: 'var(--accent-primary-100)',
845
+ 50: 'var(--accent-primary-50)',
846
+ 20: 'var(--accent-primary-20)',
847
+ 5: 'var(--accent-primary-5)',
848
+ highlight: 'var(--accent-primary-highlight)',
849
+ darkened: 'var(--accent-primary-darkened)',
827
850
  },
828
851
  accentMustard: {
829
- 100: 'var(--accent-mustard-100)',
830
- 50: 'var(--accent-mustard-50)',
831
- 25: 'var(--accent-mustard-25)',
852
+ 100: 'var(--accent-mustard-100)', //deprecated
853
+ 50: 'var(--accent-mustard-50)', //deprecated
854
+ 25: 'var(--accent-mustard-25)', //deprecated
855
+ },
856
+ accentInfo: {
857
+ 100: 'var(--accent-info-100)',
858
+ 50: 'var(--accent-info-50)',
859
+ 25: 'var(--accent-info-25)',
832
860
  },
833
861
  accentTeal: {
834
- 100: 'var(--accent-teal-100)',
835
- 50: 'var(--accent-teal-50)',
836
- 25: 'var(--accent-teal-25)',
862
+ 100: 'var(--accent-teal-100)', //deprecated
863
+ 50: 'var(--accent-teal-50)', //deprecated
864
+ 25: 'var(--accent-teal-25)', //deprecated
865
+ },
866
+ accentSuccess: {
867
+ 100: 'var(--accent--success-100)',
868
+ 50: 'var(--accent--success-50)',
869
+ 25: 'var(--accent--success-25)',
837
870
  },
838
871
  accentCarrot: {
839
- 100: 'var(--accent-carrot-100)',
840
- 50: 'var(--accent-carrot-50)',
841
- 25: 'var(--accent-carrot-25)',
872
+ 100: 'var(--accent-carrot-100)', //deprecated
873
+ 50: 'var(--accent-carrot-50)', //deprecated
874
+ 25: 'var(--accent-carrot-25)', //deprecated
875
+ },
876
+ accentWarning: {
877
+ 100: 'var(--accent--warning-100)',
878
+ 50: 'var(--accent--warning-50)',
879
+ 25: 'var(--accent--warning-25)',
842
880
  },
843
- enabled: 'var(--accent-eggplant-100)',
844
- hover: 'rgba(109, 54, 169, 1)',
845
- active: 'rgba(52, 26, 83, 1)',
846
- focus: 'var(--accent-eggplant-100)',
881
+ enabled: 'var(--accent-primary-100)',
882
+ hover: 'var(--background-hover)',
883
+ active: 'var(--background-active)',
884
+ focus: 'var(--accent-primary-100)',
847
885
  },
848
886
  System: {
849
- red: '#FF453A',
850
- green: '#28CD41',
887
+ red: 'var(--error)', // deprecated
888
+ green: '#28CD41', // deprecated
889
+ },
890
+ error: {
891
+ DEFAULT: 'var(--error)',
892
+ 10: 'var(--error-10)',
851
893
  },
852
894
  },
853
895
  spacing: {
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "design-system-silkhaus",
3
3
  "private": false,
4
- "version": "3.16.0-beta.dropdown-select-all.2",
4
+ "version": "4.0.0-beta.color-names.2",
5
5
  "description": "Design system for Silkhaus built with Typescript, React and Tailwind",
6
6
  "author": "silkhaus",
7
7
  "license": "MIT",