design-system-silkhaus 4.0.0-beta.combine-tailwind-config.1 → 4.0.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 (10) hide show
  1. package/dist/app/index.d.ts +35 -3
  2. package/dist/app/index.js +8 -277
  3. package/dist/eslint-rules/tailwind/no-hardcoded-colors.js +65 -0
  4. package/dist/eslint-rules/tailwind/no-restricted-tokens.js +79 -0
  5. package/dist/{ButtonsGroupSelector-sjBrndhv.js → index-BT5jeJCy.js} +1971 -1568
  6. package/dist/index.d.ts +86 -1
  7. package/dist/index.js +7300 -6754
  8. package/dist/style.css +1 -1
  9. package/dist/tailwind.config.js +106 -35
  10. package/package.json +9 -3
package/dist/tailwind.config.js CHANGED
@@ -482,6 +482,20 @@ exports.fontSizeConfig = {
482
482
  fontWeight: 'var(--font-weight-semibold)',
483
483
  },
484
484
  ],
485
+ smallBodyRegular: [
486
+ '15px',
487
+ {
488
+ lineHeight: '24px',
489
+ fontWeight: 'var(--font-weight-normal)',
490
+ },
491
+ ],
492
+ smallBodyEmphasized: [
493
+ '15px',
494
+ {
495
+ lineHeight: '24px',
496
+ fontWeight: 'var(--font-weight-semibold)',
497
+ },
498
+ ],
485
499
  smallBody1Regular: [
486
500
  'var(--SmallBody-1Regular-font-size)',
487
501
  {
@@ -489,6 +503,13 @@ exports.fontSizeConfig = {
489
503
  fontWeight: 'var(--SmallBody-1Regular-font-weight)',
490
504
  },
491
505
  ],
506
+ smallBody1Emphasized: [
507
+ 'var(--SmallBody-1Regular-font-size)',
508
+ {
509
+ lineHeight: 'var(--SmallBody-1Regular-line-height)',
510
+ fontWeight: 'var(--font-weight-semibold)',
511
+ },
512
+ ],
492
513
  smallBody2Regular: [
493
514
  'var(--SmallBody-2Regular-font-size)',
494
515
  {
@@ -496,6 +517,13 @@ exports.fontSizeConfig = {
496
517
  fontWeight: 'var(--SmallBody-2Regular-font-weight)',
497
518
  },
498
519
  ],
520
+ smallBody2Emphasized: [
521
+ 'var(--SmallBody-2Regular-font-size)',
522
+ {
523
+ lineHeight: 'var(--SmallBody-2Regular-line-height)',
524
+ fontWeight: 'var(--font-weight-semibold)',
525
+ },
526
+ ],
499
527
  smallSubheadRegular: [
500
528
  'var(--SmallSubhead-Regular-font-size)',
501
529
  {
@@ -761,23 +789,36 @@ exports.default = {
761
789
  },
762
790
  extend: {
763
791
  colors: {
764
- white: 'var(--white)',
765
- black: 'var(--black)',
792
+ white: 'var(--white)', // deprecated
793
+ black: 'var(--black)', // deprecated
766
794
  accentEggplant: {
767
- 100: 'var(--accent-eggplant-100)',
768
- 50: 'var(--accent-eggplant-50)',
769
- 20: 'var(--accent-eggplant-20)',
770
- 5: 'var(--accent-eggplant-5)',
771
- highlight: 'var(--accent-eggplant-highlight)',
772
- 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)',
773
809
  },
774
810
  Fills: {
775
- black: 'var(--fills-black)',
776
- white: 'var(--fills-white)',
811
+ black: 'var(--fills-black)', // deprecated
812
+ white: 'var(--fills-white)', // deprecated
777
813
  secondary: 'var(--fills-secondary)',
778
- terciary: 'var(--fills-terciary)',
779
- quadrutery: 'var(--fills-quadrutery)',
780
- 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)',
781
822
  },
782
823
  Text: {
783
824
  primary: 'var(--text-primary)',
@@ -786,40 +827,70 @@ exports.default = {
786
827
  secondaryDark: 'var(--text-secondary-dark)',
787
828
  textTertiaryDark: 'var(--text-tertiary-dark)',
788
829
  textSecondaryPlusDark: 'var(--text-secondary-plus-dark)',
789
- textPrimaryDark: 'var(--text-primary-dark)',
830
+ textPrimaryInverse: 'var(--text-primary-inverse)',
790
831
  },
791
832
  Background: {
833
+ primary: 'var(--background-primary)',
834
+ secondary: 'var(--background-secondary)',
835
+ primaryInverse: 'var(--background-primary-inverse)',
792
836
  accentEggplant: {
793
- 100: 'var(--accent-eggplant-100)',
794
- 50: 'var(--accent-eggplant-50)',
795
- 20: 'var(--accent-eggplant-20)',
796
- 5: 'var(--accent-eggplant-5)',
797
- highlight: 'var(--accent-eggplant-highlight)',
798
- darkened: 'var(--accent-eggplant-darkened)',
837
+ 100: 'var(--accent-eggplant-100)', //deprecated
838
+ 50: 'var(--accent-eggplant-50)', //deprecated
839
+ 20: 'var(--accent-eggplant-20)', //deprecated
840
+ 5: 'var(--accent-eggplant-5)', //deprecated
841
+ highlight: 'var(--accent-eggplant-highlight)', //deprecated
842
+ darkened: 'var(--accent-eggplant-darkened)', //deprecated
843
+ },
844
+ accentPrimary: {
845
+ 100: 'var(--accent-primary-100)',
846
+ 50: 'var(--accent-primary-50)',
847
+ 20: 'var(--accent-primary-20)',
848
+ 5: 'var(--accent-primary-5)',
849
+ highlight: 'var(--accent-primary-highlight)',
850
+ darkened: 'var(--accent-primary-darkened)',
799
851
  },
800
852
  accentMustard: {
801
- 100: 'var(--accent-mustard-100)',
802
- 50: 'var(--accent-mustard-50)',
803
- 25: 'var(--accent-mustard-25)',
853
+ 100: 'var(--accent-mustard-100)', //deprecated
854
+ 50: 'var(--accent-mustard-50)', //deprecated
855
+ 25: 'var(--accent-mustard-25)', //deprecated
856
+ },
857
+ accentInfo: {
858
+ 100: 'var(--accent-info-100)',
859
+ 50: 'var(--accent-info-50)',
860
+ 25: 'var(--accent-info-25)',
804
861
  },
805
862
  accentTeal: {
806
- 100: 'var(--accent-teal-100)',
807
- 50: 'var(--accent-teal-50)',
808
- 25: 'var(--accent-teal-25)',
863
+ 100: 'var(--accent-teal-100)', //deprecated
864
+ 50: 'var(--accent-teal-50)', //deprecated
865
+ 25: 'var(--accent-teal-25)', //deprecated
866
+ },
867
+ accentSuccess: {
868
+ 100: 'var(--accent--success-100)',
869
+ 50: 'var(--accent--success-50)',
870
+ 25: 'var(--accent--success-25)',
809
871
  },
810
872
  accentCarrot: {
811
- 100: 'var(--accent-carrot-100)',
812
- 50: 'var(--accent-carrot-50)',
813
- 25: 'var(--accent-carrot-25)',
873
+ 100: 'var(--accent-carrot-100)', //deprecated
874
+ 50: 'var(--accent-carrot-50)', //deprecated
875
+ 25: 'var(--accent-carrot-25)', //deprecated
876
+ },
877
+ accentWarning: {
878
+ 100: 'var(--accent--warning-100)',
879
+ 50: 'var(--accent--warning-50)',
880
+ 25: 'var(--accent--warning-25)',
814
881
  },
815
- enabled: 'var(--accent-eggplant-100)',
816
- hover: 'rgba(109, 54, 169, 1)',
817
- active: 'rgba(52, 26, 83, 1)',
818
- focus: 'var(--accent-eggplant-100)',
882
+ enabled: 'var(--accent-primary-100)',
883
+ hover: 'var(--background-hover)',
884
+ active: 'var(--background-active)',
885
+ focus: 'var(--accent-primary-100)',
819
886
  },
820
887
  System: {
821
- red: '#FF453A',
822
- green: '#28CD41',
888
+ red: 'var(--error)', // deprecated
889
+ green: '#28CD41', // deprecated
890
+ },
891
+ error: {
892
+ DEFAULT: 'var(--error)',
893
+ 10: 'var(--error-10)',
823
894
  },
824
895
  },
825
896
  spacing: {
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "design-system-silkhaus",
3
3
  "private": false,
4
- "version": "4.0.0-beta.combine-tailwind-config.1",
4
+ "version": "4.0.1",
5
5
  "description": "Design system for Silkhaus built with Typescript, React and Tailwind",
6
6
  "author": "silkhaus",
7
7
  "license": "MIT",
@@ -43,6 +43,10 @@
43
43
  "./tailwind-config": {
44
44
  "import": "./dist/tailwind.config.js",
45
45
  "require": "./dist/tailwind.config.js"
46
+ },
47
+ "./eslint-rules": {
48
+ "import": "./dist/eslint-rules",
49
+ "require": "./dist/eslint-rules"
46
50
  }
47
51
  },
48
52
  "scripts": {
@@ -52,12 +56,13 @@
52
56
  "test:ui": "vitest --ui",
53
57
  "test:coverage": "vitest run --coverage",
54
58
  "build-storybook": "storybook build",
55
- "build:lib": "tsc && vite build && tsc tailwind.config.ts --outDir dist --module commonjs && mv dist/app.d.ts dist/app/index.d.ts",
59
+ "build:lib": "tsc && vite build && tsc tailwind.config.ts --outDir dist --module commonjs && mv dist/app.d.ts dist/app/index.d.ts && cp -r ./lib/eslint-rules dist",
56
60
  "lint": "eslint .",
57
61
  "format:fix": "prettier . --write --ignore-unknown",
58
62
  "format:check": "prettier . --check --ignore-unknown",
59
63
  "prepare": "husky",
60
- "knip": "knip"
64
+ "knip": "knip",
65
+ "lint:interactive": "eslint-interactive"
61
66
  },
62
67
  "devDependencies": {
63
68
  "@eslint/compat": "^1.1.1",
@@ -88,6 +93,7 @@
88
93
  "clsx": "^2.1.1",
89
94
  "eslint": "^9.7.0",
90
95
  "eslint-config-prettier": "^9.1.0",
96
+ "eslint-interactive": "^12.0.0",
91
97
  "eslint-plugin-jest-dom": "^5.4.0",
92
98
  "eslint-plugin-react": "^7.35.0",
93
99
  "eslint-plugin-react-hooks": "^4.6.2",