@ndla/preset-panda 0.0.1

package/lib/colors.js

@@ -0,0 +1,248 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.colors = 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 colors = exports.colors = _dev.defineTokens.colors({
+  grey: {
+    50: {
+      value: "#FAFAFA"
+    },
+    100: {
+      value: "#F2F2F3"
+    },
+    200: {
+      value: "#E4E4E7"
+    },
+    300: {
+      value: "#C9C9CF"
+    },
+    400: {
+      value: "#AFAFB6"
+    },
+    500: {
+      value: "#94949E"
+    },
+    600: {
+      value: "#797986"
+    },
+    700: {
+      value: "#61616B"
+    },
+    800: {
+      value: "#494950"
+    },
+    900: {
+      value: "#303036"
+    },
+    950: {
+      value: "#18181B"
+    }
+  },
+  blue: {
+    50: {
+      value: "#F1F9FD"
+    },
+    100: {
+      value: "#D1ECFA"
+    },
+    200: {
+      value: "#ACDFF6"
+    },
+    300: {
+      value: "#87D4F2"
+    },
+    400: {
+      value: "#6CCCEF"
+    },
+    500: {
+      value: "#40BDEB"
+    },
+    600: {
+      value: "#1E9CD2"
+    },
+    700: {
+      value: "#197AB2"
+    },
+    800: {
+      value: "#155784"
+    },
+    900: {
+      value: "#113F5F"
+    },
+    950: {
+      value: "#0B253D"
+    }
+  },
+  purple: {
+    50: {
+      value: "#F9F6FE"
+    },
+    100: {
+      value: "#F2EBFC"
+    },
+    200: {
+      value: "#E7DAFA"
+    },
+    300: {
+      value: "#DDC7FA"
+    },
+    400: {
+      value: "#D2B4F8"
+    },
+    500: {
+      value: "#C8A4F7"
+    },
+    600: {
+      value: "#B586F3"
+    },
+    700: {
+      value: "#8B65DC"
+    },
+    800: {
+      value: "#823CC8"
+    },
+    900: {
+      value: "#5E1F9E"
+    },
+    950: {
+      value: "#40116F"
+    }
+  },
+  yellow: {
+    50: {
+      value: "#FFFCF0"
+    },
+    100: {
+      value: "#FFF9DB"
+    },
+    200: {
+      value: "#FFF7CC"
+    },
+    300: {
+      value: "#FFF1A8"
+    },
+    400: {
+      value: "#FFED8F"
+    },
+    500: {
+      value: "#FFE767"
+    },
+    600: {
+      value: "#FFDD33"
+    },
+    700: {
+      value: "#FFCC00"
+    },
+    800: {
+      value: "#FFB700"
+    },
+    900: {
+      value: "#FAA700"
+    },
+    950: {
+      value: "#F08C00"
+    },
+    1000: {
+      value: "#CC8302"
+    },
+    1100: {
+      value: "#A25C06"
+    },
+    1200: {
+      value: "#86480D"
+    },
+    1300: {
+      value: "#7A3701"
+    },
+    1400: {
+      value: "#481A00"
+    }
+  },
+  green: {
+    50: {
+      value: "#EDFDF2"
+    },
+    100: {
+      value: "#DAFBE5"
+    },
+    200: {
+      value: "#C3F8D5"
+    },
+    300: {
+      value: "#A7F6C1"
+    },
+    400: {
+      value: "#81F3A7"
+    },
+    500: {
+      value: "#63F293"
+    },
+    600: {
+      value: "#42D774"
+    },
+    700: {
+      value: "#2CAF58"
+    },
+    800: {
+      value: "#238042"
+    },
+    900: {
+      value: "#174F2A"
+    },
+    950: {
+      value: "#11361E"
+    }
+  },
+  pink: {
+    50: {
+      value: "#FEF2F3"
+    },
+    100: {
+      value: "#FDECEF"
+    },
+    200: {
+      value: "#FCDEE3"
+    },
+    300: {
+      value: "#F9C3CE"
+    },
+    400: {
+      value: "#F79CAE"
+    },
+    500: {
+      value: "#F67992"
+    },
+    600: {
+      value: "#EF4D6D"
+    },
+    700: {
+      value: "#D53457"
+    },
+    800: {
+      value: "#A82447"
+    },
+    900: {
+      value: "#761935"
+    },
+    950: {
+      value: "#4A1124"
+    }
+  },
+  white: {
+    value: "#FFFFFF"
+  },
+  primary: {
+    value: "#2D1B62"
+  }
+});

package/lib/conditions.d.ts

@@ -0,0 +1,11 @@
+/**
+ * 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 conditions: {
+    chinese: string;
+    ariaInvalid: string;
+};

package/lib/conditions.js

@@ -0,0 +1,18 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.conditions = void 0;
+/**
+ * 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 conditions = exports.conditions = {
+  chinese: "&:where([lang='zh'], &[lang='zh-Hans'], &[lang='zh-Hant']):not([data-pinyin])",
+  ariaInvalid: "&:has([aria-invalid='true']), &[aria-invalid='true']"
+};

package/lib/globalCss.d.ts

@@ -0,0 +1,8 @@
+/**
+ * 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 globalCss: import("@pandacss/dev").GlobalStyleObject;

package/lib/globalCss.js

@@ -0,0 +1,82 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.globalCss = 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 globalCss = exports.globalCss = (0, _dev.defineGlobalStyles)({
+  ":root": {
+    // Applied to html in preflight (css reset)
+    "--global-font-body": "fonts.sans",
+    // Code, kbd, pre, samp
+    "--global-font-mono": "fonts.code"
+  },
+  html: {
+    minHeight: "100%"
+  },
+  body: {
+    background: "background.default"
+  },
+  "a, summary,[tabindex]:not([tabindex='-1'])": {
+    outline: "none",
+    _focusVisible: {
+      outline: "3px",
+      borderRadius: "xsmall",
+      outlineColor: "stroke.default",
+      outlineOffset: "3px",
+      outlineStyle: "solid"
+    }
+  },
+  code: {
+    background: "background.subtle",
+    whiteSpace: "pre-wrap"
+  },
+  // TODO: Remove these again once they're no longer needed.
+  // Some text elements don't have a styling class, and therefor no margin. Handled with generic fallbacks in old global css, and now temporarily handled by these selectors.
+  "h1:not([class])": {
+    margin: "24px 0 12px 0"
+  },
+  "h2:not([class])": {
+    margin: "48px 0 12px 0"
+  },
+  "h3:not([class]), h4:not([class]), h5:not([class])": {
+    margin: "36px 0 6px 0"
+  },
+  "p:not([class])": {
+    marginBottom: "24px"
+  },
+  "blockquote:not([class])": {
+    margin: "30px 0"
+  },
+  h1: {
+    textStyle: "heading.medium"
+  },
+  h2: {
+    textStyle: "heading.small"
+  },
+  h3: {
+    textStyle: "title.large"
+  },
+  "h4, h5, h6": {
+    textStyle: "title.medium"
+  },
+  p: {
+    textStyle: "body.medium"
+  },
+  a: {
+    color: "text.link",
+    textDecoration: "underline",
+    _hover: {
+      textDecoration: "none"
+    }
+  }
+});

package/lib/index.d.ts

@@ -0,0 +1,9 @@
+/**
+ * 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.
+ *
+ */
+declare const preset: import("@pandacss/dev").Preset;
+export default preset;

package/lib/index.js

@@ -0,0 +1,52 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _dev = require("@pandacss/dev");
+var _animations = require("./animations");
+var _boxShadows = require("./boxShadows");
+var _breakpoints = require("./breakpoints");
+var _colors = require("./colors");
+var _conditions = require("./conditions");
+var _globalCss = require("./globalCss");
+var _radii = require("./radii");
+var _semanticTokens = require("./semanticTokens");
+var _spacing = require("./spacing");
+var _typography = require("./typography");
+var _zIndex = require("./zIndex");
+/**
+ * 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 preset = (0, _dev.definePreset)({
+  globalCss: _globalCss.globalCss,
+  conditions: _conditions.conditions,
+  theme: {
+    breakpoints: _breakpoints.breakpoints,
+    textStyles: _typography.textStyles,
+    keyframes: _animations.keyframes,
+    tokens: {
+      colors: _colors.colors,
+      easings: _animations.easings,
+      durations: _animations.durations,
+      radii: _radii.radii,
+      spacing: _spacing.spacing,
+      sizes: _spacing.spacing,
+      lineHeights: _typography.lineHeights,
+      fontWeights: _typography.fontWeights,
+      fontSizes: _typography.fontSizes,
+      fonts: _typography.fonts,
+      animations: _animations.animations,
+      shadows: _boxShadows.boxShadows,
+      zIndex: _zIndex.zIndex
+    },
+    semanticTokens: _semanticTokens.semanticTokens
+  }
+});
+var _default = exports.default = preset;

package/lib/radii.d.ts

@@ -0,0 +1,27 @@
+/**
+ * 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 radii: {
+    sharp: {
+        value: string;
+    };
+    xsmall: {
+        value: string;
+    };
+    small: {
+        value: string;
+    };
+    medium: {
+        value: string;
+    };
+    large: {
+        value: string;
+    };
+    full: {
+        value: string;
+    };
+};

package/lib/radii.js

@@ -0,0 +1,35 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.radii = 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 radii = exports.radii = _dev.defineTokens.radii({
+  sharp: {
+    value: "0px"
+  },
+  xsmall: {
+    value: "{spacing.4xsmall}"
+  },
+  small: {
+    value: "{spacing.xxsmall}"
+  },
+  medium: {
+    value: "{spacing.xsmall}"
+  },
+  large: {
+    value: "{spacing.medium}"
+  },
+  full: {
+    value: "100%"
+  }
+});