@bspk/ui 1.0.0 → 1.0.1

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 (42) hide show
  1. package/{Profile.d.ts → Avatar.d.ts} +11 -13
  2. package/{Profile.js → Avatar.js} +12 -14
  3. package/Avatar.js.map +1 -0
  4. package/ListItem.d.ts +2 -2
  5. package/ListItem.js +2 -2
  6. package/ListItem.js.map +1 -1
  7. package/MenuButton.d.ts +2 -3
  8. package/MenuButton.js +1 -1
  9. package/MenuButton.js.map +1 -1
  10. package/meta.d.ts +2 -2
  11. package/meta.js +188 -188
  12. package/meta.js.map +1 -1
  13. package/package.json +3 -3
  14. package/src/{Profile.tsx → Avatar.tsx} +18 -20
  15. package/src/ListItem.tsx +3 -3
  16. package/src/MenuButton.tsx +2 -5
  17. package/src/meta.ts +191 -191
  18. package/src/utils/errors.tsx +9 -4
  19. package/utils/errors.d.ts +1 -4
  20. package/utils/errors.js +7 -3
  21. package/utils/errors.js.map +1 -1
  22. package/Profile.js.map +0 -1
  23. package/styles/anywhere.css +0 -1693
  24. package/styles/anywhere.ts +0 -1694
  25. package/styles/base.css +0 -160
  26. package/styles/base.ts +0 -161
  27. package/styles/better-homes-gardens.css +0 -1693
  28. package/styles/better-homes-gardens.ts +0 -1694
  29. package/styles/cartus.css +0 -1691
  30. package/styles/cartus.ts +0 -1692
  31. package/styles/century-21.css +0 -1689
  32. package/styles/century-21.ts +0 -1690
  33. package/styles/coldwell-banker.css +0 -1691
  34. package/styles/coldwell-banker.ts +0 -1692
  35. package/styles/corcoran.css +0 -1685
  36. package/styles/corcoran.ts +0 -1686
  37. package/styles/denali-boss.css +0 -1681
  38. package/styles/denali-boss.ts +0 -1682
  39. package/styles/era.css +0 -1685
  40. package/styles/era.ts +0 -1686
  41. package/styles/sothebys.css +0 -1677
  42. package/styles/sothebys.ts +0 -1678
package/styles/base.css DELETED
@@ -1,160 +0,0 @@
1
- /**
2
-
3
- * Base Styles
4
- * This file is not generated or distributed through @bspk/styles.
5
- * If not using a StylesProvider (recommended), this file should be imported first in the main stylesheet .
6
- * This file will contain only the most basic styles that are applied across all applications.
7
- * This file will NOT contain any component-specific styles.
8
- * This file will NOT contain any media queries.
9
- * This file will NOT contain any classes
10
- */
11
-
12
- :root {
13
- --z-index-tooltip-popover: 1100;
14
- --z-index-dialog: 1000;
15
- --z-index-dropdown: 900;
16
- --z-index-fab: 800;
17
- --z-index-navbar: 700;
18
- --z-index-footer: 600;
19
- }
20
-
21
- *,
22
- *::before,
23
- *::after {
24
- box-sizing: border-box;
25
- }
26
-
27
- * {
28
- margin: 0;
29
- padding: 0;
30
- }
31
-
32
- @media (prefers-reduced-motion) {
33
- [data-animated] {
34
- animation: none !important;
35
- }
36
- }
37
-
38
- body,
39
- html {
40
- height: 100%;
41
- scroll-behavior: smooth;
42
- }
43
-
44
- body {
45
- font: var(--body-base);
46
- background-color: var(--background-base);
47
- color: var(--foreground-neutral-on-surface);
48
- }
49
-
50
- a {
51
- color: var(--foreground-link-text-default);
52
-
53
- &:hover {
54
- color: var(--foreground-link-text-default-hovered);
55
- }
56
-
57
- &:visited {
58
- color: var(--foreground-link-text-default-visited);
59
- }
60
-
61
- &:disabled {
62
- pointer-events: none;
63
- color: var(--foreground-link-text-default-disabled);
64
- }
65
- }
66
-
67
- a[data-subtle] {
68
- color: var(--foreground-neutral-on-surface);
69
-
70
- &:hover {
71
- color: var(--foreground-link-text-subtle-hovered);
72
- }
73
-
74
- &:disabled {
75
- pointer-events: none;
76
- color: var(--foreground-link-text-subtle-disabled);
77
- }
78
- }
79
-
80
- a[data-subtle-inverse] {
81
- color: var(--foreground-neutral-inverse-on-surface);
82
-
83
- &:hover {
84
- color: var(--foreground-link-text-subtle-inverse-hovered);
85
- }
86
-
87
- &:disabled {
88
- pointer-events: none;
89
- color: var(--foreground-link-text-subtle-inverse-disabled);
90
- }
91
- }
92
-
93
- /** Remove default input autofill styles */
94
- input:-internal-autofill-previewed,
95
- input:-internal-autofill-selected,
96
- textarea:-internal-autofill-previewed,
97
- textarea:-internal-autofill-selected,
98
- select:-internal-autofill-previewed,
99
- select:-internal-autofill-selected {
100
- transition:
101
- color calc(infinity * 1s) step-end,
102
- background-color calc(infinity * 1s) step-end;
103
- }
104
-
105
- [data-sr-only] {
106
- position: absolute;
107
- width: 1px;
108
- height: 1px;
109
- padding: 0;
110
- margin: -1px;
111
- overflow: hidden;
112
- clip: rect(0, 0, 0, 0);
113
- white-space: nowrap;
114
- border-width: 0;
115
- }
116
-
117
- ol {
118
- list-style-type: decimal;
119
- li {
120
- list-style-type: decimal;
121
- margin-left: var(--spacing-sizing-05);
122
- }
123
- }
124
-
125
- ul {
126
- list-style-type: disc;
127
- li {
128
- list-style-type: disc;
129
- margin-left: var(--spacing-sizing-05);
130
- }
131
- }
132
-
133
- [data-touch-target] {
134
- display: none;
135
- touch-action: manipulation;
136
- -webkit-tap-highlight-color: transparent;
137
- -webkit-touch-callout: none;
138
- -webkit-user-select: none;
139
- user-select: none;
140
- position: absolute;
141
- z-index: 1;
142
- height: 100%;
143
- width: 100%;
144
- top: auto;
145
- left: auto;
146
- }
147
-
148
- [data-touch-target] ~ * {
149
- position: relative;
150
- z-index: 2;
151
- }
152
-
153
- /* if touchscreen */
154
- @media (any-pointer: coarse) {
155
- [data-touch-target] {
156
- display: block;
157
- }
158
- }
159
-
160
- /** Copyright 2025 Anywhere Real Estate - CC BY 4.0 */
package/styles/base.ts DELETED
@@ -1,161 +0,0 @@
1
- export default `/**
2
-
3
- * Base Styles
4
- * This file is not generated or distributed through @bspk/styles.
5
- * If not using a StylesProvider (recommended), this file should be imported first in the main stylesheet .
6
- * This file will contain only the most basic styles that are applied across all applications.
7
- * This file will NOT contain any component-specific styles.
8
- * This file will NOT contain any media queries.
9
- * This file will NOT contain any classes
10
- */
11
-
12
- :root {
13
- --z-index-tooltip-popover: 1100;
14
- --z-index-dialog: 1000;
15
- --z-index-dropdown: 900;
16
- --z-index-fab: 800;
17
- --z-index-navbar: 700;
18
- --z-index-footer: 600;
19
- }
20
-
21
- *,
22
- *::before,
23
- *::after {
24
- box-sizing: border-box;
25
- }
26
-
27
- * {
28
- margin: 0;
29
- padding: 0;
30
- }
31
-
32
- @media (prefers-reduced-motion) {
33
- [data-animated] {
34
- animation: none !important;
35
- }
36
- }
37
-
38
- body,
39
- html {
40
- height: 100%;
41
- scroll-behavior: smooth;
42
- }
43
-
44
- body {
45
- font: var(--body-base);
46
- background-color: var(--background-base);
47
- color: var(--foreground-neutral-on-surface);
48
- }
49
-
50
- a {
51
- color: var(--foreground-link-text-default);
52
-
53
- &:hover {
54
- color: var(--foreground-link-text-default-hovered);
55
- }
56
-
57
- &:visited {
58
- color: var(--foreground-link-text-default-visited);
59
- }
60
-
61
- &:disabled {
62
- pointer-events: none;
63
- color: var(--foreground-link-text-default-disabled);
64
- }
65
- }
66
-
67
- a[data-subtle] {
68
- color: var(--foreground-neutral-on-surface);
69
-
70
- &:hover {
71
- color: var(--foreground-link-text-subtle-hovered);
72
- }
73
-
74
- &:disabled {
75
- pointer-events: none;
76
- color: var(--foreground-link-text-subtle-disabled);
77
- }
78
- }
79
-
80
- a[data-subtle-inverse] {
81
- color: var(--foreground-neutral-inverse-on-surface);
82
-
83
- &:hover {
84
- color: var(--foreground-link-text-subtle-inverse-hovered);
85
- }
86
-
87
- &:disabled {
88
- pointer-events: none;
89
- color: var(--foreground-link-text-subtle-inverse-disabled);
90
- }
91
- }
92
-
93
- /** Remove default input autofill styles */
94
- input:-internal-autofill-previewed,
95
- input:-internal-autofill-selected,
96
- textarea:-internal-autofill-previewed,
97
- textarea:-internal-autofill-selected,
98
- select:-internal-autofill-previewed,
99
- select:-internal-autofill-selected {
100
- transition:
101
- color calc(infinity * 1s) step-end,
102
- background-color calc(infinity * 1s) step-end;
103
- }
104
-
105
- [data-sr-only] {
106
- position: absolute;
107
- width: 1px;
108
- height: 1px;
109
- padding: 0;
110
- margin: -1px;
111
- overflow: hidden;
112
- clip: rect(0, 0, 0, 0);
113
- white-space: nowrap;
114
- border-width: 0;
115
- }
116
-
117
- ol {
118
- list-style-type: decimal;
119
- li {
120
- list-style-type: decimal;
121
- margin-left: var(--spacing-sizing-05);
122
- }
123
- }
124
-
125
- ul {
126
- list-style-type: disc;
127
- li {
128
- list-style-type: disc;
129
- margin-left: var(--spacing-sizing-05);
130
- }
131
- }
132
-
133
- [data-touch-target] {
134
- display: none;
135
- touch-action: manipulation;
136
- -webkit-tap-highlight-color: transparent;
137
- -webkit-touch-callout: none;
138
- -webkit-user-select: none;
139
- user-select: none;
140
- position: absolute;
141
- z-index: 1;
142
- height: 100%;
143
- width: 100%;
144
- top: auto;
145
- left: auto;
146
- }
147
-
148
- [data-touch-target] ~ * {
149
- position: relative;
150
- z-index: 2;
151
- }
152
-
153
- /* if touchscreen */
154
- @media (any-pointer: coarse) {
155
- [data-touch-target] {
156
- display: block;
157
- }
158
- }
159
-
160
- /** Copyright 2025 Anywhere Real Estate - CC BY 4.0 */
161
- `;