@televet/kibble-ui 4.0.0-beta.104 → 4.0.0-beta.106

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 (27) hide show
  1. package/dist/chunks/{button.types-CujqF5RD.js → button.types-BKXZNvN1.js} +9 -7
  2. package/dist/chunks/button.types-BKXZNvN1.js.map +1 -0
  3. package/dist/chunks/{button.types-DsLMGraz.js → button.types-Bl1awbi0.js} +2 -2
  4. package/dist/chunks/button.types-Bl1awbi0.js.map +1 -0
  5. package/dist/chunks/{swatch.types-DbgA3RWc.js → swatch.types-CtRInwzo.js} +3 -3
  6. package/dist/chunks/{swatch.types-DbgA3RWc.js.map → swatch.types-CtRInwzo.js.map} +1 -1
  7. package/dist/chunks/{swatch.types-DiX-4lpJ.js → swatch.types-qncm_zG6.js} +2 -2
  8. package/dist/chunks/{swatch.types-DiX-4lpJ.js.map → swatch.types-qncm_zG6.js.map} +1 -1
  9. package/dist/chunks/{theme.provider-Dp0Cf3UC.js → theme.provider-CeFyVJrz.js} +19 -1
  10. package/dist/chunks/{theme.provider-Dp0Cf3UC.js.map → theme.provider-CeFyVJrz.js.map} +1 -1
  11. package/dist/chunks/{theme.provider-B913rIrq.js → theme.provider-DXEnAExc.js} +2 -2
  12. package/dist/chunks/{theme.provider-B913rIrq.js.map → theme.provider-DXEnAExc.js.map} +1 -1
  13. package/dist/cjs/components/Button/index.cjs +1 -1
  14. package/dist/cjs/components/Swatch/index.cjs +1 -1
  15. package/dist/cjs/components/index.cjs +1 -1
  16. package/dist/cjs/index.cjs +1 -1
  17. package/dist/cjs/theme/index.cjs +1 -1
  18. package/dist/esm/components/Button/index.js +1 -1
  19. package/dist/esm/components/Swatch/index.js +1 -1
  20. package/dist/esm/components/index.js +2 -2
  21. package/dist/esm/index.js +3 -3
  22. package/dist/esm/theme/index.js +1 -1
  23. package/dist/types/components/Button/button.recipe.d.ts +1 -1
  24. package/dist/types/components/Button/button.types.d.ts +2 -2
  25. package/package.json +1 -1
  26. package/dist/chunks/button.types-CujqF5RD.js.map +0 -1
  27. package/dist/chunks/button.types-DsLMGraz.js.map +0 -1
@@ -21,7 +21,8 @@ const t = [
21
21
  "ghostNeutralOnContrast",
22
22
  "ghostDestructive",
23
23
  "ghostDestructiveOnContrast",
24
- "ai"
24
+ "ai",
25
+ "aiSecondary"
25
26
  ], r = [
26
27
  "primary",
27
28
  "primaryDestructive",
@@ -34,13 +35,14 @@ const t = [
34
35
  "ghost",
35
36
  "ghostNeutral",
36
37
  "ghostDestructive",
37
- "ai"
38
- ], s = ["xs", "sm", "md", "lg"], e = ["left", "right"], n = ["start", "end"];
38
+ "ai",
39
+ "aiSecondary"
40
+ ], e = ["xs", "sm", "md", "lg"], s = ["left", "right"], a = ["start", "end"];
39
41
  export {
40
42
  r as a,
41
43
  t as b,
42
- s as c,
43
- e as d,
44
- n as e
44
+ e as c,
45
+ s as d,
46
+ a as e
45
47
  };
46
- //# sourceMappingURL=button.types-CujqF5RD.js.map
48
+ //# sourceMappingURL=button.types-BKXZNvN1.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"button.types-BKXZNvN1.js","sources":["../../src/components/Button/button.types.ts"],"sourcesContent":["export const buttonConfigVariants = [\n 'primary',\n 'primaryOnContrast',\n 'primaryDestructive',\n 'primaryDestructiveOnContrast',\n 'secondary',\n 'secondaryOnContrast',\n 'secondaryDestructive',\n 'secondaryDestructiveOnContrast',\n 'secondarySubtle',\n 'secondarySubtleOnContrast',\n 'secondarySubtleDestructive',\n 'secondarySubtleDestructiveOnContrast',\n 'tertiary',\n 'tertiaryOnContrast',\n 'tertiaryDestructive',\n 'tertiaryDestructiveOnContrast',\n 'ghost',\n 'ghostOnContrast',\n 'ghostNeutral',\n 'ghostNeutralOnContrast',\n 'ghostDestructive',\n 'ghostDestructiveOnContrast',\n 'ai',\n 'aiSecondary',\n] as const;\nexport type ButtonConfigVariant = (typeof buttonConfigVariants)[number];\n\n// We are omitting onContrast variants from the variants list because we are setting the 'onContrast' boolean to determine this state\nexport const buttonVariants = [\n 'primary',\n 'primaryDestructive',\n 'secondary',\n 'secondaryDestructive',\n 'secondarySubtle',\n 'secondarySubtleDestructive',\n 'tertiary',\n 'tertiaryDestructive',\n 'ghost',\n 'ghostNeutral',\n 'ghostDestructive',\n 'ai',\n 'aiSecondary',\n] as const;\n\nexport type ButtonVariant = (typeof buttonVariants)[number];\n\nexport const buttonSizes = ['xs', 'sm', 'md', 'lg'] as const;\nexport type ButtonSize = (typeof buttonSizes)[number];\n\nexport const buttonIconPositions = ['left', 'right'] as const;\nexport type ButtonIconPosition = (typeof buttonIconPositions)[number];\n\nexport const buttonSpinnerPlacements = ['start', 'end'] as const;\nexport type ButtonSpinnerPlacement = (typeof buttonSpinnerPlacements)[number];\n"],"names":["buttonConfigVariants","buttonVariants","buttonSizes","buttonIconPositions","buttonSpinnerPlacements"],"mappings":"AAAO,MAAMA,IAAuB;AAAA,EAClC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAIaC,IAAiB;AAAA,EAC5B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAIaC,IAAc,CAAC,MAAM,MAAM,MAAM,IAAI,GAGrCC,IAAsB,CAAC,QAAQ,OAAO,GAGtCC,IAA0B,CAAC,SAAS,KAAK;"}
@@ -1,2 +1,2 @@
1
- "use strict";const t=["primary","primaryOnContrast","primaryDestructive","primaryDestructiveOnContrast","secondary","secondaryOnContrast","secondaryDestructive","secondaryDestructiveOnContrast","secondarySubtle","secondarySubtleOnContrast","secondarySubtleDestructive","secondarySubtleDestructiveOnContrast","tertiary","tertiaryOnContrast","tertiaryDestructive","tertiaryDestructiveOnContrast","ghost","ghostOnContrast","ghostNeutral","ghostNeutralOnContrast","ghostDestructive","ghostDestructiveOnContrast","ai"],r=["primary","primaryDestructive","secondary","secondaryDestructive","secondarySubtle","secondarySubtleDestructive","tertiary","tertiaryDestructive","ghost","ghostNeutral","ghostDestructive","ai"],s=["xs","sm","md","lg"],e=["left","right"],n=["start","end"];exports.buttonConfigVariants=t;exports.buttonIconPositions=e;exports.buttonSizes=s;exports.buttonSpinnerPlacements=n;exports.buttonVariants=r;
2
- //# sourceMappingURL=button.types-DsLMGraz.js.map
1
+ "use strict";const t=["primary","primaryOnContrast","primaryDestructive","primaryDestructiveOnContrast","secondary","secondaryOnContrast","secondaryDestructive","secondaryDestructiveOnContrast","secondarySubtle","secondarySubtleOnContrast","secondarySubtleDestructive","secondarySubtleDestructiveOnContrast","tertiary","tertiaryOnContrast","tertiaryDestructive","tertiaryDestructiveOnContrast","ghost","ghostOnContrast","ghostNeutral","ghostNeutralOnContrast","ghostDestructive","ghostDestructiveOnContrast","ai","aiSecondary"],r=["primary","primaryDestructive","secondary","secondaryDestructive","secondarySubtle","secondarySubtleDestructive","tertiary","tertiaryDestructive","ghost","ghostNeutral","ghostDestructive","ai","aiSecondary"],e=["xs","sm","md","lg"],s=["left","right"],n=["start","end"];exports.buttonConfigVariants=t;exports.buttonIconPositions=s;exports.buttonSizes=e;exports.buttonSpinnerPlacements=n;exports.buttonVariants=r;
2
+ //# sourceMappingURL=button.types-Bl1awbi0.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"button.types-Bl1awbi0.js","sources":["../../src/components/Button/button.types.ts"],"sourcesContent":["export const buttonConfigVariants = [\n 'primary',\n 'primaryOnContrast',\n 'primaryDestructive',\n 'primaryDestructiveOnContrast',\n 'secondary',\n 'secondaryOnContrast',\n 'secondaryDestructive',\n 'secondaryDestructiveOnContrast',\n 'secondarySubtle',\n 'secondarySubtleOnContrast',\n 'secondarySubtleDestructive',\n 'secondarySubtleDestructiveOnContrast',\n 'tertiary',\n 'tertiaryOnContrast',\n 'tertiaryDestructive',\n 'tertiaryDestructiveOnContrast',\n 'ghost',\n 'ghostOnContrast',\n 'ghostNeutral',\n 'ghostNeutralOnContrast',\n 'ghostDestructive',\n 'ghostDestructiveOnContrast',\n 'ai',\n 'aiSecondary',\n] as const;\nexport type ButtonConfigVariant = (typeof buttonConfigVariants)[number];\n\n// We are omitting onContrast variants from the variants list because we are setting the 'onContrast' boolean to determine this state\nexport const buttonVariants = [\n 'primary',\n 'primaryDestructive',\n 'secondary',\n 'secondaryDestructive',\n 'secondarySubtle',\n 'secondarySubtleDestructive',\n 'tertiary',\n 'tertiaryDestructive',\n 'ghost',\n 'ghostNeutral',\n 'ghostDestructive',\n 'ai',\n 'aiSecondary',\n] as const;\n\nexport type ButtonVariant = (typeof buttonVariants)[number];\n\nexport const buttonSizes = ['xs', 'sm', 'md', 'lg'] as const;\nexport type ButtonSize = (typeof buttonSizes)[number];\n\nexport const buttonIconPositions = ['left', 'right'] as const;\nexport type ButtonIconPosition = (typeof buttonIconPositions)[number];\n\nexport const buttonSpinnerPlacements = ['start', 'end'] as const;\nexport type ButtonSpinnerPlacement = (typeof buttonSpinnerPlacements)[number];\n"],"names":["buttonConfigVariants","buttonVariants","buttonSizes","buttonIconPositions","buttonSpinnerPlacements"],"mappings":"aAAO,MAAMA,EAAuB,CAClC,UACA,oBACA,qBACA,+BACA,YACA,sBACA,uBACA,iCACA,kBACA,4BACA,6BACA,uCACA,WACA,qBACA,sBACA,gCACA,QACA,kBACA,eACA,yBACA,mBACA,6BACA,KACA,aACF,EAIaC,EAAiB,CAC5B,UACA,qBACA,YACA,uBACA,kBACA,6BACA,WACA,sBACA,QACA,eACA,mBACA,KACA,aACF,EAIaC,EAAc,CAAC,KAAM,KAAM,KAAM,IAAI,EAGrCC,EAAsB,CAAC,OAAQ,OAAO,EAGtCC,EAA0B,CAAC,QAAS,KAAK"}
@@ -5,8 +5,8 @@ import { B as h } from "./box-Ck9I7FYv.js";
5
5
  const m = {
6
6
  xs: {
7
7
  borderRadius: "xs",
8
- height: "14px",
9
- width: "14px"
8
+ height: "12px",
9
+ width: "12px"
10
10
  },
11
11
  sm: {
12
12
  borderRadius: "3px",
@@ -64,4 +64,4 @@ export {
64
64
  g as S,
65
65
  f as s
66
66
  };
67
- //# sourceMappingURL=swatch.types-DbgA3RWc.js.map
67
+ //# sourceMappingURL=swatch.types-CtRInwzo.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"swatch.types-DbgA3RWc.js","sources":["../../src/components/Swatch/swatch.recipe.ts","../../src/components/Swatch/swatch.component.tsx","../../src/components/Swatch/swatch.types.ts"],"sourcesContent":["import { defineRecipe, SystemStyleObject } from '@chakra-ui/react/styled-system';\nimport { SwatchSize } from './swatch.types';\n\nconst swatchSizeStyles: Record<SwatchSize, SystemStyleObject> = {\n xs: {\n borderRadius: 'xs',\n height: '14px',\n width: '14px',\n },\n sm: {\n borderRadius: '3px',\n height: '16px',\n width: '16px',\n },\n md: {\n borderRadius: '4px',\n height: '20px',\n width: '20px',\n },\n lg: {\n borderRadius: '5px',\n height: '24px',\n width: '24px',\n },\n xl: {\n borderRadius: 'sm',\n height: '32px',\n width: '32px',\n },\n};\n\nexport const swatchRecipe = defineRecipe({\n base: {\n display: 'inline-block',\n border: '1px',\n },\n variants: {\n size: swatchSizeStyles,\n },\n defaultVariants: {\n size: 'md',\n },\n});\n","import React from 'react';\nimport { Box, BoxProps } from '@chakra-ui/react/box';\nimport { SwatchSize } from './swatch.types';\nimport { useRecipe } from '@chakra-ui/react/styled-system';\nimport { swatchRecipe } from './swatch.recipe';\n\nexport interface BaseSwatchProps {\n size?: SwatchSize;\n}\n\nexport type SwatchProps = BaseSwatchProps & Omit<BoxProps, 'children'>;\n\nexport const Swatch = ({\n size = 'md',\n color,\n backgroundColor,\n bgColor,\n borderColor,\n ...rest\n}: SwatchProps): React.JSX.Element => {\n const recipe = useRecipe({ recipe: swatchRecipe });\n const styles = recipe({ size });\n const _swatchColor = bgColor || backgroundColor || color || 'transparent';\n\n return (\n <Box\n className=\"Swatch\"\n data-testid=\"kibble-swatch\"\n css={styles}\n bg={_swatchColor}\n borderColor={borderColor || _swatchColor}\n {...rest}\n />\n );\n};\n","export const swatchSizes = ['xs', 'sm', 'md', 'lg', 'xl'] as const;\nexport type SwatchSize = (typeof swatchSizes)[number];\n"],"names":["swatchSizeStyles","swatchRecipe","defineRecipe","Swatch","size","color","backgroundColor","bgColor","borderColor","rest","styles","useRecipe","_swatchColor","jsx","Box","swatchSizes"],"mappings":";;;;AAGA,MAAMA,IAA0D;AAAA,EAC9D,IAAI;AAAA,IACF,cAAc;AAAA,IACd,QAAQ;AAAA,IACR,OAAO;AAAA,EACT;AAAA,EACA,IAAI;AAAA,IACF,cAAc;AAAA,IACd,QAAQ;AAAA,IACR,OAAO;AAAA,EACT;AAAA,EACA,IAAI;AAAA,IACF,cAAc;AAAA,IACd,QAAQ;AAAA,IACR,OAAO;AAAA,EACT;AAAA,EACA,IAAI;AAAA,IACF,cAAc;AAAA,IACd,QAAQ;AAAA,IACR,OAAO;AAAA,EACT;AAAA,EACA,IAAI;AAAA,IACF,cAAc;AAAA,IACd,QAAQ;AAAA,IACR,OAAO;AAAA,EAAA;AAEX,GAEaC,IAAeC,EAAa;AAAA,EACvC,MAAM;AAAA,IACJ,SAAS;AAAA,IACT,QAAQ;AAAA,EACV;AAAA,EACA,UAAU;AAAA,IACR,MAAMF;AAAA,EACR;AAAA,EACA,iBAAiB;AAAA,IACf,MAAM;AAAA,EAAA;AAEV,CAAC,GC9BYG,IAAS,CAAC;AAAA,EACrB,MAAAC,IAAO;AAAA,EACP,OAAAC;AAAA,EACA,iBAAAC;AAAA,EACA,SAAAC;AAAA,EACA,aAAAC;AAAA,EACA,GAAGC;AACL,MAAsC;AAEpC,QAAMC,IADSC,EAAU,EAAE,QAAQV,GAAc,EAC3B,EAAE,MAAAG,GAAM,GACxBQ,IAAeL,KAAWD,KAAmBD,KAAS;AAG1D,SAAAQ,gBAAAA,EAAA;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,WAAU;AAAA,MACV,eAAY;AAAA,MACZ,KAAKJ;AAAA,MACL,IAAIE;AAAA,MACJ,aAAaJ,KAAeI;AAAA,MAC3B,GAAGH;AAAA,IAAA;AAAA,EACN;AAEJ,GClCaM,IAAc,CAAC,MAAM,MAAM,MAAM,MAAM,IAAI;"}
1
+ {"version":3,"file":"swatch.types-CtRInwzo.js","sources":["../../src/components/Swatch/swatch.recipe.ts","../../src/components/Swatch/swatch.component.tsx","../../src/components/Swatch/swatch.types.ts"],"sourcesContent":["import { defineRecipe, SystemStyleObject } from '@chakra-ui/react/styled-system';\nimport { SwatchSize } from './swatch.types';\n\nconst swatchSizeStyles: Record<SwatchSize, SystemStyleObject> = {\n xs: {\n borderRadius: 'xs',\n height: '12px',\n width: '12px',\n },\n sm: {\n borderRadius: '3px',\n height: '16px',\n width: '16px',\n },\n md: {\n borderRadius: '4px',\n height: '20px',\n width: '20px',\n },\n lg: {\n borderRadius: '5px',\n height: '24px',\n width: '24px',\n },\n xl: {\n borderRadius: 'sm',\n height: '32px',\n width: '32px',\n },\n};\n\nexport const swatchRecipe = defineRecipe({\n base: {\n display: 'inline-block',\n border: '1px',\n },\n variants: {\n size: swatchSizeStyles,\n },\n defaultVariants: {\n size: 'md',\n },\n});\n","import React from 'react';\nimport { Box, BoxProps } from '@chakra-ui/react/box';\nimport { SwatchSize } from './swatch.types';\nimport { useRecipe } from '@chakra-ui/react/styled-system';\nimport { swatchRecipe } from './swatch.recipe';\n\nexport interface BaseSwatchProps {\n size?: SwatchSize;\n}\n\nexport type SwatchProps = BaseSwatchProps & Omit<BoxProps, 'children'>;\n\nexport const Swatch = ({\n size = 'md',\n color,\n backgroundColor,\n bgColor,\n borderColor,\n ...rest\n}: SwatchProps): React.JSX.Element => {\n const recipe = useRecipe({ recipe: swatchRecipe });\n const styles = recipe({ size });\n const _swatchColor = bgColor || backgroundColor || color || 'transparent';\n\n return (\n <Box\n className=\"Swatch\"\n data-testid=\"kibble-swatch\"\n css={styles}\n bg={_swatchColor}\n borderColor={borderColor || _swatchColor}\n {...rest}\n />\n );\n};\n","export const swatchSizes = ['xs', 'sm', 'md', 'lg', 'xl'] as const;\nexport type SwatchSize = (typeof swatchSizes)[number];\n"],"names":["swatchSizeStyles","swatchRecipe","defineRecipe","Swatch","size","color","backgroundColor","bgColor","borderColor","rest","styles","useRecipe","_swatchColor","jsx","Box","swatchSizes"],"mappings":";;;;AAGA,MAAMA,IAA0D;AAAA,EAC9D,IAAI;AAAA,IACF,cAAc;AAAA,IACd,QAAQ;AAAA,IACR,OAAO;AAAA,EACT;AAAA,EACA,IAAI;AAAA,IACF,cAAc;AAAA,IACd,QAAQ;AAAA,IACR,OAAO;AAAA,EACT;AAAA,EACA,IAAI;AAAA,IACF,cAAc;AAAA,IACd,QAAQ;AAAA,IACR,OAAO;AAAA,EACT;AAAA,EACA,IAAI;AAAA,IACF,cAAc;AAAA,IACd,QAAQ;AAAA,IACR,OAAO;AAAA,EACT;AAAA,EACA,IAAI;AAAA,IACF,cAAc;AAAA,IACd,QAAQ;AAAA,IACR,OAAO;AAAA,EAAA;AAEX,GAEaC,IAAeC,EAAa;AAAA,EACvC,MAAM;AAAA,IACJ,SAAS;AAAA,IACT,QAAQ;AAAA,EACV;AAAA,EACA,UAAU;AAAA,IACR,MAAMF;AAAA,EACR;AAAA,EACA,iBAAiB;AAAA,IACf,MAAM;AAAA,EAAA;AAEV,CAAC,GC9BYG,IAAS,CAAC;AAAA,EACrB,MAAAC,IAAO;AAAA,EACP,OAAAC;AAAA,EACA,iBAAAC;AAAA,EACA,SAAAC;AAAA,EACA,aAAAC;AAAA,EACA,GAAGC;AACL,MAAsC;AAEpC,QAAMC,IADSC,EAAU,EAAE,QAAQV,GAAc,EAC3B,EAAE,MAAAG,GAAM,GACxBQ,IAAeL,KAAWD,KAAmBD,KAAS;AAG1D,SAAAQ,gBAAAA,EAAA;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,WAAU;AAAA,MACV,eAAY;AAAA,MACZ,KAAKJ;AAAA,MACL,IAAIE;AAAA,MACJ,aAAaJ,KAAeI;AAAA,MAC3B,GAAGH;AAAA,IAAA;AAAA,EACN;AAEJ,GClCaM,IAAc,CAAC,MAAM,MAAM,MAAM,MAAM,IAAI;"}
@@ -1,2 +1,2 @@
1
- "use strict";const d=require("./jsx-runtime-BjDatQAs.js"),x=require("./config-BFcXpdZo.js"),h=require("./use-recipe-DaPWl_pL.js"),p=require("./box-Baq7UBls.js"),n={xs:{borderRadius:"xs",height:"14px",width:"14px"},sm:{borderRadius:"3px",height:"16px",width:"16px"},md:{borderRadius:"4px",height:"20px",width:"20px"},lg:{borderRadius:"5px",height:"24px",width:"24px"},xl:{borderRadius:"sm",height:"32px",width:"32px"}},u=x.defineRecipe({base:{display:"inline-block",border:"1px"},variants:{size:n},defaultVariants:{size:"md"}}),l=({size:s="md",color:t,backgroundColor:i,bgColor:r,borderColor:c,...a})=>{const o=h.useRecipe({recipe:u})({size:s}),e=r||i||t||"transparent";return d.jsxRuntimeExports.jsx(p.Box,{className:"Swatch","data-testid":"kibble-swatch",css:o,bg:e,borderColor:c||e,...a})},w=["xs","sm","md","lg","xl"];exports.Swatch=l;exports.swatchSizes=w;
2
- //# sourceMappingURL=swatch.types-DiX-4lpJ.js.map
1
+ "use strict";const d=require("./jsx-runtime-BjDatQAs.js"),x=require("./config-BFcXpdZo.js"),h=require("./use-recipe-DaPWl_pL.js"),p=require("./box-Baq7UBls.js"),n={xs:{borderRadius:"xs",height:"12px",width:"12px"},sm:{borderRadius:"3px",height:"16px",width:"16px"},md:{borderRadius:"4px",height:"20px",width:"20px"},lg:{borderRadius:"5px",height:"24px",width:"24px"},xl:{borderRadius:"sm",height:"32px",width:"32px"}},u=x.defineRecipe({base:{display:"inline-block",border:"1px"},variants:{size:n},defaultVariants:{size:"md"}}),l=({size:s="md",color:t,backgroundColor:i,bgColor:r,borderColor:c,...a})=>{const o=h.useRecipe({recipe:u})({size:s}),e=r||i||t||"transparent";return d.jsxRuntimeExports.jsx(p.Box,{className:"Swatch","data-testid":"kibble-swatch",css:o,bg:e,borderColor:c||e,...a})},w=["xs","sm","md","lg","xl"];exports.Swatch=l;exports.swatchSizes=w;
2
+ //# sourceMappingURL=swatch.types-qncm_zG6.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"swatch.types-DiX-4lpJ.js","sources":["../../src/components/Swatch/swatch.recipe.ts","../../src/components/Swatch/swatch.component.tsx","../../src/components/Swatch/swatch.types.ts"],"sourcesContent":["import { defineRecipe, SystemStyleObject } from '@chakra-ui/react/styled-system';\nimport { SwatchSize } from './swatch.types';\n\nconst swatchSizeStyles: Record<SwatchSize, SystemStyleObject> = {\n xs: {\n borderRadius: 'xs',\n height: '14px',\n width: '14px',\n },\n sm: {\n borderRadius: '3px',\n height: '16px',\n width: '16px',\n },\n md: {\n borderRadius: '4px',\n height: '20px',\n width: '20px',\n },\n lg: {\n borderRadius: '5px',\n height: '24px',\n width: '24px',\n },\n xl: {\n borderRadius: 'sm',\n height: '32px',\n width: '32px',\n },\n};\n\nexport const swatchRecipe = defineRecipe({\n base: {\n display: 'inline-block',\n border: '1px',\n },\n variants: {\n size: swatchSizeStyles,\n },\n defaultVariants: {\n size: 'md',\n },\n});\n","import React from 'react';\nimport { Box, BoxProps } from '@chakra-ui/react/box';\nimport { SwatchSize } from './swatch.types';\nimport { useRecipe } from '@chakra-ui/react/styled-system';\nimport { swatchRecipe } from './swatch.recipe';\n\nexport interface BaseSwatchProps {\n size?: SwatchSize;\n}\n\nexport type SwatchProps = BaseSwatchProps & Omit<BoxProps, 'children'>;\n\nexport const Swatch = ({\n size = 'md',\n color,\n backgroundColor,\n bgColor,\n borderColor,\n ...rest\n}: SwatchProps): React.JSX.Element => {\n const recipe = useRecipe({ recipe: swatchRecipe });\n const styles = recipe({ size });\n const _swatchColor = bgColor || backgroundColor || color || 'transparent';\n\n return (\n <Box\n className=\"Swatch\"\n data-testid=\"kibble-swatch\"\n css={styles}\n bg={_swatchColor}\n borderColor={borderColor || _swatchColor}\n {...rest}\n />\n );\n};\n","export const swatchSizes = ['xs', 'sm', 'md', 'lg', 'xl'] as const;\nexport type SwatchSize = (typeof swatchSizes)[number];\n"],"names":["swatchSizeStyles","swatchRecipe","defineRecipe","Swatch","size","color","backgroundColor","bgColor","borderColor","rest","styles","useRecipe","_swatchColor","jsx","Box","swatchSizes"],"mappings":"iKAGMA,EAA0D,CAC9D,GAAI,CACF,aAAc,KACd,OAAQ,OACR,MAAO,MACT,EACA,GAAI,CACF,aAAc,MACd,OAAQ,OACR,MAAO,MACT,EACA,GAAI,CACF,aAAc,MACd,OAAQ,OACR,MAAO,MACT,EACA,GAAI,CACF,aAAc,MACd,OAAQ,OACR,MAAO,MACT,EACA,GAAI,CACF,aAAc,KACd,OAAQ,OACR,MAAO,MAAA,CAEX,EAEaC,EAAeC,EAAAA,aAAa,CACvC,KAAM,CACJ,QAAS,eACT,OAAQ,KACV,EACA,SAAU,CACR,KAAMF,CACR,EACA,gBAAiB,CACf,KAAM,IAAA,CAEV,CAAC,EC9BYG,EAAS,CAAC,CACrB,KAAAC,EAAO,KACP,MAAAC,EACA,gBAAAC,EACA,QAAAC,EACA,YAAAC,EACA,GAAGC,CACL,IAAsC,CAEpC,MAAMC,EADSC,EAAA,UAAU,CAAE,OAAQV,EAAc,EAC3B,CAAE,KAAAG,EAAM,EACxBQ,EAAeL,GAAWD,GAAmBD,GAAS,cAG1D,OAAAQ,EAAA,kBAAA,IAACC,EAAA,IAAA,CACC,UAAU,SACV,cAAY,gBACZ,IAAKJ,EACL,GAAIE,EACJ,YAAaJ,GAAeI,EAC3B,GAAGH,CAAA,CACN,CAEJ,EClCaM,EAAc,CAAC,KAAM,KAAM,KAAM,KAAM,IAAI"}
1
+ {"version":3,"file":"swatch.types-qncm_zG6.js","sources":["../../src/components/Swatch/swatch.recipe.ts","../../src/components/Swatch/swatch.component.tsx","../../src/components/Swatch/swatch.types.ts"],"sourcesContent":["import { defineRecipe, SystemStyleObject } from '@chakra-ui/react/styled-system';\nimport { SwatchSize } from './swatch.types';\n\nconst swatchSizeStyles: Record<SwatchSize, SystemStyleObject> = {\n xs: {\n borderRadius: 'xs',\n height: '12px',\n width: '12px',\n },\n sm: {\n borderRadius: '3px',\n height: '16px',\n width: '16px',\n },\n md: {\n borderRadius: '4px',\n height: '20px',\n width: '20px',\n },\n lg: {\n borderRadius: '5px',\n height: '24px',\n width: '24px',\n },\n xl: {\n borderRadius: 'sm',\n height: '32px',\n width: '32px',\n },\n};\n\nexport const swatchRecipe = defineRecipe({\n base: {\n display: 'inline-block',\n border: '1px',\n },\n variants: {\n size: swatchSizeStyles,\n },\n defaultVariants: {\n size: 'md',\n },\n});\n","import React from 'react';\nimport { Box, BoxProps } from '@chakra-ui/react/box';\nimport { SwatchSize } from './swatch.types';\nimport { useRecipe } from '@chakra-ui/react/styled-system';\nimport { swatchRecipe } from './swatch.recipe';\n\nexport interface BaseSwatchProps {\n size?: SwatchSize;\n}\n\nexport type SwatchProps = BaseSwatchProps & Omit<BoxProps, 'children'>;\n\nexport const Swatch = ({\n size = 'md',\n color,\n backgroundColor,\n bgColor,\n borderColor,\n ...rest\n}: SwatchProps): React.JSX.Element => {\n const recipe = useRecipe({ recipe: swatchRecipe });\n const styles = recipe({ size });\n const _swatchColor = bgColor || backgroundColor || color || 'transparent';\n\n return (\n <Box\n className=\"Swatch\"\n data-testid=\"kibble-swatch\"\n css={styles}\n bg={_swatchColor}\n borderColor={borderColor || _swatchColor}\n {...rest}\n />\n );\n};\n","export const swatchSizes = ['xs', 'sm', 'md', 'lg', 'xl'] as const;\nexport type SwatchSize = (typeof swatchSizes)[number];\n"],"names":["swatchSizeStyles","swatchRecipe","defineRecipe","Swatch","size","color","backgroundColor","bgColor","borderColor","rest","styles","useRecipe","_swatchColor","jsx","Box","swatchSizes"],"mappings":"iKAGMA,EAA0D,CAC9D,GAAI,CACF,aAAc,KACd,OAAQ,OACR,MAAO,MACT,EACA,GAAI,CACF,aAAc,MACd,OAAQ,OACR,MAAO,MACT,EACA,GAAI,CACF,aAAc,MACd,OAAQ,OACR,MAAO,MACT,EACA,GAAI,CACF,aAAc,MACd,OAAQ,OACR,MAAO,MACT,EACA,GAAI,CACF,aAAc,KACd,OAAQ,OACR,MAAO,MAAA,CAEX,EAEaC,EAAeC,EAAAA,aAAa,CACvC,KAAM,CACJ,QAAS,eACT,OAAQ,KACV,EACA,SAAU,CACR,KAAMF,CACR,EACA,gBAAiB,CACf,KAAM,IAAA,CAEV,CAAC,EC9BYG,EAAS,CAAC,CACrB,KAAAC,EAAO,KACP,MAAAC,EACA,gBAAAC,EACA,QAAAC,EACA,YAAAC,EACA,GAAGC,CACL,IAAsC,CAEpC,MAAMC,EADSC,EAAA,UAAU,CAAE,OAAQV,EAAc,EAC3B,CAAE,KAAAG,EAAM,EACxBQ,EAAeL,GAAWD,GAAmBD,GAAS,cAG1D,OAAAQ,EAAA,kBAAA,IAACC,EAAA,IAAA,CACC,UAAU,SACV,cAAY,gBACZ,IAAKJ,EACL,GAAIE,EACJ,YAAaJ,GAAeI,EAC3B,GAAGH,CAAA,CACN,CAEJ,EClCaM,EAAc,CAAC,KAAM,KAAM,KAAM,KAAM,IAAI"}
@@ -10591,6 +10591,24 @@ const mi = (e) => /* @__PURE__ */ n.jsx(zt, { attribute: "class", disableTransit
10591
10591
  _icon: "text.interactive"
10592
10592
  },
10593
10593
  borderWidth: "0"
10594
+ },
10595
+ aiSecondary: {
10596
+ borderWidth: "2px",
10597
+ color: {
10598
+ base: "text.interactive",
10599
+ _icon: "text.interactive"
10600
+ },
10601
+ bg: {
10602
+ base: "linear-gradient({colors.background} 0 0) padding-box, {colors.background.ai} border-box",
10603
+ _hover: {
10604
+ base: "{colors.background.ai} border-box",
10605
+ _disabled: "linear-gradient({colors.background} 0 0) padding-box, {colors.background.ai} border-box"
10606
+ },
10607
+ _active: {
10608
+ base: "{colors.background.ai.hover} border-box",
10609
+ _hover: "{colors.background.ai.hover} border-box"
10610
+ }
10611
+ }
10594
10612
  }
10595
10613
  }, Fe = f({
10596
10614
  base: {
@@ -12050,4 +12068,4 @@ export {
12050
12068
  Ls as k,
12051
12069
  Fs as s
12052
12070
  };
12053
- //# sourceMappingURL=theme.provider-Dp0Cf3UC.js.map
12071
+ //# sourceMappingURL=theme.provider-CeFyVJrz.js.map