@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.
Files changed (78) hide show
  1. package/build.ts +1 -2
  2. package/dist/components/Button/Button.js +1 -1
  3. package/dist/components/Button/Button.js.map +1 -1
  4. package/dist/components/InputNumber/InputNumber.js +16 -6
  5. package/dist/components/InputNumber/InputNumber.js.map +1 -1
  6. package/dist/components/InputPhone/InputPhone.js +1 -5
  7. package/dist/components/InputPhone/InputPhone.js.map +1 -1
  8. package/dist/components/StylesProviderAgentWorkplace/StylesProviderAgentWorkplace.d.ts +11 -0
  9. package/dist/components/StylesProviderAgentWorkplace/StylesProviderAgentWorkplace.js +14 -0
  10. package/dist/components/StylesProviderAgentWorkplace/StylesProviderAgentWorkplace.js.map +1 -0
  11. package/dist/components/StylesProviderAgentWorkplace/index.d.ts +1 -0
  12. package/dist/components/StylesProviderAgentWorkplace/index.js +2 -0
  13. package/dist/components/StylesProviderAgentWorkplace/index.js.map +1 -0
  14. package/dist/components/StylesProviderBrokerWorkplace/StylesProviderBrokerWorkplace.d.ts +11 -0
  15. package/dist/components/StylesProviderBrokerWorkplace/StylesProviderBrokerWorkplace.js +14 -0
  16. package/dist/components/StylesProviderBrokerWorkplace/StylesProviderBrokerWorkplace.js.map +1 -0
  17. package/dist/components/StylesProviderBrokerWorkplace/index.d.ts +1 -0
  18. package/dist/components/StylesProviderBrokerWorkplace/index.js +2 -0
  19. package/dist/components/StylesProviderBrokerWorkplace/index.js.map +1 -0
  20. package/dist/components/StylesProviderDemo/brandsCss.js +10 -9
  21. package/dist/components/StylesProviderDemo/brandsCss.js.map +1 -1
  22. package/dist/components/StylesProviderDemo/exampleCss.js +5 -5
  23. package/dist/components/StylesProviderDemo/exampleCss.js.map +1 -1
  24. package/dist/components/Table/Table.js +1 -1
  25. package/dist/components/Table/Table.js.map +1 -1
  26. package/dist/styles/agent-workplace.css +1794 -0
  27. package/dist/styles/{denali-boss.css.js → agent-workplace.css.js} +763 -848
  28. package/dist/styles/anywhere.css +569 -654
  29. package/dist/styles/anywhere.css.js +569 -654
  30. package/dist/styles/better-homes-gardens.css +622 -719
  31. package/dist/styles/better-homes-gardens.css.js +622 -719
  32. package/dist/styles/broker-workplace.css +1794 -0
  33. package/dist/styles/broker-workplace.css.js +1799 -0
  34. package/dist/styles/cartus.css +541 -638
  35. package/dist/styles/cartus.css.js +541 -638
  36. package/dist/styles/century-21.css +570 -663
  37. package/dist/styles/century-21.css.js +570 -663
  38. package/dist/styles/coldwell-banker.css +534 -631
  39. package/dist/styles/coldwell-banker.css.js +534 -631
  40. package/dist/styles/corcoran.css +536 -637
  41. package/dist/styles/corcoran.css.js +536 -637
  42. package/dist/styles/era.css +546 -641
  43. package/dist/styles/era.css.js +546 -641
  44. package/dist/styles/example.css +1898 -0
  45. package/dist/styles/example.css.js +1903 -0
  46. package/dist/styles/sothebys.css +543 -638
  47. package/dist/styles/sothebys.css.js +543 -638
  48. package/dist/types/common.d.ts +2 -1
  49. package/dist/types/common.js.map +1 -1
  50. package/package.json +7 -47
  51. package/src/components/Button/Button.tsx +1 -1
  52. package/src/components/InputNumber/InputNumber.tsx +35 -11
  53. package/src/components/InputPhone/InputPhone.tsx +1 -8
  54. package/src/components/StylesProviderAgentWorkplace/StylesProviderAgentWorkplace.tsx +15 -0
  55. package/src/components/StylesProviderAgentWorkplace/index.tsx +1 -0
  56. package/src/components/StylesProviderBrokerWorkplace/StylesProviderBrokerWorkplace.tsx +15 -0
  57. package/src/components/StylesProviderBrokerWorkplace/index.tsx +1 -0
  58. package/src/components/StylesProviderDemo/brandsCss.ts +13 -10
  59. package/src/components/StylesProviderDemo/exampleCss.ts +5 -5
  60. package/src/components/Table/Table.tsx +1 -1
  61. package/{dist/styles/denali-boss.css → src/styles/example.css} +401 -384
  62. package/src/types/common.ts +2 -10
  63. package/dist/components/InputNumber/IncrementButton.d.ts +0 -17
  64. package/dist/components/InputNumber/IncrementButton.js +0 -17
  65. package/dist/components/InputNumber/IncrementButton.js.map +0 -1
  66. package/dist/components/StylesProviderDenaliBoss/StylesProviderDenaliBoss.d.ts +0 -11
  67. package/dist/components/StylesProviderDenaliBoss/StylesProviderDenaliBoss.js +0 -14
  68. package/dist/components/StylesProviderDenaliBoss/StylesProviderDenaliBoss.js.map +0 -1
  69. package/dist/components/StylesProviderDenaliBoss/index.d.ts +0 -1
  70. package/dist/components/StylesProviderDenaliBoss/index.js +0 -2
  71. package/dist/components/StylesProviderDenaliBoss/index.js.map +0 -1
  72. package/dist/constants/brands.d.ts +0 -7
  73. package/dist/constants/brands.js +0 -43
  74. package/dist/constants/brands.js.map +0 -1
  75. package/src/components/InputNumber/IncrementButton.tsx +0 -41
  76. package/src/components/StylesProviderDenaliBoss/StylesProviderDenaliBoss.tsx +0 -15
  77. package/src/components/StylesProviderDenaliBoss/index.tsx +0 -1
  78. package/src/constants/brands.ts +0 -49
@@ -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,2 +0,0 @@
1
- export * from './StylesProviderDenaliBoss';
2
- //# sourceMappingURL=index.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/StylesProviderDenaliBoss/index.tsx"],"names":[],"mappings":"AAAA,cAAc,4BAA4B,CAAC"}
@@ -1,7 +0,0 @@
1
- import { Brand } from '-/types/common';
2
- export declare const BRANDS: {
3
- /** The title of the brand. */
4
- title: string;
5
- /** The slug of the brand, used in URLs and identifiers. */
6
- slug: Brand | 'example';
7
- }[];
@@ -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';
@@ -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;