@mekari/pixel3-styled-system 0.1.0-dev.0 → 0.1.0-dev.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (6) hide show
  1. package/CHANGELOG.md +6 -0
  2. package/package.json +1 -1
  3. package/recipes/index.d.ts +1 -1
  4. package/recipes/index.mjs +1 -1
  5. package/recipes/tab-selected-border-recipe.d.ts +35 -0
  6. package/recipes/tab-selected-border-recipe.mjs +90 -0
package/CHANGELOG.md CHANGED
@@ -1,5 +1,11 @@
1
1
  # @mekari/pixel3-styled-system
2
2
 
3
+ ## 0.1.0-dev.1
4
+
5
+ ### Patch Changes
6
+
7
+ - 4ca782a: - Update tabs recipe.
8
+
3
9
  ## 0.1.0-dev.0
4
10
 
5
11
  ### Minor Changes
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@mekari/pixel3-styled-system",
3
3
  "description": "This package is auto-generated by Panda CSS",
4
- "version": "0.1.0-dev.0",
4
+ "version": "0.1.0-dev.1",
5
5
  "type": "module",
6
6
  "publishConfig": {
7
7
  "access": "public"
package/recipes/index.d.ts CHANGED
@@ -11,7 +11,7 @@ export * from './badge-recipe';
11
11
  export * from './textarea-recipe';
12
12
  export * from './tooltip-recipe';
13
13
  export * from './tab-recipe';
14
- export * from './selected-border-recipe';
14
+ export * from './tab-selected-border-recipe';
15
15
  export * from './table-recipe';
16
16
  export * from './table-container-recipe';
17
17
  export * from './divider-recipe';
package/recipes/index.mjs CHANGED
@@ -10,7 +10,7 @@ export * from './badge-recipe.mjs';
10
10
  export * from './textarea-recipe.mjs';
11
11
  export * from './tooltip-recipe.mjs';
12
12
  export * from './tab-recipe.mjs';
13
- export * from './selected-border-recipe.mjs';
13
+ export * from './tab-selected-border-recipe.mjs';
14
14
  export * from './table-recipe.mjs';
15
15
  export * from './table-container-recipe.mjs';
16
16
  export * from './divider-recipe.mjs';
package/recipes/tab-selected-border-recipe.d.ts ADDED
@@ -0,0 +1,35 @@
1
+ /* eslint-disable */
2
+ import type { ConditionalValue } from '../types/index';
3
+ import type { DistributiveOmit, Pretty } from '../types/system-types';
4
+
5
+ interface TabSelectedBorderRecipeVariant {
6
+ /**
7
+ * @default "blue"
8
+ */
9
+ variantColor: "blue" | "green" | "orange" | "red" | "gray"
10
+ /**
11
+ * @default false
12
+ */
13
+ isSelected: boolean
14
+ }
15
+
16
+ type TabSelectedBorderRecipeVariantMap = {
17
+ [key in keyof TabSelectedBorderRecipeVariant]: Array<TabSelectedBorderRecipeVariant[key]>
18
+ }
19
+
20
+ export type TabSelectedBorderRecipeVariantProps = {
21
+ [key in keyof TabSelectedBorderRecipeVariant]?: TabSelectedBorderRecipeVariant[key] | undefined
22
+ }
23
+
24
+ export interface TabSelectedBorderRecipeRecipe {
25
+ __type: TabSelectedBorderRecipeVariantProps
26
+ (props?: TabSelectedBorderRecipeVariantProps): string
27
+ raw: (props?: TabSelectedBorderRecipeVariantProps) => TabSelectedBorderRecipeVariantProps
28
+ variantMap: TabSelectedBorderRecipeVariantMap
29
+ variantKeys: Array<keyof TabSelectedBorderRecipeVariant>
30
+ splitVariantProps<Props extends TabSelectedBorderRecipeVariantProps>(props: Props): [TabSelectedBorderRecipeVariantProps, Pretty<DistributiveOmit<Props, keyof TabSelectedBorderRecipeVariantProps>>]
31
+ getVariantProps: (props?: TabSelectedBorderRecipeVariantProps) => TabSelectedBorderRecipeVariantProps
32
+ }
33
+
34
+
35
+ export declare const tabSelectedBorderRecipe: TabSelectedBorderRecipeRecipe
package/recipes/tab-selected-border-recipe.mjs ADDED
@@ -0,0 +1,90 @@
1
+ import { memo, splitProps } from '../helpers.mjs';
2
+ import { createRecipe, mergeRecipes } from './create-recipe.mjs';
3
+
4
+ const tabSelectedBorderRecipeFn = /* @__PURE__ */ createRecipe('tab-selected-border', {
5
+ "variantColor": "blue",
6
+ "isSelected": false
7
+ }, [
8
+ {
9
+ "variantColor": "blue",
10
+ "isSelected": true,
11
+ "css": {
12
+ "background": "blue.400",
13
+ "_groupHover": {
14
+ "background": "blue.500"
15
+ }
16
+ }
17
+ },
18
+ {
19
+ "variantColor": "green",
20
+ "isSelected": true,
21
+ "css": {
22
+ "background": "green.400",
23
+ "_groupHover": {
24
+ "background": "green.500"
25
+ }
26
+ }
27
+ },
28
+ {
29
+ "variantColor": "orange",
30
+ "isSelected": true,
31
+ "css": {
32
+ "background": "orange.400",
33
+ "_groupHover": {
34
+ "background": "orange.500"
35
+ }
36
+ }
37
+ },
38
+ {
39
+ "variantColor": "red",
40
+ "isSelected": true,
41
+ "css": {
42
+ "background": "red.400",
43
+ "_groupHover": {
44
+ "background": "red.500"
45
+ }
46
+ }
47
+ },
48
+ {
49
+ "variantColor": "gray",
50
+ "isSelected": true,
51
+ "css": {
52
+ "background": "gray.400",
53
+ "_groupHover": {
54
+ "background": "gray.500"
55
+ }
56
+ }
57
+ }
58
+ ])
59
+
60
+ const tabSelectedBorderRecipeVariantMap = {
61
+ "variantColor": [
62
+ "blue",
63
+ "green",
64
+ "orange",
65
+ "red",
66
+ "gray"
67
+ ],
68
+ "isSelected": [
69
+ "false",
70
+ "true"
71
+ ]
72
+ }
73
+
74
+ const tabSelectedBorderRecipeVariantKeys = Object.keys(tabSelectedBorderRecipeVariantMap)
75
+
76
+ export const tabSelectedBorderRecipe = /* @__PURE__ */ Object.assign(memo(tabSelectedBorderRecipeFn.recipeFn), {
77
+ __recipe__: true,
78
+ __name__: 'tabSelectedBorderRecipe',
79
+ __getCompoundVariantCss__: tabSelectedBorderRecipeFn.__getCompoundVariantCss__,
80
+ raw: (props) => props,
81
+ variantKeys: tabSelectedBorderRecipeVariantKeys,
82
+ variantMap: tabSelectedBorderRecipeVariantMap,
83
+ merge(recipe) {
84
+ return mergeRecipes(this, recipe)
85
+ },
86
+ splitVariantProps(props) {
87
+ return splitProps(props, tabSelectedBorderRecipeVariantKeys)
88
+ },
89
+ getVariantProps: tabSelectedBorderRecipeFn.getVariantProps,
90
+ })