cetec-design-system 2.3.7 → 3.0.1-next.0

package/README.md

@@ -129,8 +129,19 @@ npm install cetec-design-system
 
 ### Panda CSS Configuration
 
-Copy `/panda.config.ts` and adjust the import paths to point to the package in `node_modules`.
-Set up the `include` option to contain the paths where Panda should look when building `styled-system` and `styles.css`.
+Import the Panda preset from its build-time-only entrypoint:
+
+```typescript
+import { defineConfig } from '@pandacss/dev';
+import { cetecPreset } from 'cetec-design-system/preset';
+
+export default defineConfig({
+  presets: [cetecPreset],
+});
+```
+
+Set up the `include` option to contain the paths where Panda should look when
+building `styled-system` and `styles.css`.
 
 ### Using in Your Project
 

package/dist/containerSizes-nJuD-1Ap.js

@@ -0,0 +1,47 @@
+const breakpoints = {
+  xs: "30rem",
+  // 480px
+  sm: "40rem",
+  // 640px
+  md: "48rem",
+  // 768px
+  lg: "64rem",
+  // 1024px
+  xl: "80rem",
+  // 1280px
+  "2xl": "96rem"
+  // 1536px
+};
+const containerSizes = {
+  "2xs": "16rem",
+  // 256px
+  xs: "20rem",
+  // 320px
+  sm: "24rem",
+  // 384px
+  md: "28rem",
+  // 448px
+  lg: "32rem",
+  // 512px
+  xl: "36rem",
+  // 576px
+  "2xl": "42rem",
+  // 672px
+  "3xl": "48rem",
+  // 768px
+  "4xl": "56rem",
+  // 896px
+  "5xl": "64rem",
+  // 1024px
+  "6xl": "72rem",
+  // 1152px
+  "7xl": "80rem",
+  // 1280px
+  "8xl": "90rem"
+  // 1440px
+};
+export {
+  breakpoints as b,
+  containerSizes as c
+};
+//# sourceMappingURL=containerSizes-nJuD-1Ap.js.map

package/dist/containerSizes-nJuD-1Ap.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"containerSizes-nJuD-1Ap.js","sources":["../src/styles/utilities/breakpoints.ts","../src/styles/utilities/containerSizes.ts"],"sourcesContent":["export const breakpoints = {\n  xs: '30rem', // 480px\n  sm: '40rem', // 640px\n  md: '48rem', // 768px\n  lg: '64rem', // 1024px\n  xl: '80rem', // 1280px\n  '2xl': '96rem', // 1536px\n};\n","// Raw values for Panda containerSizes config (no value wrappers)\n// Panda's setupContainers() expects raw strings it can call .match() on\nexport const containerSizes = {\n  '2xs': '16rem', // 256px\n  xs: '20rem', // 320px\n  sm: '24rem', // 384px\n  md: '28rem', // 448px\n  lg: '32rem', // 512px\n  xl: '36rem', // 576px\n  '2xl': '42rem', // 672px\n  '3xl': '48rem', // 768px\n  '4xl': '56rem', // 896px\n  '5xl': '64rem', // 1024px\n  '6xl': '72rem', // 1152px\n  '7xl': '80rem', // 1280px\n  '8xl': '90rem', // 1440px\n};\n"],"names":[],"mappings":"AAAO,MAAM,cAAc;AAAA,EACzB,IAAI;AAAA;AAAA,EACJ,IAAI;AAAA;AAAA,EACJ,IAAI;AAAA;AAAA,EACJ,IAAI;AAAA;AAAA,EACJ,IAAI;AAAA;AAAA,EACJ,OAAO;AAAA;AACT;ACLO,MAAM,iBAAiB;AAAA,EAC5B,OAAO;AAAA;AAAA,EACP,IAAI;AAAA;AAAA,EACJ,IAAI;AAAA;AAAA,EACJ,IAAI;AAAA;AAAA,EACJ,IAAI;AAAA;AAAA,EACJ,IAAI;AAAA;AAAA,EACJ,OAAO;AAAA;AAAA,EACP,OAAO;AAAA;AAAA,EACP,OAAO;AAAA;AAAA,EACP,OAAO;AAAA;AAAA,EACP,OAAO;AAAA;AAAA,EACP,OAAO;AAAA;AAAA,EACP,OAAO;AAAA;AACT;"}