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

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)',
@@ -818,36 +831,63 @@ exports.default = {
818
831
  },
819
832
  Background: {
820
833
  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)',
834
+ 100: 'var(--accent-eggplant-100)', //deprecated
835
+ 50: 'var(--accent-eggplant-50)', //deprecated
836
+ 20: 'var(--accent-eggplant-20)', //deprecated
837
+ 5: 'var(--accent-eggplant-5)', //deprecated
838
+ highlight: 'var(--accent-eggplant-highlight)', //deprecated
839
+ darkened: 'var(--accent-eggplant-darkened)', //deprecated
840
+ },
841
+ accentPrimary: {
842
+ 100: 'var(--accent-primary-100)',
843
+ 50: 'var(--accent-primary-50)',
844
+ 20: 'var(--accent-primary-20)',
845
+ 5: 'var(--accent-primary-5)',
846
+ highlight: 'var(--accent-primary-highlight)',
847
+ darkened: 'var(--accent-primary-darkened)',
827
848
  },
828
849
  accentMustard: {
829
- 100: 'var(--accent-mustard-100)',
830
- 50: 'var(--accent-mustard-50)',
831
- 25: 'var(--accent-mustard-25)',
850
+ 100: 'var(--accent-mustard-100)', //deprecated
851
+ 50: 'var(--accent-mustard-50)', //deprecated
852
+ 25: 'var(--accent-mustard-25)', //deprecated
853
+ },
854
+ accentInfo: {
855
+ 100: 'var(--accent-info-100)',
856
+ 50: 'var(--accent-info-50)',
857
+ 25: 'var(--accent-info-25)',
832
858
  },
833
859
  accentTeal: {
834
- 100: 'var(--accent-teal-100)',
835
- 50: 'var(--accent-teal-50)',
836
- 25: 'var(--accent-teal-25)',
860
+ 100: 'var(--accent-teal-100)', //deprecated
861
+ 50: 'var(--accent-teal-50)', //deprecated
862
+ 25: 'var(--accent-teal-25)', //deprecated
863
+ },
864
+ accentSuccess: {
865
+ 100: 'var(--accent--success-100)',
866
+ 50: 'var(--accent--success-50)',
867
+ 25: 'var(--accent--success-25)',
837
868
  },
838
869
  accentCarrot: {
839
- 100: 'var(--accent-carrot-100)',
840
- 50: 'var(--accent-carrot-50)',
841
- 25: 'var(--accent-carrot-25)',
870
+ 100: 'var(--accent-carrot-100)', //deprecated
871
+ 50: 'var(--accent-carrot-50)', //deprecated
872
+ 25: 'var(--accent-carrot-25)', //deprecated
873
+ },
874
+ accentWarning: {
875
+ 100: 'var(--accent--warning-100)',
876
+ 50: 'var(--accent--warning-50)',
877
+ 25: 'var(--accent--warning-25)',
842
878
  },
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)',
879
+ enabled: 'var(--accent-primary-100)',
880
+ hover: 'var(--background-hover)',
881
+ active: 'var(--background-active)',
882
+ focus: 'var(--accent-primary-100)',
847
883
  },
848
884
  System: {
849
- red: '#FF453A',
850
- green: '#28CD41',
885
+ red: 'var(--error)', // deprecated
886
+ green: '#28CD41', // deprecated
887
+ },
888
+ error: {
889
+ DEFAULT: 'var(--error)',
890
+ 10: 'var(--error-10)',
851
891
  },
852
892
  },
853
893
  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.1",
4
+ "version": "4.0.0-beta.color-names",
5
5
  "description": "Design system for Silkhaus built with Typescript, React and Tailwind",
6
6
  "author": "silkhaus",
7
7
  "license": "MIT",