@kilnonedre/foundation 0.0.18 → 0.0.20

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 (2) hide show
  1. package/dist/index.js +73 -19
  2. package/package.json +2 -2
package/dist/index.js CHANGED
@@ -836,37 +836,91 @@ var enumVariantOptions = enumToOptions(EnumVariant, EnumVariantLabel);
836
836
  // src/theme/semantic-color.ts
837
837
  var createColor = (color, solidText = "text-white") => ({
838
838
  [EnumVariant.SOFT]: {
839
- bg: `bg-[var(--${color}-3)]`,
840
- text: `text-[var(--${color}-11)]`,
841
- border: `border-[var(--${color}-7)]`,
842
- hoverBg: `hover:bg-[var(--${color}-4)]`,
839
+ bg: color.bg3,
840
+ text: color.text11,
841
+ border: color.border7,
842
+ hoverBg: color.bg4,
843
843
  hoverText: "",
844
- focusRing: `focus-visible:ring-[var(--${color}-8)]`
844
+ focusRing: color.ring8
845
845
  },
846
846
  [EnumVariant.SOLID]: {
847
- bg: `bg-[var(--${color}-9)]`,
847
+ bg: color.bg9,
848
848
  text: solidText,
849
- border: `border-[var(--${color}-9)]`,
850
- hoverBg: `hover:bg-[var(--${color}-10)]`,
849
+ border: color.bg9,
850
+ hoverBg: color.bg10,
851
851
  hoverText: "",
852
- focusRing: `focus-visible:ring-[var(--${color}-8)]`
852
+ focusRing: color.ring8
853
853
  },
854
854
  [EnumVariant.OUTLINE]: {
855
855
  bg: "bg-transparent",
856
- text: `text-[var(--${color}-11)]`,
857
- border: `border-[var(--${color}-7)]`,
858
- hoverBg: `hover:bg-[var(--${color}-3)]`,
856
+ text: color.text11,
857
+ border: color.border7,
858
+ hoverBg: color.bg3,
859
859
  hoverText: "",
860
- focusRing: `focus-visible:ring-[var(--${color}-8)]`
860
+ focusRing: color.ring8
861
861
  }
862
862
  });
863
+ var blue = {
864
+ bg3: "bg-[var(--blue-3)]",
865
+ bg4: "hover:bg-[var(--blue-4)]",
866
+ bg9: "bg-[var(--blue-9)]",
867
+ bg10: "hover:bg-[var(--blue-10)]",
868
+ text11: "text-[var(--blue-11)]",
869
+ border7: "border-[var(--blue-7)]",
870
+ ring8: "focus-visible:ring-[var(--blue-8)]"
871
+ };
872
+ var green = {
873
+ bg3: "bg-[var(--green-3)]",
874
+ bg4: "hover:bg-[var(--green-4)]",
875
+ bg9: "bg-[var(--green-9)]",
876
+ bg10: "hover:bg-[var(--green-10)]",
877
+ text11: "text-[var(--green-11)]",
878
+ border7: "border-[var(--green-7)]",
879
+ ring8: "focus-visible:ring-[var(--green-8)]"
880
+ };
881
+ var amber = {
882
+ bg3: "bg-[var(--amber-3)]",
883
+ bg4: "hover:bg-[var(--amber-4)]",
884
+ bg9: "bg-[var(--amber-9)]",
885
+ bg10: "hover:bg-[var(--amber-10)]",
886
+ text11: "text-[var(--amber-11)]",
887
+ border7: "border-[var(--amber-7)]",
888
+ ring8: "focus-visible:ring-[var(--amber-8)]"
889
+ };
890
+ var red = {
891
+ bg3: "bg-[var(--red-3)]",
892
+ bg4: "hover:bg-[var(--red-4)]",
893
+ bg9: "bg-[var(--red-9)]",
894
+ bg10: "hover:bg-[var(--red-10)]",
895
+ text11: "text-[var(--red-11)]",
896
+ border7: "border-[var(--red-7)]",
897
+ ring8: "focus-visible:ring-[var(--red-8)]"
898
+ };
899
+ var cyan = {
900
+ bg3: "bg-[var(--cyan-3)]",
901
+ bg4: "hover:bg-[var(--cyan-4)]",
902
+ bg9: "bg-[var(--cyan-9)]",
903
+ bg10: "hover:bg-[var(--cyan-10)]",
904
+ text11: "text-[var(--cyan-11)]",
905
+ border7: "border-[var(--cyan-7)]",
906
+ ring8: "focus-visible:ring-[var(--cyan-8)]"
907
+ };
908
+ var slate = {
909
+ bg3: "bg-[var(--slate-3)]",
910
+ bg4: "hover:bg-[var(--slate-4)]",
911
+ bg9: "bg-[var(--slate-9)]",
912
+ bg10: "hover:bg-[var(--slate-10)]",
913
+ text11: "text-[var(--slate-11)]",
914
+ border7: "border-[var(--slate-7)]",
915
+ ring8: "focus-visible:ring-[var(--slate-8)]"
916
+ };
863
917
  var semanticColorMap = {
864
- [EnumSemanticColor.PRIMARY]: createColor("blue"),
865
- [EnumSemanticColor.SUCCESS]: createColor("green"),
866
- [EnumSemanticColor.WARNING]: createColor("amber", "text-black"),
867
- [EnumSemanticColor.DANGER]: createColor("red"),
868
- [EnumSemanticColor.INFO]: createColor("cyan", "text-black"),
869
- [EnumSemanticColor.NEUTRAL]: createColor("slate"),
918
+ [EnumSemanticColor.PRIMARY]: createColor(blue),
919
+ [EnumSemanticColor.SUCCESS]: createColor(green),
920
+ [EnumSemanticColor.WARNING]: createColor(amber, "text-black"),
921
+ [EnumSemanticColor.DANGER]: createColor(red),
922
+ [EnumSemanticColor.INFO]: createColor(cyan, "text-black"),
923
+ [EnumSemanticColor.NEUTRAL]: createColor(slate),
870
924
  [EnumSemanticColor.DARK]: {
871
925
  [EnumVariant.SOFT]: {
872
926
  bg: "bg-[var(--slate-4)]",
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@kilnonedre/foundation",
3
- "version": "0.0.18",
3
+ "version": "0.0.20",
4
4
  "private": false,
5
5
  "description": "Kilnonedre frontend foundation package",
6
6
  "type": "module",
@@ -15,7 +15,7 @@
15
15
  "types": "./dist/index.d.ts",
16
16
  "import": "./dist/index.js"
17
17
  },
18
- "./color.css": "./dist/style/color.css"
18
+ "./index.css": "./dist/index.css"
19
19
  },
20
20
  "scripts": {
21
21
  "build": "tsup src/index.ts --format esm --dts --clean",