@ndla/preset-panda 0.0.1

package/lib/typography.d.ts

@@ -0,0 +1,91 @@
+/**
+ * Copyright (c) 2024-present, NDLA.
+ *
+ * This source code is licensed under the GPLv3 license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ */
+export declare const fontWeights: {
+    light: {
+        value: number;
+    };
+    normal: {
+        value: number;
+    };
+    semibold: {
+        value: number;
+    };
+    bold: {
+        value: number;
+    };
+};
+export declare const fonts: {
+    sans: {
+        value: string[];
+    };
+    serif: {
+        value: string[];
+    };
+    code: {
+        value: string[];
+    };
+};
+export declare const fontSizes: {
+    xxsmall: {
+        value: string;
+    };
+    xsmall: {
+        value: string;
+    };
+    small: {
+        value: string;
+    };
+    medium: {
+        value: string;
+    };
+    large: {
+        value: string;
+    };
+    xlarge: {
+        value: string;
+    };
+    xxlarge: {
+        value: string;
+    };
+    "3xlarge": {
+        value: string;
+    };
+    "4xlarge": {
+        value: string;
+    };
+};
+export declare const lineHeights: {
+    xxsmall: {
+        value: string;
+    };
+    xsmall: {
+        value: string;
+    };
+    small: {
+        value: string;
+    };
+    medium: {
+        value: string;
+    };
+    large: {
+        value: string;
+    };
+    xlarge: {
+        value: string;
+    };
+    xxlarge: {
+        value: string;
+    };
+    "3xlarge": {
+        value: string;
+    };
+    "4xlarge": {
+        value: string;
+    };
+};
+export declare const textStyles: import("@pandacss/dev").TextStyles;

package/lib/typography.js

@@ -0,0 +1,253 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.textStyles = exports.lineHeights = exports.fonts = exports.fontWeights = exports.fontSizes = void 0;
+var _dev = require("@pandacss/dev");
+/**
+ * Copyright (c) 2024-present, NDLA.
+ *
+ * This source code is licensed under the GPLv3 license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ */
+
+const fontWeights = exports.fontWeights = _dev.defineTokens.fontWeights({
+  light: {
+    value: 300
+  },
+  normal: {
+    value: 400
+  },
+  semibold: {
+    value: 600
+  },
+  bold: {
+    value: 700
+  }
+});
+const fonts = exports.fonts = _dev.defineTokens.fonts({
+  sans: {
+    value: ["Satoshi", "Helvetica", "Arial", "STKaiti", "'华文楷体'", "KaiTi", "SimKai", "'楷体'", "KaiU", "DFKai-SB", "'標楷體'", "SongTi", "'宋体'", "sans-serif"]
+  },
+  serif: {
+    value: ["'Source Serif Pro'", "Times", "STKaiti", "'华文楷体'", "KaiTi", "SimKai", "'楷体'", "KaiU", "DFKai-SB", "'標楷體'", "SongTi", "'宋体'", "serif"]
+  },
+  code: {
+    value: ["'Source Code ProVariable'", "Monaco"]
+  }
+});
+const fontSizes = exports.fontSizes = _dev.defineTokens.fontSizes({
+  // 12px
+  xxsmall: {
+    value: "0.75rem"
+  },
+  // 14px
+  xsmall: {
+    value: "0.875rem"
+  },
+  // 16px
+  small: {
+    value: "1rem"
+  },
+  // 18px
+  medium: {
+    value: "1.125rem"
+  },
+  // 22px
+  large: {
+    value: "1.375rem"
+  },
+  // 26px
+  xlarge: {
+    value: "1.625rem"
+  },
+  // 30px
+  xxlarge: {
+    value: "1.875rem"
+  },
+  // 38px
+  "3xlarge": {
+    value: "2.375rem"
+  },
+  // 48px
+  "4xlarge": {
+    value: "3rem"
+  }
+});
+const lineHeights = exports.lineHeights = _dev.defineTokens.lineHeights({
+  xxsmall: {
+    value: "0.75rem"
+  },
+  xsmall: {
+    value: "1.375rem"
+  },
+  small: {
+    value: "1.5rem"
+  },
+  medium: {
+    value: "1.75rem"
+  },
+  large: {
+    value: "1.875rem"
+  },
+  xlarge: {
+    value: "2.25rem"
+  },
+  xxlarge: {
+    value: "2.375rem"
+  },
+  "3xlarge": {
+    value: "3rem"
+  },
+  "4xlarge": {
+    value: "3.75rem"
+  }
+});
+const sizes = (size, lineHeight) => {
+  return {
+    fontSize: size,
+    lineHeight,
+    _chinese: {
+      fontSize: "calc(token(fontSizes.".concat(size, ") * 1.11)"),
+      lineHeight: "calc(token(lineHeights.".concat(lineHeight, ") * 1.11)")
+    }
+  };
+};
+const textStyles = exports.textStyles = (0, _dev.defineTextStyles)({
+  heading: {
+    large: {
+      value: {
+        fontFamily: "sans",
+        fontWeight: "bold",
+        ...sizes("4xlarge", "4xlarge")
+      }
+    },
+    medium: {
+      value: {
+        fontFamily: "sans",
+        fontWeight: "bold",
+        ...sizes("3xlarge", "3xlarge")
+      }
+    },
+    small: {
+      value: {
+        fontFamily: "sans",
+        fontWeight: "bold",
+        ...sizes("xxlarge", "xxlarge")
+      }
+    }
+  },
+  title: {
+    large: {
+      value: {
+        fontFamily: "sans",
+        fontWeight: "bold",
+        ...sizes("xlarge", "xlarge")
+      }
+    },
+    medium: {
+      value: {
+        fontFamily: "sans",
+        fontWeight: "bold",
+        ...sizes("large", "large")
+      }
+    },
+    small: {
+      value: {
+        fontFamily: "sans",
+        fontWeight: "bold",
+        ...sizes("medium", "small")
+      }
+    }
+  },
+  body: {
+    article: {
+      value: {
+        fontFamily: "serif",
+        fontWeight: "normal",
+        ...sizes("medium", "medium")
+      }
+    },
+    articleLink: {
+      value: {
+        fontFamily: "serif",
+        fontWeight: "normal",
+        ...sizes("medium", "medium")
+      }
+    },
+    link: {
+      value: {
+        fontFamily: "sans",
+        fontWeight: "normal",
+        ...sizes("medium", "medium")
+      }
+    },
+    xlarge: {
+      value: {
+        fontFamily: "sans",
+        fontWeight: "normal",
+        ...sizes("medium", "large")
+      }
+    },
+    large: {
+      value: {
+        fontFamily: "sans",
+        fontWeight: "normal",
+        ...sizes("medium", "medium")
+      }
+    },
+    medium: {
+      value: {
+        fontFamily: "sans",
+        fontWeight: "normal",
+        ...sizes("small", "small")
+      }
+    },
+    small: {
+      value: {
+        fontFamily: "sans",
+        fontWeight: "normal",
+        ...sizes("xsmall", "xsmall")
+      }
+    }
+  },
+  label: {
+    large: {
+      value: {
+        fontFamily: "sans",
+        fontWeight: "normal",
+        ...sizes("medium", "medium")
+      },
+      strong: {
+        value: {
+          fontFamily: "sans",
+          fontWeight: "bold",
+          ...sizes("medium", "medium")
+        }
+      }
+    },
+    medium: {
+      value: {
+        fontFamily: "sans",
+        fontWeight: "normal",
+        ...sizes("small", "small")
+      }
+    },
+    small: {
+      value: {
+        fontFamily: "sans",
+        fontWeight: "normal",
+        ...sizes("xsmall", "xsmall")
+      }
+    },
+    xsmall: {
+      value: {
+        fontFamily: "sans",
+        fontWeight: "normal",
+        ...sizes("xxsmall", "xxsmall")
+      }
+    }
+  }
+});

package/lib/zIndex.d.ts

@@ -0,0 +1,45 @@
+/**
+ * Copyright (c) 2024-present, NDLA.
+ *
+ * This source code is licensed under the GPLv3 license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ */
+export declare const zIndex: {
+    hide: {
+        value: number;
+    };
+    base: {
+        value: number;
+    };
+    docked: {
+        value: number;
+    };
+    dropdown: {
+        value: number;
+    };
+    sticky: {
+        value: number;
+    };
+    banner: {
+        value: number;
+    };
+    overlay: {
+        value: number;
+    };
+    modal: {
+        value: number;
+    };
+    popover: {
+        value: number;
+    };
+    skipLink: {
+        value: number;
+    };
+    toast: {
+        value: number;
+    };
+    tooltip: {
+        value: number;
+    };
+};

package/lib/zIndex.js

@@ -0,0 +1,53 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.zIndex = void 0;
+var _dev = require("@pandacss/dev");
+/**
+ * Copyright (c) 2024-present, NDLA.
+ *
+ * This source code is licensed under the GPLv3 license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ */
+
+const zIndex = exports.zIndex = _dev.defineTokens.zIndex({
+  hide: {
+    value: -1
+  },
+  base: {
+    value: 0
+  },
+  docked: {
+    value: 10
+  },
+  dropdown: {
+    value: 1000
+  },
+  sticky: {
+    value: 1100
+  },
+  banner: {
+    value: 1200
+  },
+  overlay: {
+    value: 1300
+  },
+  modal: {
+    value: 1400
+  },
+  popover: {
+    value: 1500
+  },
+  skipLink: {
+    value: 1600
+  },
+  toast: {
+    value: 1700
+  },
+  tooltip: {
+    value: 1800
+  }
+});

package/package.json

@@ -0,0 +1,39 @@
+{
+  "name": "@ndla/preset-panda",
+  "version": "0.0.1",
+  "description": "Panda preset for NDLA",
+  "license": "GPL-3.0",
+  "main": "lib/index.js",
+  "module": "es/index.js",
+  "types": "lib/index.d.ts",
+  "sideEffects": false,
+  "scripts": {
+    "prepare": "panda codegen",
+    "build": "node ../../scripts/build.js package",
+    "build:types": "tsc -p tsconfig.build.json",
+    "prepublish": "concurrently 'yarn build:types' 'mkdir -p dist' 'panda cssgen  --outfile dist/styles.css' 'panda ship --outfile dist/panda.buildinfo.json'"
+  },
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/NDLANO/frontend-packages.git",
+    "directory": "packages/preset-panda"
+  },
+  "keywords": [
+    "panda",
+    "preset",
+    "ndla"
+  ],
+  "author": "ndla@knowit.no",
+  "files": [
+    "dist",
+    "es",
+    "lib"
+  ],
+  "devDependencies": {
+    "@pandacss/dev": "^0.40.1"
+  },
+  "publishConfig": {
+    "access": "public"
+  },
+  "gitHead": "06462ea8a1e84faedef361152994b7d48d4cd6e3"
+}