Fixed package export issue - updated theming (#25)

Co-authored-by: Jaalah Ramos <jaalah.ramos@gmail.com>
linode · Nov 16, 2023 · 6eac2ee · 6eac2ee
1 parent c6c79f2
commit 6eac2ee
Show file tree

Hide file tree

Showing 4 changed files with 8 additions and 282 deletions.
diff --git a/package.json b/package.json
@@ -1,22 +1,18 @@
 {
   "name": "@linode/design-language-system",
-  "version": "0.0.13",
+  "version": "0.0.14",
   "private": false,
   "type": "module",
+  "module": "dist/index.js",
   "exports": {
+    ".": "./dist/index.js",
     "./*": "./dist/*/index.js"
   },
   "typesVersions": {
     "*": {
       "*": [
         "./dist/index.d.ts",
-        "./dist/theme.d.ts",
-        "./dist/tokens.d.ts"
-      ],
-      "dark/*": [
-        "./dist/dark/index.d.ts",
-        "./dist/dark/theme.d.ts",
-        "./dist/dark/tokens.d.ts"
+        "./dist/*/index.d.ts"
       ]
     }
   },

diff --git a/tokens/$themes.json b/tokens/$themes.json
@@ -15,6 +15,7 @@
     "$figmaStyleReferences": {},
     "selectedTokenSets": {
       "global/global": "source",
+      "alias/light": "enabled",
       "alias/dark": "enabled",
       "components/button/button": "enabled"
     }

diff --git a/tokens/alias/dark.json b/tokens/alias/dark.json
@@ -2,280 +2,9 @@
   "content": {
     "text": {
       "base": {
-        "value": "{color.neutrals.white}",
-        "type": "color"
-      },
-      "negative": {
-        "value": "{color.red.90}",
-        "type": "color"
-      },
-      "warning": {
-        "value": "{color.amber.70}",
-        "type": "color"
-      },
-      "positive": {
-        "value": "{color.green.70}",
-        "type": "color"
-      },
-      "informative": {
-        "value": "{color.ultramarine.70}",
-        "type": "color"
-      },
-      "inverted50": {
-        "value": "rgba(255,255,255,0.5)",
-        "type": "color"
-      },
-      "primary": {
-        "default": {
-          "value": "{color.neutrals.100}",
-          "type": "color",
-          "description": "Primary text color"
-        },
-        "disabled": {
-          "value": "{color.neutrals.50}",
-          "type": "color"
-        }
-      },
-      "secondary": {
-        "default": {
-          "value": "{color.neutrals.70}",
-          "type": "color",
-          "description": "Placeholder text"
-        },
-        "disabled": {
-          "value": "{color.neutrals.50}",
-          "type": "color"
-        }
-      },
-      "link": {
-        "default": {
-          "value": "{color.brand.90}",
-          "type": "color"
-        },
-        "hover": {
-          "value": "{color.brand.70}",
-          "type": "color"
-        },
-        "disabled": {
-          "value": "{color.neutrals.50}",
-          "type": "color"
-        }
-      }
-    },
-    "icon": {
-      "base": {
-        "value": "{color.neutrals.white}",
-        "type": "color"
-      },
-      "negative": {
-        "value": "{color.red.90}",
-        "type": "color"
-      },
-      "warning": {
-        "value": "{color.amber.70}",
-        "type": "color"
-      },
-      "positive": {
-        "value": "{color.green.70}",
-        "type": "color"
-      },
-      "informative": {
-        "value": "{color.ultramarine.70}",
-        "type": "color"
-      },
-      "primary": {
-        "default": {
-          "value": "{color.neutrals.90}",
-          "type": "color",
-          "description": "Default icon color"
-        },
-        "hover": {
-          "value": "{color.brand.70}",
-          "type": "color"
-        },
-        "active": {
-          "value": "{color.brand.90}",
-          "type": "color"
-        },
-        "disabled": {
-          "value": "{color.neutrals.50}",
-          "type": "color"
-        }
-      }
-    }
-  },
-  "border": {
-    "normal": {
-      "value": "{color.neutrals.30}",
-      "type": "color",
-      "description": "Static component border"
-    },
-    "neutral": {
-      "value": "{color.neutrals.100}",
-      "type": "color"
-    },
-    "negative": {
-      "value": "{color.red.70}",
-      "type": "color"
-    },
-    "warning": {
-      "value": "{color.amber.70}",
-      "type": "color"
-    },
-    "positive": {
-      "value": "{color.green.70}",
-      "type": "color"
-    },
-    "informative": {
-      "value": "{color.ultramarine.70}",
-      "type": "color"
-    }
-  },
-  "background": {
-    "normal": {
-      "value": "{color.neutrals.white}",
-      "type": "color",
-      "description": "Default component background"
-    },
-    "neutral": {
-      "value": "{color.neutrals.5}",
-      "type": "color",
-      "description": "Default page background"
-    },
-    "base": {
-      "value": "{color.neutrals.100}",
-      "type": "color",
-      "description": "Dark bg for table headers, tooltip"
-    },
-    "negative": {
-      "value": "{color.red.70}",
-      "type": "color"
-    },
-    "warning": {
-      "value": "{color.amber.70}",
-      "type": "color"
-    },
-    "positive": {
-      "value": "{color.green.70}",
-      "type": "color"
-    },
-    "informative": {
-      "value": "{color.ultramarine.70}",
-      "type": "color"
-    },
-    "black": {
-      "value": "{color.neutrals.black}",
-      "type": "color",
-      "description": "Global header and footer background"
-    },
-    "negativesubtle": {
-      "value": "{color.red.10}",
-      "type": "color"
-    },
-    "warningsubtle": {
-      "value": "{color.amber.10}",
-      "type": "color"
-    },
-    "positivesubtle": {
-      "value": "{color.green.10}",
-      "type": "color"
-    },
-    "informativesubtle": {
-      "value": "{color.ultramarine.10}",
-      "type": "color"
-    },
-    "neutralsubtle": {
-      "value": "{color.neutrals.20}",
-      "type": "color"
-    }
-  },
-  "interaction": {
-    "border": {
-      "default": {
-        "value": "{color.neutrals.60}",
-        "type": "color",
-        "description": "Default inputs border"
-      },
-      "hover": {
-        "value": "{color.neutrals.90}",
-        "type": "color"
-      },
-      "focus": {
-        "value": "{color.brand.90}",
-        "type": "color"
-      },
-      "error": {
-        "value": "{color.red.70}",
-        "type": "color"
-      },
-      "disabled": {
-        "value": "{color.neutrals.40}",
-        "type": "color"
-      }
-    },
-    "background": {
-      "primary": {
-        "value": "{color.neutrals.white}",
-        "type": "color",
-        "description": "Default component background color"
-      },
-      "secondary": {
-        "value": "{color.neutrals.5}",
-        "type": "color"
-      },
-      "tertiary": {
-        "value": "{color.brand.10}",
-        "type": "color"
-      },
-      "accent": {
-        "value": "{color.brand.30}",
-        "type": "color"
-      },
-      "disabled": {
-        "value": "{color.neutrals.10}",
-        "type": "color"
-      }
-    }
-  },
-  "action": {
-    "base": {
-      "value": "{color.neutrals.white}",
-      "type": "color"
-    },
-    "primary": {
-      "default": {
-        "value": "{color.brand.90}",
-        "type": "color",
-        "description": "Brand action color"
-      },
-      "hover": {
-        "value": "{color.brand.70}",
-        "type": "color"
-      },
-      "active": {
-        "value": "{color.brand.90}",
-        "type": "color"
-      },
-      "disabled": {
-        "value": "{color.neutrals.20}",
-        "type": "color"
-      }
-    },
-    "secondary": {
-      "hover": {
-        "value": "{color.brand.10}",
-        "type": "color"
-      },
-      "disabled": {
-        "value": "{color.neutrals.40}",
-        "type": "color"
-      }
-    },
-    "tertiary": {
-      "disabled": {
-        "value": "{color.brand.40}",
+        "value": "{color.neutrals.black}",
         "type": "color"
       }
     }
   }
-}
+}
diff --git a/tokens/alias/highContrast.json b/tokens/alias/highContrast.json
@@ -2,7 +2,7 @@
   "content": {
     "text": {
       "base": {
-        "value": "{color.neutrals.black}",
+        "value": "{color.neutrals.50}",
         "type": "color"
       }
     }