@bspk/ui 1.3.29 → 1.4.0
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/build.ts +1 -2
- package/dist/components/Button/Button.js +1 -1
- package/dist/components/Button/Button.js.map +1 -1
- package/dist/components/InputNumber/InputNumber.js +16 -6
- package/dist/components/InputNumber/InputNumber.js.map +1 -1
- package/dist/components/InputPhone/InputPhone.js +1 -5
- package/dist/components/InputPhone/InputPhone.js.map +1 -1
- package/dist/components/StylesProviderAgentWorkplace/StylesProviderAgentWorkplace.d.ts +11 -0
- package/dist/components/StylesProviderAgentWorkplace/StylesProviderAgentWorkplace.js +14 -0
- package/dist/components/StylesProviderAgentWorkplace/StylesProviderAgentWorkplace.js.map +1 -0
- package/dist/components/StylesProviderAgentWorkplace/index.d.ts +1 -0
- package/dist/components/StylesProviderAgentWorkplace/index.js +2 -0
- package/dist/components/StylesProviderAgentWorkplace/index.js.map +1 -0
- package/dist/components/StylesProviderBrokerWorkplace/StylesProviderBrokerWorkplace.d.ts +11 -0
- package/dist/components/StylesProviderBrokerWorkplace/StylesProviderBrokerWorkplace.js +14 -0
- package/dist/components/StylesProviderBrokerWorkplace/StylesProviderBrokerWorkplace.js.map +1 -0
- package/dist/components/StylesProviderBrokerWorkplace/index.d.ts +1 -0
- package/dist/components/StylesProviderBrokerWorkplace/index.js +2 -0
- package/dist/components/StylesProviderBrokerWorkplace/index.js.map +1 -0
- package/dist/components/StylesProviderDemo/brandsCss.js +10 -9
- package/dist/components/StylesProviderDemo/brandsCss.js.map +1 -1
- package/dist/components/StylesProviderDemo/exampleCss.js +5 -5
- package/dist/components/StylesProviderDemo/exampleCss.js.map +1 -1
- package/dist/components/Table/Table.js +1 -1
- package/dist/components/Table/Table.js.map +1 -1
- package/dist/styles/agent-workplace.css +1794 -0
- package/dist/styles/{denali-boss.css.js → agent-workplace.css.js} +763 -848
- package/dist/styles/anywhere.css +569 -654
- package/dist/styles/anywhere.css.js +569 -654
- package/dist/styles/better-homes-gardens.css +622 -719
- package/dist/styles/better-homes-gardens.css.js +622 -719
- package/dist/styles/broker-workplace.css +1794 -0
- package/dist/styles/broker-workplace.css.js +1799 -0
- package/dist/styles/cartus.css +541 -638
- package/dist/styles/cartus.css.js +541 -638
- package/dist/styles/century-21.css +570 -663
- package/dist/styles/century-21.css.js +570 -663
- package/dist/styles/coldwell-banker.css +534 -631
- package/dist/styles/coldwell-banker.css.js +534 -631
- package/dist/styles/corcoran.css +536 -637
- package/dist/styles/corcoran.css.js +536 -637
- package/dist/styles/era.css +546 -641
- package/dist/styles/era.css.js +546 -641
- package/dist/styles/example.css +1898 -0
- package/dist/styles/example.css.js +1903 -0
- package/dist/styles/sothebys.css +543 -638
- package/dist/styles/sothebys.css.js +543 -638
- package/dist/types/common.d.ts +2 -1
- package/dist/types/common.js.map +1 -1
- package/package.json +7 -47
- package/src/components/Button/Button.tsx +1 -1
- package/src/components/InputNumber/InputNumber.tsx +35 -11
- package/src/components/InputPhone/InputPhone.tsx +1 -8
- package/src/components/StylesProviderAgentWorkplace/StylesProviderAgentWorkplace.tsx +15 -0
- package/src/components/StylesProviderAgentWorkplace/index.tsx +1 -0
- package/src/components/StylesProviderBrokerWorkplace/StylesProviderBrokerWorkplace.tsx +15 -0
- package/src/components/StylesProviderBrokerWorkplace/index.tsx +1 -0
- package/src/components/StylesProviderDemo/brandsCss.ts +13 -10
- package/src/components/StylesProviderDemo/exampleCss.ts +5 -5
- package/src/components/Table/Table.tsx +1 -1
- package/{dist/styles/denali-boss.css → src/styles/example.css} +401 -384
- package/src/types/common.ts +2 -10
- package/dist/components/InputNumber/IncrementButton.d.ts +0 -17
- package/dist/components/InputNumber/IncrementButton.js +0 -17
- package/dist/components/InputNumber/IncrementButton.js.map +0 -1
- package/dist/components/StylesProviderDenaliBoss/StylesProviderDenaliBoss.d.ts +0 -11
- package/dist/components/StylesProviderDenaliBoss/StylesProviderDenaliBoss.js +0 -14
- package/dist/components/StylesProviderDenaliBoss/StylesProviderDenaliBoss.js.map +0 -1
- package/dist/components/StylesProviderDenaliBoss/index.d.ts +0 -1
- package/dist/components/StylesProviderDenaliBoss/index.js +0 -2
- package/dist/components/StylesProviderDenaliBoss/index.js.map +0 -1
- package/dist/constants/brands.d.ts +0 -7
- package/dist/constants/brands.js +0 -43
- package/dist/constants/brands.js.map +0 -1
- package/src/components/InputNumber/IncrementButton.tsx +0 -41
- package/src/components/StylesProviderDenaliBoss/StylesProviderDenaliBoss.tsx +0 -15
- package/src/components/StylesProviderDenaliBoss/index.tsx +0 -1
- package/src/constants/brands.ts +0 -49
package/src/types/common.ts
CHANGED
|
@@ -7,6 +7,7 @@
|
|
|
7
7
|
*/
|
|
8
8
|
|
|
9
9
|
import { IconName } from '@bspk/icons';
|
|
10
|
+
import { BRANDS } from '@bspk/styles/brands';
|
|
10
11
|
import {
|
|
11
12
|
JSXElementConstructor,
|
|
12
13
|
ReactNode,
|
|
@@ -175,15 +176,6 @@ export type FieldControlProps<
|
|
|
175
176
|
'aria-errormessage'?: string;
|
|
176
177
|
};
|
|
177
178
|
|
|
178
|
-
export type Brand =
|
|
179
|
-
| 'anywhere'
|
|
180
|
-
| 'better-homes-gardens'
|
|
181
|
-
| 'cartus'
|
|
182
|
-
| 'century-21'
|
|
183
|
-
| 'coldwell-banker'
|
|
184
|
-
| 'corcoran'
|
|
185
|
-
| 'denali-boss'
|
|
186
|
-
| 'era'
|
|
187
|
-
| 'sothebys';
|
|
179
|
+
export type Brand = (typeof BRANDS)[number]['slug'];
|
|
188
180
|
|
|
189
181
|
/** Copyright 2026 Anywhere Real Estate - CC BY 4.0 */
|
|
@@ -1,17 +0,0 @@
|
|
|
1
|
-
export type IncrementButtonProps = {
|
|
2
|
-
/** Whether the button is disabled. */
|
|
3
|
-
disabled: boolean;
|
|
4
|
-
/** The kind of increment button, either 'add' or 'remove'. */
|
|
5
|
-
kind: 'add' | 'remove';
|
|
6
|
-
/** The ID of the associated input element. */
|
|
7
|
-
inputId: string;
|
|
8
|
-
/** Function to trigger the increment action. */
|
|
9
|
-
triggerIncrement: (kind: 'add' | 'remove') => boolean;
|
|
10
|
-
};
|
|
11
|
-
/**
|
|
12
|
-
* A button component for incrementing or decrementing the InputNumber.
|
|
13
|
-
*
|
|
14
|
-
* @name IncrementButton
|
|
15
|
-
* @parent InputNumber
|
|
16
|
-
*/
|
|
17
|
-
export declare function IncrementButton({ inputId, kind, disabled, triggerIncrement }: IncrementButtonProps): import("react/jsx-runtime").JSX.Element;
|
|
@@ -1,17 +0,0 @@
|
|
|
1
|
-
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
|
-
import { SvgAdd } from '@bspk/icons/Add';
|
|
3
|
-
import { SvgRemove } from '@bspk/icons/Remove';
|
|
4
|
-
import { useLongPress } from '../../hooks/useLongPress';
|
|
5
|
-
/**
|
|
6
|
-
* A button component for incrementing or decrementing the InputNumber.
|
|
7
|
-
*
|
|
8
|
-
* @name IncrementButton
|
|
9
|
-
* @parent InputNumber
|
|
10
|
-
*/
|
|
11
|
-
export function IncrementButton({ inputId, kind, disabled, triggerIncrement }) {
|
|
12
|
-
const { ...pressHandlers } = useLongPress({
|
|
13
|
-
callback: () => triggerIncrement(kind),
|
|
14
|
-
});
|
|
15
|
-
return (_jsx("button", { ...pressHandlers, "aria-controls": inputId, "aria-label": kind === 'add' ? 'Increase value' : 'Decrease value', "data-bspk": "input-number--increment-button", "data-kind": kind, disabled: disabled, tabIndex: -1, type: "button", children: kind === 'add' ? _jsx(SvgAdd, { "aria-hidden": true }) : _jsx(SvgRemove, { "aria-hidden": true }) }));
|
|
16
|
-
}
|
|
17
|
-
//# sourceMappingURL=IncrementButton.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"IncrementButton.js","sourceRoot":"","sources":["../../../src/components/InputNumber/IncrementButton.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,iBAAiB,CAAC;AACzC,OAAO,EAAE,SAAS,EAAE,MAAM,oBAAoB,CAAC;AAC/C,OAAO,EAAE,YAAY,EAAE,MAAM,sBAAsB,CAAC;AAapD;;;;;GAKG;AACH,MAAM,UAAU,eAAe,CAAC,EAAE,OAAO,EAAE,IAAI,EAAE,QAAQ,EAAE,gBAAgB,EAAwB;IAC/F,MAAM,EAAE,GAAG,aAAa,EAAE,GAAG,YAAY,CAAC;QACtC,QAAQ,EAAE,GAAG,EAAE,CAAC,gBAAgB,CAAC,IAAI,CAAC;KACzC,CAAC,CAAC;IAEH,OAAO,CACH,oBACQ,aAAa,mBACF,OAAO,gBACV,IAAI,KAAK,KAAK,CAAC,CAAC,CAAC,gBAAgB,CAAC,CAAC,CAAC,gBAAgB,eACtD,gCAAgC,eAC/B,IAAI,EACf,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,CAAC,CAAC,EACZ,IAAI,EAAC,QAAQ,YAEZ,IAAI,KAAK,KAAK,CAAC,CAAC,CAAC,KAAC,MAAM,0BAAe,CAAC,CAAC,CAAC,KAAC,SAAS,0BAAe,GAC/D,CACZ,CAAC;AACN,CAAC"}
|
|
@@ -1,11 +0,0 @@
|
|
|
1
|
-
import '@bspk/styles/denali-boss.css';
|
|
2
|
-
import '-/styles/base.scss';
|
|
3
|
-
/**
|
|
4
|
-
* Utility to provide the Denali Boss styles to the application.
|
|
5
|
-
*
|
|
6
|
-
* @name StylesProviderDenaliBoss
|
|
7
|
-
* @phase Utility
|
|
8
|
-
* @generated
|
|
9
|
-
*/
|
|
10
|
-
export declare function StylesProviderDenaliBoss(): JSX.Element | null;
|
|
11
|
-
/** Copyright 2026 Anywhere Real Estate - CC BY 4.0 */
|
|
@@ -1,14 +0,0 @@
|
|
|
1
|
-
import '../../styles/denali-boss.css.js';
|
|
2
|
-
import '../../styles/base.css.js';
|
|
3
|
-
/**
|
|
4
|
-
* Utility to provide the Denali Boss styles to the application.
|
|
5
|
-
*
|
|
6
|
-
* @name StylesProviderDenaliBoss
|
|
7
|
-
* @phase Utility
|
|
8
|
-
* @generated
|
|
9
|
-
*/
|
|
10
|
-
export function StylesProviderDenaliBoss() {
|
|
11
|
-
return null;
|
|
12
|
-
}
|
|
13
|
-
/** Copyright 2026 Anywhere Real Estate - CC BY 4.0 */
|
|
14
|
-
//# sourceMappingURL=StylesProviderDenaliBoss.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"StylesProviderDenaliBoss.js","sourceRoot":"","sources":["../../../src/components/StylesProviderDenaliBoss/StylesProviderDenaliBoss.tsx"],"names":[],"mappings":"AAAA,OAAO,8BAA8B,CAAC;AACtC,OAAO,oBAAoB,CAAC;AAE5B;;;;;;GAMG;AACH,MAAM,UAAU,wBAAwB;IACpC,OAAO,IAAI,CAAC;AAChB,CAAC;AAED,sDAAsD"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export * from './StylesProviderDenaliBoss';
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/StylesProviderDenaliBoss/index.tsx"],"names":[],"mappings":"AAAA,cAAc,4BAA4B,CAAC"}
|
package/dist/constants/brands.js
DELETED
|
@@ -1,43 +0,0 @@
|
|
|
1
|
-
export const BRANDS = [
|
|
2
|
-
{
|
|
3
|
-
title: 'Anywhere',
|
|
4
|
-
slug: 'anywhere',
|
|
5
|
-
},
|
|
6
|
-
{
|
|
7
|
-
title: 'Better Homes & Gardens',
|
|
8
|
-
slug: 'better-homes-gardens',
|
|
9
|
-
},
|
|
10
|
-
{
|
|
11
|
-
title: 'Cartus',
|
|
12
|
-
slug: 'cartus',
|
|
13
|
-
},
|
|
14
|
-
{
|
|
15
|
-
title: 'Century 21',
|
|
16
|
-
slug: 'century-21',
|
|
17
|
-
},
|
|
18
|
-
{
|
|
19
|
-
title: 'Coldwell Banker',
|
|
20
|
-
slug: 'coldwell-banker',
|
|
21
|
-
},
|
|
22
|
-
{
|
|
23
|
-
title: 'Corcoran',
|
|
24
|
-
slug: 'corcoran',
|
|
25
|
-
},
|
|
26
|
-
{
|
|
27
|
-
title: 'Denali Boss',
|
|
28
|
-
slug: 'denali-boss',
|
|
29
|
-
},
|
|
30
|
-
{
|
|
31
|
-
title: 'ERA',
|
|
32
|
-
slug: 'era',
|
|
33
|
-
},
|
|
34
|
-
{
|
|
35
|
-
title: "Sotheby's",
|
|
36
|
-
slug: 'sothebys',
|
|
37
|
-
},
|
|
38
|
-
{
|
|
39
|
-
title: 'Example',
|
|
40
|
-
slug: 'example',
|
|
41
|
-
},
|
|
42
|
-
];
|
|
43
|
-
//# sourceMappingURL=brands.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"brands.js","sourceRoot":"","sources":["../../src/constants/brands.ts"],"names":[],"mappings":"AAEA,MAAM,CAAC,MAAM,MAAM,GAKb;IACF;QACI,KAAK,EAAE,UAAU;QACjB,IAAI,EAAE,UAAU;KACnB;IACD;QACI,KAAK,EAAE,wBAAwB;QAC/B,IAAI,EAAE,sBAAsB;KAC/B;IACD;QACI,KAAK,EAAE,QAAQ;QACf,IAAI,EAAE,QAAQ;KACjB;IACD;QACI,KAAK,EAAE,YAAY;QACnB,IAAI,EAAE,YAAY;KACrB;IACD;QACI,KAAK,EAAE,iBAAiB;QACxB,IAAI,EAAE,iBAAiB;KAC1B;IACD;QACI,KAAK,EAAE,UAAU;QACjB,IAAI,EAAE,UAAU;KACnB;IACD;QACI,KAAK,EAAE,aAAa;QACpB,IAAI,EAAE,aAAa;KACtB;IACD;QACI,KAAK,EAAE,KAAK;QACZ,IAAI,EAAE,KAAK;KACd;IACD;QACI,KAAK,EAAE,WAAW;QAClB,IAAI,EAAE,UAAU;KACnB;IACD;QACI,KAAK,EAAE,SAAS;QAChB,IAAI,EAAE,SAAS;KAClB;CACK,CAAC"}
|
|
@@ -1,41 +0,0 @@
|
|
|
1
|
-
import { SvgAdd } from '@bspk/icons/Add';
|
|
2
|
-
import { SvgRemove } from '@bspk/icons/Remove';
|
|
3
|
-
import { useLongPress } from '-/hooks/useLongPress';
|
|
4
|
-
|
|
5
|
-
export type IncrementButtonProps = {
|
|
6
|
-
/** Whether the button is disabled. */
|
|
7
|
-
disabled: boolean;
|
|
8
|
-
/** The kind of increment button, either 'add' or 'remove'. */
|
|
9
|
-
kind: 'add' | 'remove';
|
|
10
|
-
/** The ID of the associated input element. */
|
|
11
|
-
inputId: string;
|
|
12
|
-
/** Function to trigger the increment action. */
|
|
13
|
-
triggerIncrement: (kind: 'add' | 'remove') => boolean;
|
|
14
|
-
};
|
|
15
|
-
|
|
16
|
-
/**
|
|
17
|
-
* A button component for incrementing or decrementing the InputNumber.
|
|
18
|
-
*
|
|
19
|
-
* @name IncrementButton
|
|
20
|
-
* @parent InputNumber
|
|
21
|
-
*/
|
|
22
|
-
export function IncrementButton({ inputId, kind, disabled, triggerIncrement }: IncrementButtonProps) {
|
|
23
|
-
const { ...pressHandlers } = useLongPress({
|
|
24
|
-
callback: () => triggerIncrement(kind),
|
|
25
|
-
});
|
|
26
|
-
|
|
27
|
-
return (
|
|
28
|
-
<button
|
|
29
|
-
{...pressHandlers}
|
|
30
|
-
aria-controls={inputId}
|
|
31
|
-
aria-label={kind === 'add' ? 'Increase value' : 'Decrease value'}
|
|
32
|
-
data-bspk="input-number--increment-button"
|
|
33
|
-
data-kind={kind}
|
|
34
|
-
disabled={disabled}
|
|
35
|
-
tabIndex={-1}
|
|
36
|
-
type="button"
|
|
37
|
-
>
|
|
38
|
-
{kind === 'add' ? <SvgAdd aria-hidden /> : <SvgRemove aria-hidden />}
|
|
39
|
-
</button>
|
|
40
|
-
);
|
|
41
|
-
}
|
|
@@ -1,15 +0,0 @@
|
|
|
1
|
-
import '@bspk/styles/denali-boss.css';
|
|
2
|
-
import '-/styles/base.scss';
|
|
3
|
-
|
|
4
|
-
/**
|
|
5
|
-
* Utility to provide the Denali Boss styles to the application.
|
|
6
|
-
*
|
|
7
|
-
* @name StylesProviderDenaliBoss
|
|
8
|
-
* @phase Utility
|
|
9
|
-
* @generated
|
|
10
|
-
*/
|
|
11
|
-
export function StylesProviderDenaliBoss(): JSX.Element | null {
|
|
12
|
-
return null;
|
|
13
|
-
}
|
|
14
|
-
|
|
15
|
-
/** Copyright 2026 Anywhere Real Estate - CC BY 4.0 */
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export * from './StylesProviderDenaliBoss';
|
package/src/constants/brands.ts
DELETED
|
@@ -1,49 +0,0 @@
|
|
|
1
|
-
import { Brand } from '-/types/common';
|
|
2
|
-
|
|
3
|
-
export const BRANDS: {
|
|
4
|
-
/** The title of the brand. */
|
|
5
|
-
title: string;
|
|
6
|
-
/** The slug of the brand, used in URLs and identifiers. */
|
|
7
|
-
slug: Brand | 'example';
|
|
8
|
-
}[] = [
|
|
9
|
-
{
|
|
10
|
-
title: 'Anywhere',
|
|
11
|
-
slug: 'anywhere',
|
|
12
|
-
},
|
|
13
|
-
{
|
|
14
|
-
title: 'Better Homes & Gardens',
|
|
15
|
-
slug: 'better-homes-gardens',
|
|
16
|
-
},
|
|
17
|
-
{
|
|
18
|
-
title: 'Cartus',
|
|
19
|
-
slug: 'cartus',
|
|
20
|
-
},
|
|
21
|
-
{
|
|
22
|
-
title: 'Century 21',
|
|
23
|
-
slug: 'century-21',
|
|
24
|
-
},
|
|
25
|
-
{
|
|
26
|
-
title: 'Coldwell Banker',
|
|
27
|
-
slug: 'coldwell-banker',
|
|
28
|
-
},
|
|
29
|
-
{
|
|
30
|
-
title: 'Corcoran',
|
|
31
|
-
slug: 'corcoran',
|
|
32
|
-
},
|
|
33
|
-
{
|
|
34
|
-
title: 'Denali Boss',
|
|
35
|
-
slug: 'denali-boss',
|
|
36
|
-
},
|
|
37
|
-
{
|
|
38
|
-
title: 'ERA',
|
|
39
|
-
slug: 'era',
|
|
40
|
-
},
|
|
41
|
-
{
|
|
42
|
-
title: "Sotheby's",
|
|
43
|
-
slug: 'sothebys',
|
|
44
|
-
},
|
|
45
|
-
{
|
|
46
|
-
title: 'Example',
|
|
47
|
-
slug: 'example',
|
|
48
|
-
},
|
|
49
|
-
] as const;
|