onecart-ui 0.3.5 → 0.3.7

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "onecart-ui",
-  "version": "0.3.5",
+  "version": "0.3.7",
   "description": "OneCart UI: Cross-platform design tokens + React & React Native components",
   "keywords": [
     "react",
@@ -60,7 +60,7 @@
   "scripts": {
     "dev": "turbo run dev --parallel",
     "build": "turbo run build && npm run copy-dist",
-    "copy-dist": "mkdir -p dist && cp -r packages/components/dist/*.js* dist/ && cp -r packages/components/dist/src/*.d.ts dist/ 2>/dev/null || true && mkdir -p tokens && cp -r packages/tokens/build/web/* tokens/ && cp packages/tokens/src/styles/tokens/tokens.scss tokens/tokens.scss && mkdir -p icons && cp -r packages/icons/dist/* icons/",
+    "copy-dist": "mkdir -p dist && cp -r packages/components/dist/*.js* dist/ && cp -r packages/components/dist/src/*.d.ts dist/ 2>/dev/null || true && mkdir -p tokens && cp -r packages/tokens/build/web/* tokens/ && cp packages/tokens/src/styles/tokens/tokens.scss tokens/tokens.scss && cp packages/tokens/src/styles/tokens/campton-fonts.scss tokens/ && mkdir -p tokens/utils && cp -r packages/tokens/src/styles/tokens/utils/campton tokens/utils/ && mkdir -p icons && cp -r packages/icons/dist/* icons/",
     "prepublishOnly": "npm run build",
     "lint": "turbo run lint",
     "test": "turbo run test",

package/tokens/campton-fonts.scss

@@ -0,0 +1,152 @@
+// Campton font family – @font-face declarations and default font
+// Paths are relative to this file (tokens/utils/campton/)
+
+@font-face {
+  font-family: "Campton";
+  src: url("./utils/campton/CamptonThin.otf") format("opentype");
+  font-weight: 100;
+  font-style: normal;
+  font-display: swap;
+}
+
+@font-face {
+  font-family: "Campton";
+  src: url("./utils/campton/CamptonThinItalic.otf") format("opentype");
+  font-weight: 100;
+  font-style: italic;
+  font-display: swap;
+}
+
+@font-face {
+  font-family: "Campton";
+  src: url("./utils/campton/CamptonExtraLight.otf") format("opentype");
+  font-weight: 200;
+  font-style: normal;
+  font-display: swap;
+}
+
+@font-face {
+  font-family: "Campton";
+  src: url("./utils/campton/CamptonExtraLightItalic.otf") format("opentype");
+  font-weight: 200;
+  font-style: italic;
+  font-display: swap;
+}
+
+@font-face {
+  font-family: "Campton";
+  src: url("./utils/campton/CamptonLight.otf") format("opentype");
+  font-weight: 300;
+  font-style: normal;
+  font-display: swap;
+}
+
+@font-face {
+  font-family: "Campton";
+  src: url("./utils/campton/CamptonLightItalic.otf") format("opentype");
+  font-weight: 300;
+  font-style: italic;
+  font-display: swap;
+}
+
+@font-face {
+  font-family: "Campton";
+  src: url("./utils/campton/CamptonBook.otf") format("opentype");
+  font-weight: 400;
+  font-style: normal;
+  font-display: swap;
+}
+
+@font-face {
+  font-family: "Campton";
+  src: url("./utils/campton/CamptonBookItalic.otf") format("opentype");
+  font-weight: 400;
+  font-style: italic;
+  font-display: swap;
+}
+
+@font-face {
+  font-family: "Campton";
+  src: url("./utils/campton/CamptonMedium.otf") format("opentype");
+  font-weight: 500;
+  font-style: normal;
+  font-display: swap;
+}
+
+@font-face {
+  font-family: "Campton";
+  src: url("./utils/campton/CamptonMediumItalic.otf") format("opentype");
+  font-weight: 500;
+  font-style: italic;
+  font-display: swap;
+}
+
+@font-face {
+  font-family: "Campton";
+  src: url("./utils/campton/CamptonSemiBold.otf") format("opentype");
+  font-weight: 600;
+  font-style: normal;
+  font-display: swap;
+}
+
+@font-face {
+  font-family: "Campton";
+  src: url("./utils/campton/CamptonSemiBoldItalic.otf") format("opentype");
+  font-weight: 600;
+  font-style: italic;
+  font-display: swap;
+}
+
+@font-face {
+  font-family: "Campton";
+  src: url("./utils/campton/CamptonBold.otf") format("opentype");
+  font-weight: 700;
+  font-style: normal;
+  font-display: swap;
+}
+
+@font-face {
+  font-family: "Campton";
+  src: url("./utils/campton/CamptonBoldItalic.otf") format("opentype");
+  font-weight: 700;
+  font-style: italic;
+  font-display: swap;
+}
+
+@font-face {
+  font-family: "Campton";
+  src: url("./utils/campton/CamptonExtraBold.otf") format("opentype");
+  font-weight: 800;
+  font-style: normal;
+  font-display: swap;
+}
+
+@font-face {
+  font-family: "Campton";
+  src: url("./utils/campton/CamptonExtraBoldItalic.otf") format("opentype");
+  font-weight: 800;
+  font-style: italic;
+  font-display: swap;
+}
+
+@font-face {
+  font-family: "Campton";
+  src: url("./utils/campton/CamptonBlack.otf") format("opentype");
+  font-weight: 900;
+  font-style: normal;
+  font-display: swap;
+}
+
+@font-face {
+  font-family: "Campton";
+  src: url("./utils/campton/CamptonBlackItalic.otf") format("opentype");
+  font-weight: 900;
+  font-style: italic;
+  font-display: swap;
+}
+
+// Set Campton as the default font for the document
+:root,
+body {
+  font-family: "Campton", system-ui, -apple-system, sans-serif;
+}