@mekari/pixel3-theme 0.1.1 → 0.2.0-dev.1

package/dist/index.js

@@ -25,7 +25,7 @@ __export(theme_exports, {
 module.exports = __toCommonJS(theme_exports);
 
 // src/index.ts
-var import_dev53 = require("@pandacss/dev");
+var import_dev54 = require("@pandacss/dev");
 
 // src/breakpoints.ts
 var breakpoints = {
@@ -39,7 +39,7 @@ var breakpoints = {
 var conditions = {
   extend: {
     disabled: "&:is(:disabled, [disabled], [aria-disabled=true], [data-disabled])",
-    invalid: "&:is(:invalid, [aria-invalid=true], [data-invalid])",
+    invalid: "&:is([aria-invalid=true], [data-invalid])",
     checked: "&:is(:checked, [data-checked], [aria-checked=true], [data-state=checked])",
     indeterminate: "&:is(:indeterminate, [data-indeterminate], [aria-checked=mixed], [data-state=indeterminate])",
     closed: "&:is([data-state=closed])",
@@ -1612,9 +1612,9 @@ var tabRecipe = (0, import_dev16.defineRecipe)({
     isSelected: false
   }
 });
-var selectedBorderRecipe = (0, import_dev16.defineRecipe)({
-  className: "selected-border",
-  jsx: ["MpSelectedBorder", "mp-selected-border"],
+var tabSelectedBorderRecipe = (0, import_dev16.defineRecipe)({
+  className: "tab-selected-border",
+  jsx: ["MpTabSelectedBorder", "mp-tab-selected-border"],
   base: {
     position: "absolute",
     bottom: "-2px",
@@ -4214,6 +4214,34 @@ var sliderSlotRecipe = (0, import_dev40.defineSlotRecipe)({
   }
 });
 
+// src/recipes/tour.ts
+var import_dev41 = require("@pandacss/dev");
+var tourSlotRecipe = (0, import_dev41.defineSlotRecipe)({
+  className: "tour",
+  jsx: ["MpTour", "mp-tour"],
+  slots: ["root", "overlay", "panel"],
+  base: {
+    root: {},
+    overlay: {
+      zIndex: "9998",
+      position: "fixed",
+      top: "0",
+      right: "0",
+      bottom: "0",
+      left: "0",
+      width: "full",
+      height: "full",
+      background: "overlay"
+    },
+    panel: {
+      zIndex: "9999"
+    }
+  },
+  variants: {},
+  compoundVariants: [],
+  defaultVariants: {}
+});
+
 // src/recipes/index.ts
 var recipes = {
   buttonRecipe,
@@ -4228,7 +4256,7 @@ var recipes = {
   textareaRecipe,
   tooltipRecipe,
   tabRecipe,
-  selectedBorderRecipe,
+  tabSelectedBorderRecipe,
   tableRecipe,
   tableContainerRecipe,
   dividerRecipe,
@@ -4286,12 +4314,13 @@ var slotRecipes = {
   timelineAccordionSlotRecipe,
   tabListSlotRecipe,
   colorPickerSlotRecipe,
-  sliderSlotRecipe
+  sliderSlotRecipe,
+  tourSlotRecipe
 };
 
 // src/text-styles.ts
-var import_dev41 = require("@pandacss/dev");
-var textStyles = (0, import_dev41.defineTextStyles)({
+var import_dev42 = require("@pandacss/dev");
+var textStyles = (0, import_dev42.defineTextStyles)({
   overline: { value: { fontSize: "xs", lineHeight: "xs" } },
   body: {
     sm: { value: { fontSize: "sm", lineHeight: "2xl" } },
@@ -4325,11 +4354,11 @@ var textStyles = (0, import_dev41.defineTextStyles)({
 });
 
 // src/tokens/index.ts
-var import_dev52 = require("@pandacss/dev");
+var import_dev53 = require("@pandacss/dev");
 
 // src/tokens/borders.ts
-var import_dev42 = require("@pandacss/dev");
-var borders = import_dev42.defineTokens.borders({
+var import_dev43 = require("@pandacss/dev");
+var borders = import_dev43.defineTokens.borders({
   none: { value: "none" },
   sm: { value: "1px" },
   md: { value: "1.5px" },
@@ -4337,8 +4366,8 @@ var borders = import_dev42.defineTokens.borders({
 });
 
 // src/tokens/colors.ts
-var import_dev43 = require("@pandacss/dev");
-var colors = import_dev43.defineTokens.colors({
+var import_dev44 = require("@pandacss/dev");
+var colors = import_dev44.defineTokens.colors({
   currentcolor: {
     value: "currentcolor"
   },
@@ -4484,16 +4513,16 @@ var colors = import_dev43.defineTokens.colors({
 });
 
 // src/tokens/durations.ts
-var import_dev44 = require("@pandacss/dev");
-var durations = import_dev44.defineTokens.durations({
+var import_dev45 = require("@pandacss/dev");
+var durations = import_dev45.defineTokens.durations({
   slow: { value: "100ms" },
   normal: { value: "250ms" },
   fast: { value: "300ms" }
 });
 
 // src/tokens/opacity.ts
-var import_dev45 = require("@pandacss/dev");
-var opacity = import_dev45.defineTokens.opacity({
+var import_dev46 = require("@pandacss/dev");
+var opacity = import_dev46.defineTokens.opacity({
   0: { value: 0 },
   40: { value: 0.4 },
   60: { value: 0.6 },
@@ -4501,8 +4530,8 @@ var opacity = import_dev45.defineTokens.opacity({
 });
 
 // src/tokens/radii.ts
-var import_dev46 = require("@pandacss/dev");
-var radii = import_dev46.defineTokens.radii({
+var import_dev47 = require("@pandacss/dev");
+var radii = import_dev47.defineTokens.radii({
   none: { value: "0" },
   xs: { value: "0.125rem" },
   sm: { value: "0.25rem" },
@@ -4513,8 +4542,8 @@ var radii = import_dev46.defineTokens.radii({
 });
 
 // src/tokens/shadows.ts
-var import_dev47 = require("@pandacss/dev");
-var shadows = import_dev47.defineTokens.shadows({
+var import_dev48 = require("@pandacss/dev");
+var shadows = import_dev48.defineTokens.shadows({
   xs: {
     value: ["0px 0px 2px 0px rgba(0, 0, 0, 0.12)", "0px 2px 4px 0px rgba(0, 0, 0, 0.14)"]
   },
@@ -4554,8 +4583,8 @@ var shadows = import_dev47.defineTokens.shadows({
 });
 
 // src/tokens/sizes.ts
-var import_dev48 = require("@pandacss/dev");
-var sizes = import_dev48.defineTokens.sizes({
+var import_dev49 = require("@pandacss/dev");
+var sizes = import_dev49.defineTokens.sizes({
   0: { value: "0" },
   0.25: { value: "0.0625rem" },
   0.5: { value: "0.125rem" },
@@ -4584,8 +4613,8 @@ var sizes = import_dev48.defineTokens.sizes({
 });
 
 // src/tokens/spacing.ts
-var import_dev49 = require("@pandacss/dev");
-var spacing = import_dev49.defineTokens.spacing({
+var import_dev50 = require("@pandacss/dev");
+var spacing = import_dev50.defineTokens.spacing({
   0: { value: "0" },
   0.5: { value: "0.125rem" },
   1: { value: "0.25rem" },
@@ -4606,8 +4635,8 @@ var spacing = import_dev49.defineTokens.spacing({
 });
 
 // src/tokens/z-index.ts
-var import_dev50 = require("@pandacss/dev");
-var zIndex = import_dev50.defineTokens.zIndex({
+var import_dev51 = require("@pandacss/dev");
+var zIndex = import_dev51.defineTokens.zIndex({
   hide: { value: -1 },
   base: { value: 0 },
   docked: { value: 10 },
@@ -4619,8 +4648,8 @@ var zIndex = import_dev50.defineTokens.zIndex({
 });
 
 // src/tokens/typography.ts
-var import_dev51 = require("@pandacss/dev");
-var fonts = import_dev51.defineTokens.fonts({
+var import_dev52 = require("@pandacss/dev");
+var fonts = import_dev52.defineTokens.fonts({
   body: {
     value: '"Inter", -apple-system, BlinkMacSystemFont, Helvetica, Arial, sans-serif, Segoe UI, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"'
   },
@@ -4628,7 +4657,7 @@ var fonts = import_dev51.defineTokens.fonts({
     value: 'SFMono-Regular, Menlo, Monaco,Consolas, "Liberation Mono", "Courier New", monospace'
   }
 });
-var fontSizes = import_dev51.defineTokens.fontSizes({
+var fontSizes = import_dev52.defineTokens.fontSizes({
   xs: { value: "0.625rem" },
   sm: { value: "0.75rem" },
   md: { value: "0.875rem" },
@@ -4636,12 +4665,12 @@ var fontSizes = import_dev51.defineTokens.fontSizes({
   xl: { value: "1.25rem" },
   "2xl": { value: "1.5rem" }
 });
-var fontWeights = import_dev51.defineTokens.fontWeights({
+var fontWeights = import_dev52.defineTokens.fontWeights({
   regular: { value: "400" },
   semiBold: { value: "600" },
   bold: { value: "800" }
 });
-var lineHeights = import_dev51.defineTokens.lineHeights({
+var lineHeights = import_dev52.defineTokens.lineHeights({
   xs: { value: 1.2 },
   sm: { value: 1.34 },
   md: { value: 1.4 },
@@ -4650,7 +4679,7 @@ var lineHeights = import_dev51.defineTokens.lineHeights({
   "2xl": { value: 1.67 },
   "3xl": { value: 1.71 }
 });
-var letterSpacings = import_dev51.defineTokens.letterSpacings({
+var letterSpacings = import_dev52.defineTokens.letterSpacings({
   tighter: { value: "-0.05em" },
   tight: { value: "-0.025em" },
   normal: { value: "0" },
@@ -4660,7 +4689,7 @@ var letterSpacings = import_dev51.defineTokens.letterSpacings({
 });
 
 // src/tokens/index.ts
-var tokens = (0, import_dev52.defineTokens)({
+var tokens = (0, import_dev53.defineTokens)({
   borders,
   colors,
   durations,
@@ -4678,7 +4707,8 @@ var tokens = (0, import_dev52.defineTokens)({
 });
 
 // src/index.ts
-var preset = (0, import_dev53.definePreset)({
+var preset = (0, import_dev54.definePreset)({
+  name: "@mekari/pixel3-theme",
   theme: {
     extend: {
       breakpoints,

package/dist/index.mjs

@@ -13,7 +13,7 @@ var breakpoints = {
 var conditions = {
   extend: {
     disabled: "&:is(:disabled, [disabled], [aria-disabled=true], [data-disabled])",
-    invalid: "&:is(:invalid, [aria-invalid=true], [data-invalid])",
+    invalid: "&:is([aria-invalid=true], [data-invalid])",
     checked: "&:is(:checked, [data-checked], [aria-checked=true], [data-state=checked])",
     indeterminate: "&:is(:indeterminate, [data-indeterminate], [aria-checked=mixed], [data-state=indeterminate])",
     closed: "&:is([data-state=closed])",
@@ -1586,9 +1586,9 @@ var tabRecipe = defineRecipe9({
     isSelected: false
   }
 });
-var selectedBorderRecipe = defineRecipe9({
-  className: "selected-border",
-  jsx: ["MpSelectedBorder", "mp-selected-border"],
+var tabSelectedBorderRecipe = defineRecipe9({
+  className: "tab-selected-border",
+  jsx: ["MpTabSelectedBorder", "mp-tab-selected-border"],
   base: {
     position: "absolute",
     bottom: "-2px",
@@ -4188,6 +4188,34 @@ var sliderSlotRecipe = defineSlotRecipe28({
   }
 });
 
+// src/recipes/tour.ts
+import { defineSlotRecipe as defineSlotRecipe29 } from "@pandacss/dev";
+var tourSlotRecipe = defineSlotRecipe29({
+  className: "tour",
+  jsx: ["MpTour", "mp-tour"],
+  slots: ["root", "overlay", "panel"],
+  base: {
+    root: {},
+    overlay: {
+      zIndex: "9998",
+      position: "fixed",
+      top: "0",
+      right: "0",
+      bottom: "0",
+      left: "0",
+      width: "full",
+      height: "full",
+      background: "overlay"
+    },
+    panel: {
+      zIndex: "9999"
+    }
+  },
+  variants: {},
+  compoundVariants: [],
+  defaultVariants: {}
+});
+
 // src/recipes/index.ts
 var recipes = {
   buttonRecipe,
@@ -4202,7 +4230,7 @@ var recipes = {
   textareaRecipe,
   tooltipRecipe,
   tabRecipe,
-  selectedBorderRecipe,
+  tabSelectedBorderRecipe,
   tableRecipe,
   tableContainerRecipe,
   dividerRecipe,
@@ -4260,7 +4288,8 @@ var slotRecipes = {
   timelineAccordionSlotRecipe,
   tabListSlotRecipe,
   colorPickerSlotRecipe,
-  sliderSlotRecipe
+  sliderSlotRecipe,
+  tourSlotRecipe
 };
 
 // src/text-styles.ts
@@ -4653,6 +4682,7 @@ var tokens = defineTokens11({
 
 // src/index.ts
 var preset = definePreset({
+  name: "@mekari/pixel3-theme",
   theme: {
     extend: {
       breakpoints,

package/dist/recipes/index.d.mts

@@ -13,7 +13,7 @@ declare const recipes: {
     textareaRecipe: _pandacss_types.RecipeConfig<_pandacss_types.RecipeVariantRecord>;
     tooltipRecipe: _pandacss_types.RecipeConfig<_pandacss_types.RecipeVariantRecord>;
     tabRecipe: _pandacss_types.RecipeConfig<_pandacss_types.RecipeVariantRecord>;
-    selectedBorderRecipe: _pandacss_types.RecipeConfig<_pandacss_types.RecipeVariantRecord>;
+    tabSelectedBorderRecipe: _pandacss_types.RecipeConfig<_pandacss_types.RecipeVariantRecord>;
     tableRecipe: _pandacss_types.RecipeConfig<_pandacss_types.RecipeVariantRecord>;
     tableContainerRecipe: _pandacss_types.RecipeConfig<_pandacss_types.RecipeVariantRecord>;
     dividerRecipe: _pandacss_types.RecipeConfig<_pandacss_types.RecipeVariantRecord>;
@@ -72,6 +72,7 @@ declare const slotRecipes: {
     tabListSlotRecipe: _pandacss_types.SlotRecipeConfig;
     colorPickerSlotRecipe: _pandacss_types.SlotRecipeConfig;
     sliderSlotRecipe: _pandacss_types.SlotRecipeConfig;
+    tourSlotRecipe: _pandacss_types.SlotRecipeConfig;
 };
 
 export { recipes, slotRecipes };

package/dist/recipes/index.d.ts

@@ -13,7 +13,7 @@ declare const recipes: {
     textareaRecipe: _pandacss_types.RecipeConfig<_pandacss_types.RecipeVariantRecord>;
     tooltipRecipe: _pandacss_types.RecipeConfig<_pandacss_types.RecipeVariantRecord>;
     tabRecipe: _pandacss_types.RecipeConfig<_pandacss_types.RecipeVariantRecord>;
-    selectedBorderRecipe: _pandacss_types.RecipeConfig<_pandacss_types.RecipeVariantRecord>;
+    tabSelectedBorderRecipe: _pandacss_types.RecipeConfig<_pandacss_types.RecipeVariantRecord>;
     tableRecipe: _pandacss_types.RecipeConfig<_pandacss_types.RecipeVariantRecord>;
     tableContainerRecipe: _pandacss_types.RecipeConfig<_pandacss_types.RecipeVariantRecord>;
     dividerRecipe: _pandacss_types.RecipeConfig<_pandacss_types.RecipeVariantRecord>;
@@ -72,6 +72,7 @@ declare const slotRecipes: {
     tabListSlotRecipe: _pandacss_types.SlotRecipeConfig;
     colorPickerSlotRecipe: _pandacss_types.SlotRecipeConfig;
     sliderSlotRecipe: _pandacss_types.SlotRecipeConfig;
+    tourSlotRecipe: _pandacss_types.SlotRecipeConfig;
 };
 
 export { recipes, slotRecipes };

package/dist/recipes/tabs.d.mts

@@ -2,6 +2,6 @@ import * as _pandacss_dev from '@pandacss/dev';
 
 declare const tabListSlotRecipe: _pandacss_dev.SlotRecipeConfig;
 declare const tabRecipe: _pandacss_dev.RecipeConfig<_pandacss_dev.RecipeVariantRecord>;
-declare const selectedBorderRecipe: _pandacss_dev.RecipeConfig<_pandacss_dev.RecipeVariantRecord>;
+declare const tabSelectedBorderRecipe: _pandacss_dev.RecipeConfig<_pandacss_dev.RecipeVariantRecord>;
 
-export { selectedBorderRecipe, tabListSlotRecipe, tabRecipe };
+export { tabListSlotRecipe, tabRecipe, tabSelectedBorderRecipe };

package/dist/recipes/tabs.d.ts

@@ -2,6 +2,6 @@ import * as _pandacss_dev from '@pandacss/dev';
 
 declare const tabListSlotRecipe: _pandacss_dev.SlotRecipeConfig;
 declare const tabRecipe: _pandacss_dev.RecipeConfig<_pandacss_dev.RecipeVariantRecord>;
-declare const selectedBorderRecipe: _pandacss_dev.RecipeConfig<_pandacss_dev.RecipeVariantRecord>;
+declare const tabSelectedBorderRecipe: _pandacss_dev.RecipeConfig<_pandacss_dev.RecipeVariantRecord>;
 
-export { selectedBorderRecipe, tabListSlotRecipe, tabRecipe };
+export { tabListSlotRecipe, tabRecipe, tabSelectedBorderRecipe };

package/dist/recipes/tour.d.mts

@@ -0,0 +1,5 @@
+import * as _pandacss_dev from '@pandacss/dev';
+
+declare const tourSlotRecipe: _pandacss_dev.SlotRecipeConfig;
+
+export { tourSlotRecipe };

package/dist/recipes/tour.d.ts

@@ -0,0 +1,5 @@
+import * as _pandacss_dev from '@pandacss/dev';
+
+declare const tourSlotRecipe: _pandacss_dev.SlotRecipeConfig;
+
+export { tourSlotRecipe };

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@mekari/pixel3-theme",
   "description": "Theme for mekari pixel 3",
-  "version": "0.1.1",
+  "version": "0.2.0-dev.1",
   "main": "dist/index.js",
   "license": "MIT",
   "files": [
@@ -9,13 +9,13 @@
     "src"
   ],
   "dependencies": {
-    "@pandacss/dev": "^0.39.2"
+    "@pandacss/dev": "^0.45.0"
   },
   "peerDependencies": {
     "vue": "^3.4.9"
   },
   "devDependencies": {
-    "@pandacss/types": "^0.39.2",
+    "@pandacss/types": "^0.45.0",
     "vue": "^3.4.9"
   },
   "publishConfig": {

package/src/conditions.ts

@@ -1,7 +1,7 @@
 export const conditions = {
   extend: {
     disabled: '&:is(:disabled, [disabled], [aria-disabled=true], [data-disabled])',
-    invalid: '&:is(:invalid, [aria-invalid=true], [data-invalid])',
+    invalid: '&:is([aria-invalid=true], [data-invalid])',
     checked: '&:is(:checked, [data-checked], [aria-checked=true], [data-state=checked])',
     indeterminate:
       '&:is(:indeterminate, [data-indeterminate], [aria-checked=mixed], [data-state=indeterminate])',

package/src/index.ts

@@ -9,6 +9,7 @@ import { textStyles } from './text-styles'
 import { tokens } from './tokens'
 
 const preset: Preset = definePreset({
+  name: '@mekari/pixel3-theme',
   theme: {
     extend: {
       breakpoints,

package/src/recipes/index.ts

@@ -11,7 +11,7 @@ import { popoverContentRecipe, popoverListRecipe, popoverListItemRecipe } from '
 import { badgeRecipe } from './badge'
 import { textareaRecipe } from './textarea'
 import { tooltipRecipe } from './tooltip'
-import { tabListSlotRecipe, tabRecipe, selectedBorderRecipe } from './tabs'
+import { tabListSlotRecipe, tabRecipe, tabSelectedBorderRecipe } from './tabs'
 import { checkboxSlotRecipe } from './checkbox'
 import { radioSlotRecipe } from './radio'
 import { sharedSlotRecipe } from './shared'
@@ -62,6 +62,7 @@ import {
 } from './banner'
 import { colorPickerSlotRecipe } from './color-picker'
 import { sliderSlotRecipe } from './slider'
+import { tourSlotRecipe } from './tour'
 
 export const recipes = {
   buttonRecipe,
@@ -76,7 +77,7 @@ export const recipes = {
   textareaRecipe,
   tooltipRecipe,
   tabRecipe,
-  selectedBorderRecipe,
+  tabSelectedBorderRecipe,
   tableRecipe,
   tableContainerRecipe,
   dividerRecipe,
@@ -135,5 +136,6 @@ export const slotRecipes = {
   timelineAccordionSlotRecipe,
   tabListSlotRecipe,
   colorPickerSlotRecipe,
-  sliderSlotRecipe
+  sliderSlotRecipe,
+  tourSlotRecipe
 }

package/src/recipes/tabs.ts

@@ -132,9 +132,9 @@ const tabRecipe = defineRecipe({
   }
 })
 
-const selectedBorderRecipe = defineRecipe({
-  className: 'selected-border',
-  jsx: ['MpSelectedBorder', 'mp-selected-border'],
+const tabSelectedBorderRecipe = defineRecipe({
+  className: 'tab-selected-border',
+  jsx: ['MpTabSelectedBorder', 'mp-tab-selected-border'],
   base: {
     position: 'absolute',
     bottom: '-2px',
@@ -218,4 +218,4 @@ const selectedBorderRecipe = defineRecipe({
   }
 })
 
-export { tabListSlotRecipe, tabRecipe, selectedBorderRecipe }
+export { tabListSlotRecipe, tabRecipe, tabSelectedBorderRecipe }

package/src/recipes/tour.ts

@@ -0,0 +1,29 @@
+import { defineSlotRecipe } from '@pandacss/dev'
+
+const tourSlotRecipe = defineSlotRecipe({
+  className: 'tour',
+  jsx: ['MpTour', 'mp-tour'],
+  slots: ['root', 'overlay', 'panel'],
+  base: {
+    root: {},
+    overlay: {
+      zIndex: '9998',
+      position: 'fixed',
+      top: '0',
+      right: '0',
+      bottom: '0',
+      left: '0',
+      width: 'full',
+      height: 'full',
+      background: 'overlay'
+    },
+    panel: {
+      zIndex: '9999'
+    }
+  },
+  variants: {},
+  compoundVariants: [],
+  defaultVariants: {}
+})
+
+export { tourSlotRecipe }