@stokelp/styled-system 2.14.0 → 2.16.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@stokelp/styled-system",
-  "version": "2.14.0",
+  "version": "2.16.0",
   "description": "Stokelp UI styled-system",
   "type": "module",
   "publishConfig": {

package/panda.buildinfo.json

@@ -49,6 +49,8 @@
       "justifyContent]___[value:center",
       "flex]___[value:0 0 auto",
       "borderRadius]___[value:9999px",
+      "background]___[value:primary.200]___[cond:_hover",
+      "background]___[value:primary.100]___[cond:_hover",
       "paddingBottom]___[value:space-24",
       "display]___[value:grid",
       "gridTemplateColumns]___[value:repeat(auto-fit, minmax(300px, 1fr))",
@@ -100,7 +102,9 @@
       "color]___[value:grey.100",
       "textStyle]___[value:body.lg",
       "textStyle]___[value:body.md",
-      "textStyle]___[value:body.sm"
+      "textStyle]___[value:body.sm",
+      "borderRadius]___[value:3px]___[cond:& > svg",
+      "width]___[value:full"
     ],
     "recipes": {
       "iconButton": [

package/recipes/app-navigation-language-select.d.ts

@@ -0,0 +1,31 @@
+/* eslint-disable */
+import type { ConditionalValue } from '../types/index';
+import type { DistributiveOmit, Pretty } from '../types/system-types';
+
+interface AppNavigationLanguageSelectVariant {
+  /**
+ * @default "md"
+ */
+size: "md"
+}
+
+type AppNavigationLanguageSelectVariantMap = {
+  [key in keyof AppNavigationLanguageSelectVariant]: Array<AppNavigationLanguageSelectVariant[key]>
+}
+
+export type AppNavigationLanguageSelectVariantProps = {
+  [key in keyof AppNavigationLanguageSelectVariant]?: ConditionalValue<AppNavigationLanguageSelectVariant[key]> | undefined
+}
+
+export interface AppNavigationLanguageSelectRecipe {
+  __type: AppNavigationLanguageSelectVariantProps
+  (props?: AppNavigationLanguageSelectVariantProps): Pretty<Record<"label" | "positioner" | "trigger" | "indicator" | "clearTrigger" | "item" | "itemText" | "itemIndicator" | "itemGroup" | "itemGroupLabel" | "list" | "content" | "root" | "control" | "valueText", string>>
+  raw: (props?: AppNavigationLanguageSelectVariantProps) => AppNavigationLanguageSelectVariantProps
+  variantMap: AppNavigationLanguageSelectVariantMap
+  variantKeys: Array<keyof AppNavigationLanguageSelectVariant>
+  splitVariantProps<Props extends AppNavigationLanguageSelectVariantProps>(props: Props): [AppNavigationLanguageSelectVariantProps, Pretty<DistributiveOmit<Props, keyof AppNavigationLanguageSelectVariantProps>>]
+  getVariantProps: (props?: AppNavigationLanguageSelectVariantProps) => AppNavigationLanguageSelectVariantProps
+}
+
+
+export declare const appNavigationLanguageSelect: AppNavigationLanguageSelectRecipe

package/recipes/app-navigation-language-select.mjs

@@ -0,0 +1,96 @@
+import { compact, getSlotCompoundVariant, memo, splitProps } from '../helpers.mjs';
+import { createRecipe } from './create-recipe.mjs';
+
+const appNavigationLanguageSelectDefaultVariants = {
+  "size": "md"
+}
+const appNavigationLanguageSelectCompoundVariants = []
+
+const appNavigationLanguageSelectSlotNames = [
+  [
+    "label",
+    "app-navigation-language-select__label"
+  ],
+  [
+    "positioner",
+    "app-navigation-language-select__positioner"
+  ],
+  [
+    "trigger",
+    "app-navigation-language-select__trigger"
+  ],
+  [
+    "indicator",
+    "app-navigation-language-select__indicator"
+  ],
+  [
+    "clearTrigger",
+    "app-navigation-language-select__clearTrigger"
+  ],
+  [
+    "item",
+    "app-navigation-language-select__item"
+  ],
+  [
+    "itemText",
+    "app-navigation-language-select__itemText"
+  ],
+  [
+    "itemIndicator",
+    "app-navigation-language-select__itemIndicator"
+  ],
+  [
+    "itemGroup",
+    "app-navigation-language-select__itemGroup"
+  ],
+  [
+    "itemGroupLabel",
+    "app-navigation-language-select__itemGroupLabel"
+  ],
+  [
+    "list",
+    "app-navigation-language-select__list"
+  ],
+  [
+    "content",
+    "app-navigation-language-select__content"
+  ],
+  [
+    "root",
+    "app-navigation-language-select__root"
+  ],
+  [
+    "control",
+    "app-navigation-language-select__control"
+  ],
+  [
+    "valueText",
+    "app-navigation-language-select__valueText"
+  ]
+]
+const appNavigationLanguageSelectSlotFns = /* @__PURE__ */ appNavigationLanguageSelectSlotNames.map(([slotName, slotKey]) => [slotName, createRecipe(slotKey, appNavigationLanguageSelectDefaultVariants, getSlotCompoundVariant(appNavigationLanguageSelectCompoundVariants, slotName))])
+
+const appNavigationLanguageSelectFn = memo((props = {}) => {
+  return Object.fromEntries(appNavigationLanguageSelectSlotFns.map(([slotName, slotFn]) => [slotName, slotFn.recipeFn(props)]))
+})
+
+const appNavigationLanguageSelectVariantKeys = [
+  "size"
+]
+const getVariantProps = (variants) => ({ ...appNavigationLanguageSelectDefaultVariants, ...compact(variants) })
+
+export const appNavigationLanguageSelect = /* @__PURE__ */ Object.assign(appNavigationLanguageSelectFn, {
+  __recipe__: false,
+  __name__: 'appNavigationLanguageSelect',
+  raw: (props) => props,
+  variantKeys: appNavigationLanguageSelectVariantKeys,
+  variantMap: {
+  "size": [
+    "md"
+  ]
+},
+  splitVariantProps(props) {
+    return splitProps(props, appNavigationLanguageSelectVariantKeys)
+  },
+  getVariantProps
+})

package/recipes/app-navigation.d.ts

@@ -6,7 +6,7 @@ interface AppNavigationVariant {
   /**
  * @default "prod"
  */
-variant: "prod" | "staging" | "dev"
+variant: "prod" | "staging" | "dev" | "neutral"
 }
 
 type AppNavigationVariantMap = {

package/recipes/app-navigation.mjs

@@ -64,7 +64,8 @@ export const appNavigation = /* @__PURE__ */ Object.assign(appNavigationFn, {
   "variant": [
     "prod",
     "staging",
-    "dev"
+    "dev",
+    "neutral"
   ]
 },
   splitVariantProps(props) {

package/recipes/index.d.ts

@@ -43,4 +43,5 @@ export * from './checkbox-card';
 export * from './combobox';
 export * from './collapsible';
 export * from './app-navigation';
-export * from './dialog';
+export * from './dialog';
+export * from './app-navigation-language-select';

package/recipes/index.mjs

@@ -42,4 +42,5 @@ export * from './checkbox-card.mjs';
 export * from './combobox.mjs';
 export * from './collapsible.mjs';
 export * from './app-navigation.mjs';
-export * from './dialog.mjs';
+export * from './dialog.mjs';
+export * from './app-navigation-language-select.mjs';