@bitrise/bitkit-v2 0.3.311 → 0.3.313
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.
- package/dist/components/BitkitSearchInput/BitkitSearchInput.d.ts +1 -1
- package/dist/components/BitkitSearchInput/BitkitSearchInput.js +3 -1
- package/dist/components/BitkitSearchInput/BitkitSearchInput.js.map +1 -1
- package/dist/theme/slot-recipes/Table.recipe.d.ts +9 -0
- package/dist/theme/slot-recipes/Table.recipe.js +13 -6
- package/dist/theme/slot-recipes/Table.recipe.js.map +1 -1
- package/dist/theme/slot-recipes/index.d.ts +9 -0
- package/package.json +1 -1
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { BitkitTextInputProps } from '../BitkitTextInput/BitkitTextInput';
|
|
2
|
-
export interface BitkitSearchInputProps extends Omit<BitkitTextInputProps, 'badge' | 'counter' | 'counterText' | 'endAddon' | 'endAddonProps' | 'endElement' | 'errorText' | 'inputProps' | 'maxLength' | 'onChange' | '
|
|
2
|
+
export interface BitkitSearchInputProps extends Omit<BitkitTextInputProps, 'badge' | 'counter' | 'counterText' | 'endAddon' | 'endAddonProps' | 'endElement' | 'errorText' | 'inputProps' | 'maxLength' | 'onChange' | 'startAddon' | 'startAddonProps' | 'startElement' | 'state' | 'tooltip' | 'warningText'> {
|
|
3
3
|
onChange?: (value: string) => void;
|
|
4
4
|
state?: 'disabled';
|
|
5
5
|
value?: string;
|
|
@@ -5,7 +5,7 @@ import { forwardRef } from "react";
|
|
|
5
5
|
import { jsx } from "react/jsx-runtime";
|
|
6
6
|
//#region lib/components/BitkitSearchInput/BitkitSearchInput.tsx
|
|
7
7
|
var BitkitSearchInput = forwardRef((props, ref) => {
|
|
8
|
-
const { label = "Search", labelHidden = true, onChange, placeholder, size = "lg", state, value, ...rest } = props;
|
|
8
|
+
const { label = "Search", labelHidden = true, onChange, optional = true, placeholder, required = false, size = "lg", state, value, ...rest } = props;
|
|
9
9
|
const showClearButton = Boolean(value) && state !== "disabled";
|
|
10
10
|
const iconSize = size === "lg" ? "24" : "16";
|
|
11
11
|
const closeButtonSize = size === "lg" ? "md" : "sm";
|
|
@@ -19,7 +19,9 @@ var BitkitSearchInput = forwardRef((props, ref) => {
|
|
|
19
19
|
},
|
|
20
20
|
label,
|
|
21
21
|
labelHidden,
|
|
22
|
+
optional,
|
|
22
23
|
placeholder,
|
|
24
|
+
required,
|
|
23
25
|
size,
|
|
24
26
|
startElement: /* @__PURE__ */ jsx(IconMagnifier, { size: iconSize }),
|
|
25
27
|
state,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"BitkitSearchInput.js","names":[],"sources":["../../../lib/components/BitkitSearchInput/BitkitSearchInput.tsx"],"sourcesContent":["import { forwardRef } from 'react';\n\nimport { IconMagnifier } from '../../icons';\nimport BitkitCloseButton from '../BitkitCloseButton/BitkitCloseButton';\nimport BitkitTextInput, { type BitkitTextInputProps } from '../BitkitTextInput/BitkitTextInput';\n\nexport interface BitkitSearchInputProps extends Omit<\n BitkitTextInputProps,\n | 'badge'\n | 'counter'\n | 'counterText'\n | 'endAddon'\n | 'endAddonProps'\n | 'endElement'\n | 'errorText'\n | 'inputProps'\n | 'maxLength'\n | 'onChange'\n | '
|
|
1
|
+
{"version":3,"file":"BitkitSearchInput.js","names":[],"sources":["../../../lib/components/BitkitSearchInput/BitkitSearchInput.tsx"],"sourcesContent":["import { forwardRef } from 'react';\n\nimport { IconMagnifier } from '../../icons';\nimport BitkitCloseButton from '../BitkitCloseButton/BitkitCloseButton';\nimport BitkitTextInput, { type BitkitTextInputProps } from '../BitkitTextInput/BitkitTextInput';\n\nexport interface BitkitSearchInputProps extends Omit<\n BitkitTextInputProps,\n | 'badge'\n | 'counter'\n | 'counterText'\n | 'endAddon'\n | 'endAddonProps'\n | 'endElement'\n | 'errorText'\n | 'inputProps'\n | 'maxLength'\n | 'onChange'\n | 'startAddon'\n | 'startAddonProps'\n | 'startElement'\n | 'state'\n | 'tooltip'\n | 'warningText'\n> {\n onChange?: (value: string) => void;\n state?: 'disabled';\n value?: string;\n}\n\nconst BitkitSearchInput = forwardRef<HTMLDivElement, BitkitSearchInputProps>((props, ref) => {\n // A search/filter field should never be a required form control, so default it out of\n // BitkitField's `required: !optional` behaviour — an empty box was silently blocking form submit.\n const {\n label = 'Search',\n labelHidden = true,\n onChange,\n optional = true,\n placeholder,\n required = false,\n size = 'lg',\n state,\n value,\n ...rest\n } = props;\n\n const showClearButton = Boolean(value) && state !== 'disabled';\n const iconSize = size === 'lg' ? '24' : '16';\n const closeButtonSize = size === 'lg' ? 'md' : 'sm';\n\n return (\n <BitkitTextInput\n ref={ref}\n {...rest}\n inputProps={{\n onChange: (e) => onChange?.(e.target.value),\n type: 'search',\n value,\n }}\n label={label}\n labelHidden={labelHidden}\n optional={optional}\n placeholder={placeholder}\n required={required}\n size={size}\n startElement={<IconMagnifier size={iconSize} />}\n state={state}\n endElement={\n showClearButton ? (\n <BitkitCloseButton\n aria-label=\"Clear\"\n colorVariant=\"neutral\"\n onClick={() => onChange?.('')}\n size={closeButtonSize}\n />\n ) : undefined\n }\n />\n );\n});\n\nBitkitSearchInput.displayName = 'BitkitSearchInput';\n\nexport default BitkitSearchInput;\n"],"mappings":";;;;;;AA8BA,IAAM,oBAAoB,YAAoD,OAAO,QAAQ;CAG3F,MAAM,EACJ,QAAQ,UACR,cAAc,MACd,UACA,WAAW,MACX,aACA,WAAW,OACX,OAAO,MACP,OACA,OACA,GAAG,SACD;CAEJ,MAAM,kBAAkB,QAAQ,KAAK,KAAK,UAAU;CACpD,MAAM,WAAW,SAAS,OAAO,OAAO;CACxC,MAAM,kBAAkB,SAAS,OAAO,OAAO;CAE/C,OACE,oBAAC,iBAAD;EACO;EACL,GAAI;EACJ,YAAY;GACV,WAAW,MAAM,WAAW,EAAE,OAAO,KAAK;GAC1C,MAAM;GACN;EACF;EACO;EACM;EACH;EACG;EACH;EACJ;EACN,cAAc,oBAAC,eAAD,EAAe,MAAM,SAAW,CAAA;EACvC;EACP,YACE,kBACE,oBAAC,mBAAD;GACE,cAAW;GACX,cAAa;GACb,eAAe,WAAW,EAAE;GAC5B,MAAM;EACP,CAAA,IACC,KAAA;CAEP,CAAA;AAEL,CAAC;AAED,kBAAkB,cAAc"}
|
|
@@ -20,6 +20,7 @@ declare const tableSlotRecipe: import('@chakra-ui/react').SlotRecipeDefinition<"
|
|
|
20
20
|
};
|
|
21
21
|
cell: {
|
|
22
22
|
borderBottomColor: "border/minimal";
|
|
23
|
+
borderTopColor: "border/minimal";
|
|
23
24
|
paddingInline: "16";
|
|
24
25
|
};
|
|
25
26
|
footer: {
|
|
@@ -33,6 +34,7 @@ declare const tableSlotRecipe: import('@chakra-ui/react').SlotRecipeDefinition<"
|
|
|
33
34
|
};
|
|
34
35
|
cell: {
|
|
35
36
|
borderBottomColor: "border/regular";
|
|
37
|
+
borderTopColor: "border/regular";
|
|
36
38
|
paddingInline: "12";
|
|
37
39
|
};
|
|
38
40
|
footer: {
|
|
@@ -79,6 +81,11 @@ declare const tableSlotRecipe: import('@chakra-ui/react').SlotRecipeDefinition<"
|
|
|
79
81
|
borderBottomStyle: "solid";
|
|
80
82
|
borderBottomWidth: "1";
|
|
81
83
|
verticalAlign: "middle";
|
|
84
|
+
'tfoot &': {
|
|
85
|
+
borderBottomWidth: number;
|
|
86
|
+
borderTopStyle: "solid";
|
|
87
|
+
borderTopWidth: "1";
|
|
88
|
+
};
|
|
82
89
|
};
|
|
83
90
|
body: {
|
|
84
91
|
'& :where(tr)': {
|
|
@@ -149,6 +156,8 @@ declare const tableSlotRecipe: import('@chakra-ui/react').SlotRecipeDefinition<"
|
|
|
149
156
|
};
|
|
150
157
|
};
|
|
151
158
|
footer: {
|
|
159
|
+
borderTopStyle: "solid";
|
|
160
|
+
borderTopWidth: "1";
|
|
152
161
|
display: "block";
|
|
153
162
|
};
|
|
154
163
|
};
|
|
@@ -19,10 +19,6 @@ var tableSlotRecipe = defineSlotRecipe({
|
|
|
19
19
|
cell: {
|
|
20
20
|
color: "text/body",
|
|
21
21
|
textStyle: "body/md/regular"
|
|
22
|
-
},
|
|
23
|
-
footer: {
|
|
24
|
-
borderTopStyle: "solid",
|
|
25
|
-
borderTopWidth: "1"
|
|
26
22
|
}
|
|
27
23
|
},
|
|
28
24
|
variants: {
|
|
@@ -43,6 +39,7 @@ var tableSlotRecipe = defineSlotRecipe({
|
|
|
43
39
|
},
|
|
44
40
|
cell: {
|
|
45
41
|
borderBottomColor: "border/minimal",
|
|
42
|
+
borderTopColor: "border/minimal",
|
|
46
43
|
paddingInline: "16"
|
|
47
44
|
},
|
|
48
45
|
footer: { borderTopColor: "border/minimal" }
|
|
@@ -54,6 +51,7 @@ var tableSlotRecipe = defineSlotRecipe({
|
|
|
54
51
|
},
|
|
55
52
|
cell: {
|
|
56
53
|
borderBottomColor: "border/regular",
|
|
54
|
+
borderTopColor: "border/regular",
|
|
57
55
|
paddingInline: "12"
|
|
58
56
|
},
|
|
59
57
|
footer: { borderTopColor: "border/regular" }
|
|
@@ -83,7 +81,12 @@ var tableSlotRecipe = defineSlotRecipe({
|
|
|
83
81
|
cell: {
|
|
84
82
|
borderBottomStyle: "solid",
|
|
85
83
|
borderBottomWidth: "1",
|
|
86
|
-
verticalAlign: "middle"
|
|
84
|
+
verticalAlign: "middle",
|
|
85
|
+
"tfoot &": {
|
|
86
|
+
borderBottomWidth: 0,
|
|
87
|
+
borderTopStyle: "solid",
|
|
88
|
+
borderTopWidth: "1"
|
|
89
|
+
}
|
|
87
90
|
},
|
|
88
91
|
body: {
|
|
89
92
|
"& :where(tr)": {
|
|
@@ -141,7 +144,11 @@ var tableSlotRecipe = defineSlotRecipe({
|
|
|
141
144
|
width: "96"
|
|
142
145
|
}
|
|
143
146
|
},
|
|
144
|
-
footer: {
|
|
147
|
+
footer: {
|
|
148
|
+
borderTopStyle: "solid",
|
|
149
|
+
borderTopWidth: "1",
|
|
150
|
+
display: "block"
|
|
151
|
+
}
|
|
145
152
|
}
|
|
146
153
|
}
|
|
147
154
|
},
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Table.recipe.js","names":[],"sources":["../../../lib/theme/slot-recipes/Table.recipe.ts"],"sourcesContent":["import { tableAnatomy } from '@chakra-ui/react/anatomy';\nimport { defineSlotRecipe } from '@chakra-ui/react/styled-system';\n\nimport { rem } from '../themeUtils';\n\nconst tableSlotRecipe = defineSlotRecipe({\n className: 'table',\n slots: tableAnatomy.keys(),\n base: {\n root: {\n fontVariantNumeric: 'lining-nums tabular-nums',\n textAlign: 'start',\n width: 'full',\n },\n caption: {\n captionSide: 'top !important',\n textAlign: 'start',\n '& > * + *': {\n marginBlockStart: '4',\n },\n },\n cell: {\n color: 'text/body',\n textStyle: 'body/md/regular',\n },\n
|
|
1
|
+
{"version":3,"file":"Table.recipe.js","names":[],"sources":["../../../lib/theme/slot-recipes/Table.recipe.ts"],"sourcesContent":["import { tableAnatomy } from '@chakra-ui/react/anatomy';\nimport { defineSlotRecipe } from '@chakra-ui/react/styled-system';\n\nimport { rem } from '../themeUtils';\n\nconst tableSlotRecipe = defineSlotRecipe({\n className: 'table',\n slots: tableAnatomy.keys(),\n base: {\n root: {\n fontVariantNumeric: 'lining-nums tabular-nums',\n textAlign: 'start',\n width: 'full',\n },\n caption: {\n captionSide: 'top !important',\n textAlign: 'start',\n '& > * + *': {\n marginBlockStart: '4',\n },\n },\n cell: {\n color: 'text/body',\n textStyle: 'body/md/regular',\n },\n },\n variants: {\n variant: {\n default: {\n root: {\n borderColor: 'border/minimal',\n borderRadius: '4',\n borderStyle: 'solid',\n borderWidth: '1',\n overflow: 'hidden',\n },\n header: {\n '& :where(th)': {\n backgroundColor: 'background/tertiary',\n },\n },\n columnHeader: {\n borderBottomColor: 'border/minimal',\n paddingBlock: '12',\n paddingInline: '16',\n },\n cell: {\n borderBottomColor: 'border/minimal',\n borderTopColor: 'border/minimal',\n paddingInline: '16',\n },\n footer: {\n borderTopColor: 'border/minimal',\n },\n },\n borderless: {\n columnHeader: {\n borderBottomColor: 'border/regular',\n padding: '12',\n },\n cell: {\n borderBottomColor: 'border/regular',\n borderTopColor: 'border/regular',\n paddingInline: '12',\n },\n footer: {\n borderTopColor: 'border/regular',\n },\n },\n },\n size: {\n sm: {\n cell: {\n height: '48',\n },\n },\n md: {\n cell: {\n height: rem(56),\n },\n },\n lg: {\n cell: {\n height: '64',\n },\n },\n },\n layout: {\n table: {\n root: {\n borderCollapse: 'separate',\n borderSpacing: '0',\n },\n caption: {\n marginBlockEnd: '24',\n },\n columnHeader: {\n borderBottomStyle: 'solid',\n borderBottomWidth: '1',\n color: 'text/primary',\n fontWeight: 'bold',\n textAlign: 'start',\n textStyle: 'heading/h5',\n verticalAlign: 'middle',\n },\n cell: {\n borderBottomStyle: 'solid',\n borderBottomWidth: '1',\n verticalAlign: 'middle',\n // border-collapse: separate ignores borders on tfoot itself (CSS 2.1 §17.6.1),\n // so the body/footer divider has to live on the footer's cells.\n 'tfoot &': {\n borderBottomWidth: 0,\n borderTopStyle: 'solid',\n borderTopWidth: '1',\n },\n },\n body: {\n '& :where(tr)': {\n _hover: {\n backgroundColor: 'background/secondary',\n },\n '&:has(input:checked), &[data-selected]': {\n backgroundColor: 'background/selected',\n _hover: {\n backgroundColor: 'background/selected',\n },\n },\n },\n '& :where(tr:last-child) td': {\n borderBottomWidth: 0,\n },\n },\n },\n stacked: {\n root: {\n display: 'block',\n },\n caption: {\n display: 'block',\n padding: '16',\n backgroundColor: 'background/tertiary',\n borderBottomColor: 'border/minimal',\n borderBottomStyle: 'solid',\n borderBottomWidth: '1',\n },\n header: {\n borderWidth: 0,\n clip: 'rect(0, 0, 0, 0)',\n height: '1',\n margin: '-1px',\n overflow: 'hidden',\n padding: 0,\n position: 'absolute',\n whiteSpace: 'nowrap',\n width: '1',\n },\n body: {\n display: 'block',\n },\n row: {\n borderBottomColor: 'border/minimal',\n borderBottomStyle: 'solid',\n borderBottomWidth: '1',\n display: 'block',\n paddingBlock: '12',\n '&:last-child': {\n borderBottomWidth: 0,\n },\n },\n cell: {\n alignItems: 'center',\n display: 'flex',\n minHeight: '48',\n paddingInline: '16',\n _before: {\n alignSelf: 'center',\n color: 'text/primary',\n content: 'attr(data-label)',\n flexShrink: 0,\n fontWeight: 'semibold',\n paddingInlineEnd: '16',\n width: '96',\n },\n },\n // display: block takes tfoot out of the table model, so a border on it does render here\n footer: {\n borderTopStyle: 'solid',\n borderTopWidth: '1',\n display: 'block',\n },\n },\n },\n },\n compoundVariants: [\n {\n css: {\n row: {\n borderBottomColor: 'border/regular',\n },\n },\n layout: 'stacked',\n variant: 'borderless',\n },\n ],\n defaultVariants: {\n layout: 'table',\n size: 'lg',\n variant: 'default',\n },\n});\n\nexport default tableSlotRecipe;\n"],"mappings":";;;;AAKA,IAAM,kBAAkB,iBAAiB;CACvC,WAAW;CACX,OAAO,aAAa,KAAK;CACzB,MAAM;EACJ,MAAM;GACJ,oBAAoB;GACpB,WAAW;GACX,OAAO;EACT;EACA,SAAS;GACP,aAAa;GACb,WAAW;GACX,aAAa,EACX,kBAAkB,IACpB;EACF;EACA,MAAM;GACJ,OAAO;GACP,WAAW;EACb;CACF;CACA,UAAU;EACR,SAAS;GACP,SAAS;IACP,MAAM;KACJ,aAAa;KACb,cAAc;KACd,aAAa;KACb,aAAa;KACb,UAAU;IACZ;IACA,QAAQ,EACN,gBAAgB,EACd,iBAAiB,sBACnB,EACF;IACA,cAAc;KACZ,mBAAmB;KACnB,cAAc;KACd,eAAe;IACjB;IACA,MAAM;KACJ,mBAAmB;KACnB,gBAAgB;KAChB,eAAe;IACjB;IACA,QAAQ,EACN,gBAAgB,iBAClB;GACF;GACA,YAAY;IACV,cAAc;KACZ,mBAAmB;KACnB,SAAS;IACX;IACA,MAAM;KACJ,mBAAmB;KACnB,gBAAgB;KAChB,eAAe;IACjB;IACA,QAAQ,EACN,gBAAgB,iBAClB;GACF;EACF;EACA,MAAM;GACJ,IAAI,EACF,MAAM,EACJ,QAAQ,KACV,EACF;GACA,IAAI,EACF,MAAM,EACJ,QAAQ,IAAI,EAAE,EAChB,EACF;GACA,IAAI,EACF,MAAM,EACJ,QAAQ,KACV,EACF;EACF;EACA,QAAQ;GACN,OAAO;IACL,MAAM;KACJ,gBAAgB;KAChB,eAAe;IACjB;IACA,SAAS,EACP,gBAAgB,KAClB;IACA,cAAc;KACZ,mBAAmB;KACnB,mBAAmB;KACnB,OAAO;KACP,YAAY;KACZ,WAAW;KACX,WAAW;KACX,eAAe;IACjB;IACA,MAAM;KACJ,mBAAmB;KACnB,mBAAmB;KACnB,eAAe;KAGf,WAAW;MACT,mBAAmB;MACnB,gBAAgB;MAChB,gBAAgB;KAClB;IACF;IACA,MAAM;KACJ,gBAAgB;MACd,QAAQ,EACN,iBAAiB,uBACnB;MACA,0CAA0C;OACxC,iBAAiB;OACjB,QAAQ,EACN,iBAAiB,sBACnB;MACF;KACF;KACA,8BAA8B,EAC5B,mBAAmB,EACrB;IACF;GACF;GACA,SAAS;IACP,MAAM,EACJ,SAAS,QACX;IACA,SAAS;KACP,SAAS;KACT,SAAS;KACT,iBAAiB;KACjB,mBAAmB;KACnB,mBAAmB;KACnB,mBAAmB;IACrB;IACA,QAAQ;KACN,aAAa;KACb,MAAM;KACN,QAAQ;KACR,QAAQ;KACR,UAAU;KACV,SAAS;KACT,UAAU;KACV,YAAY;KACZ,OAAO;IACT;IACA,MAAM,EACJ,SAAS,QACX;IACA,KAAK;KACH,mBAAmB;KACnB,mBAAmB;KACnB,mBAAmB;KACnB,SAAS;KACT,cAAc;KACd,gBAAgB,EACd,mBAAmB,EACrB;IACF;IACA,MAAM;KACJ,YAAY;KACZ,SAAS;KACT,WAAW;KACX,eAAe;KACf,SAAS;MACP,WAAW;MACX,OAAO;MACP,SAAS;MACT,YAAY;MACZ,YAAY;MACZ,kBAAkB;MAClB,OAAO;KACT;IACF;IAEA,QAAQ;KACN,gBAAgB;KAChB,gBAAgB;KAChB,SAAS;IACX;GACF;EACF;CACF;CACA,kBAAkB,CAChB;EACE,KAAK,EACH,KAAK,EACH,mBAAmB,iBACrB,EACF;EACA,QAAQ;EACR,SAAS;CACX,CACF;CACA,iBAAiB;EACf,QAAQ;EACR,MAAM;EACN,SAAS;CACX;AACF,CAAC"}
|
|
@@ -2009,6 +2009,7 @@ declare const slotRecipes: {
|
|
|
2009
2009
|
};
|
|
2010
2010
|
cell: {
|
|
2011
2011
|
borderBottomColor: "border/minimal";
|
|
2012
|
+
borderTopColor: "border/minimal";
|
|
2012
2013
|
paddingInline: "16";
|
|
2013
2014
|
};
|
|
2014
2015
|
footer: {
|
|
@@ -2022,6 +2023,7 @@ declare const slotRecipes: {
|
|
|
2022
2023
|
};
|
|
2023
2024
|
cell: {
|
|
2024
2025
|
borderBottomColor: "border/regular";
|
|
2026
|
+
borderTopColor: "border/regular";
|
|
2025
2027
|
paddingInline: "12";
|
|
2026
2028
|
};
|
|
2027
2029
|
footer: {
|
|
@@ -2068,6 +2070,11 @@ declare const slotRecipes: {
|
|
|
2068
2070
|
borderBottomStyle: "solid";
|
|
2069
2071
|
borderBottomWidth: "1";
|
|
2070
2072
|
verticalAlign: "middle";
|
|
2073
|
+
'tfoot &': {
|
|
2074
|
+
borderBottomWidth: number;
|
|
2075
|
+
borderTopStyle: "solid";
|
|
2076
|
+
borderTopWidth: "1";
|
|
2077
|
+
};
|
|
2071
2078
|
};
|
|
2072
2079
|
body: {
|
|
2073
2080
|
'& :where(tr)': {
|
|
@@ -2138,6 +2145,8 @@ declare const slotRecipes: {
|
|
|
2138
2145
|
};
|
|
2139
2146
|
};
|
|
2140
2147
|
footer: {
|
|
2148
|
+
borderTopStyle: "solid";
|
|
2149
|
+
borderTopWidth: "1";
|
|
2141
2150
|
display: "block";
|
|
2142
2151
|
};
|
|
2143
2152
|
};
|