@flipdish/ui-library 0.35.2 → 0.36.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 (47) hide show
  1. package/dist/components/atoms/Badge/Badge.styles.cjs +194 -0
  2. package/dist/components/atoms/Badge/Badge.styles.cjs.map +1 -0
  3. package/dist/components/atoms/Badge/Badge.styles.d.ts +236 -0
  4. package/dist/components/atoms/Badge/Badge.styles.d.ts.map +1 -0
  5. package/dist/components/atoms/Badge/Badge.styles.js +192 -0
  6. package/dist/components/atoms/Badge/Badge.styles.js.map +1 -0
  7. package/dist/components/atoms/Badge/badge.types.cjs.map +1 -1
  8. package/dist/components/atoms/Badge/badge.types.d.ts +0 -2
  9. package/dist/components/atoms/Badge/badge.types.d.ts.map +1 -1
  10. package/dist/components/atoms/Badge/badge.types.js.map +1 -1
  11. package/dist/components/atoms/Badge/badge.utils.d.ts +21 -0
  12. package/dist/components/atoms/Badge/badge.utils.d.ts.map +1 -0
  13. package/dist/components/atoms/Badge/index.cjs +15 -248
  14. package/dist/components/atoms/Badge/index.cjs.map +1 -1
  15. package/dist/components/atoms/Badge/index.d.ts +11 -50
  16. package/dist/components/atoms/Badge/index.d.ts.map +1 -1
  17. package/dist/components/atoms/Badge/index.js +15 -248
  18. package/dist/components/atoms/Badge/index.js.map +1 -1
  19. package/dist/components/molecules/Pagination/components/PaginationBase.cjs +2 -104
  20. package/dist/components/molecules/Pagination/components/PaginationBase.cjs.map +1 -1
  21. package/dist/components/molecules/Pagination/components/PaginationBase.d.ts +2 -14
  22. package/dist/components/molecules/Pagination/components/PaginationBase.d.ts.map +1 -1
  23. package/dist/components/molecules/Pagination/components/PaginationBase.js +3 -105
  24. package/dist/components/molecules/Pagination/components/PaginationBase.js.map +1 -1
  25. package/dist/components/molecules/Pagination/pagination.utils.cjs +89 -0
  26. package/dist/components/molecules/Pagination/pagination.utils.cjs.map +1 -0
  27. package/dist/components/molecules/Pagination/pagination.utils.d.ts +32 -0
  28. package/dist/components/molecules/Pagination/pagination.utils.d.ts.map +1 -0
  29. package/dist/components/molecules/Pagination/pagination.utils.js +87 -0
  30. package/dist/components/molecules/Pagination/pagination.utils.js.map +1 -0
  31. package/dist/native/components/atoms/Badge/Badge.styles.d.ts +236 -0
  32. package/dist/native/components/atoms/Badge/Badge.styles.d.ts.map +1 -0
  33. package/dist/native/components/atoms/Badge/Badge.styles.js +327 -0
  34. package/dist/native/components/atoms/Badge/Badge.styles.js.map +1 -0
  35. package/dist/native/components/atoms/Badge/badge.types.d.ts +21 -0
  36. package/dist/native/components/atoms/Badge/badge.types.d.ts.map +1 -0
  37. package/dist/native/components/atoms/Badge/badge.types.js +8 -0
  38. package/dist/native/components/atoms/Badge/badge.types.js.map +1 -0
  39. package/dist/native/components/atoms/Badge/badge.utils.d.ts +21 -0
  40. package/dist/native/components/atoms/Badge/badge.utils.d.ts.map +1 -0
  41. package/dist/native/components/atoms/Badge/badge.utils.js +32 -0
  42. package/dist/native/components/atoms/Badge/badge.utils.js.map +1 -0
  43. package/dist/native/components/atoms/Badge/index.d.ts +94 -8
  44. package/dist/native/components/atoms/Badge/index.d.ts.map +1 -0
  45. package/dist/native/components/atoms/Badge/index.js +66 -0
  46. package/dist/native/components/atoms/Badge/index.js.map +1 -0
  47. package/package.json +1 -1
@@ -1 +1 @@
1
- {"version":3,"file":"badge.types.d.ts","sourceRoot":"","sources":["../../../../src/components/atoms/Badge/badge.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,4CAA4C,CAAC;AAC9E,MAAM,MAAM,iBAAiB,GAAG,KAAK,CAAC,iBAAiB,CAAC;IAAE,SAAS,CAAC,EAAE,MAAM,CAAC;IAAC,WAAW,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;CAAE,CAAC,CAAC;AAE/G,MAAM,MAAM,KAAK,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AAEvC,MAAM,MAAM,WAAW,GAAG,MAAM,GAAG,OAAO,GAAG,OAAO,GAAG,SAAS,GAAG,SAAS,GAAG,OAAO,GAAG,KAAK,GAAG,MAAM,GAAG,QAAQ,GAAG,QAAQ,GAAG,MAAM,GAAG,QAAQ,CAAC;AAElJ,MAAM,MAAM,SAAS,GAAG,WAAW,CAAC;AAEpC,MAAM,MAAM,gBAAgB,CAAC,CAAC,IAAI,CAAC,SAAS;IAAE,MAAM,EAAE,MAAM,CAAC,CAAA;CAAE,GAAG,MAAM,CAAC,GAAG,KAAK,CAAC;AAClF,MAAM,MAAM,gBAAgB,CAAC,CAAC,IAAI,MAAM,CAAC,CAAC;AAC1C,MAAM,MAAM,mBAAmB,CAAC,CAAC,IAAI;KAClC,CAAC,IAAI,gBAAgB,CAAC,CAAC,CAAC,GAAG,gBAAgB,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;CACnD,CAAC;AACF,MAAM,MAAM,eAAe,CAAC,CAAC,IAAI,gBAAgB,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC;AAE9D,eAAO,MAAM,UAAU;;;;CAIb,CAAC;AAEX,MAAM,MAAM,UAAU,GAAG,CAAC,OAAO,UAAU,CAAC,CAAC,MAAM,OAAO,UAAU,CAAC,CAAC"}
1
+ {"version":3,"file":"badge.types.d.ts","sourceRoot":"","sources":["../../../../src/components/atoms/Badge/badge.types.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,iBAAiB,GAAG,KAAK,CAAC,iBAAiB,CAAC;IAAE,SAAS,CAAC,EAAE,MAAM,CAAC;IAAC,WAAW,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;CAAE,CAAC,CAAC;AAE/G,MAAM,MAAM,KAAK,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AAEvC,MAAM,MAAM,WAAW,GAAG,MAAM,GAAG,OAAO,GAAG,OAAO,GAAG,SAAS,GAAG,SAAS,GAAG,OAAO,GAAG,KAAK,GAAG,MAAM,GAAG,QAAQ,GAAG,QAAQ,GAAG,MAAM,GAAG,QAAQ,CAAC;AAElJ,MAAM,MAAM,gBAAgB,CAAC,CAAC,IAAI,CAAC,SAAS;IAAE,MAAM,EAAE,MAAM,CAAC,CAAA;CAAE,GAAG,MAAM,CAAC,GAAG,KAAK,CAAC;AAClF,MAAM,MAAM,gBAAgB,CAAC,CAAC,IAAI,MAAM,CAAC,CAAC;AAC1C,MAAM,MAAM,mBAAmB,CAAC,CAAC,IAAI;KAClC,CAAC,IAAI,gBAAgB,CAAC,CAAC,CAAC,GAAG,gBAAgB,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;CACnD,CAAC;AACF,MAAM,MAAM,eAAe,CAAC,CAAC,IAAI,gBAAgB,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC;AAE9D,eAAO,MAAM,UAAU;;;;CAIb,CAAC;AAEX,MAAM,MAAM,UAAU,GAAG,CAAC,OAAO,UAAU,CAAC,CAAC,MAAM,OAAO,UAAU,CAAC,CAAC"}
@@ -1 +1 @@
1
- {"version":3,"file":"badge.types.js","sources":["../../../../src/components/atoms/Badge/badge.types.ts"],"sourcesContent":[null],"names":[],"mappings":"AAgBO,MAAM,UAAU,GAAG;AACxB,IAAA,SAAS,EAAE,YAAY;AACvB,IAAA,UAAU,EAAE,OAAO;AACnB,IAAA,WAAW,EAAE,QAAQ;;;"}
1
+ {"version":3,"file":"badge.types.js","sources":["../../../../src/components/atoms/Badge/badge.types.ts"],"sourcesContent":[null],"names":[],"mappings":"AAaO,MAAM,UAAU,GAAG;AACxB,IAAA,SAAS,EAAE,YAAY;AACvB,IAAA,UAAU,EAAE,OAAO;AACnB,IAAA,WAAW,EAAE,QAAQ;;;"}
@@ -0,0 +1,21 @@
1
+ import { type NativeTone } from './Badge.styles';
2
+ import type { BadgeColors, BadgeTypes } from './badge.types';
3
+ /**
4
+ * Drops the typography utilities from a shared size string, leaving the padding, gap and radius a
5
+ * React Native `View` can resolve. The label's size and weight reach `Text` through `style` instead.
6
+ *
7
+ * @param sizeClasses A size entry from `styles.sizes`, which mixes layout and `text-*`/`font-*` utilities.
8
+ * @returns The same classes without any `text-*` or `font-*` utility.
9
+ */
10
+ export declare const layoutClasses: (sizeClasses: string) => string;
11
+ /**
12
+ * Resolves the React Native colour set for a badge.
13
+ *
14
+ * @param kind `standard` for badges whose `modern` type is a fixed neutral fill, `addon` for those where
15
+ * `modern` keeps the neutral fill but tints the dot or icon with `color` (see `Badge.styles.ts`).
16
+ * @param type The badge shape; only `modern` changes the result.
17
+ * @param color The badge colour, honoured everywhere except the fill of a `modern` badge.
18
+ * @returns The classes and hex values to paint the fill, label and icons.
19
+ */
20
+ export declare const resolveNativeTone: (kind: "standard" | "addon", type: BadgeTypes, color: BadgeColors) => NativeTone;
21
+ //# sourceMappingURL=badge.utils.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"badge.utils.d.ts","sourceRoot":"","sources":["../../../../src/components/atoms/Badge/badge.utils.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,UAAU,EAAU,MAAM,gBAAgB,CAAC;AACzD,OAAO,KAAK,EAAE,WAAW,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAE7D;;;;;;GAMG;AACH,eAAO,MAAM,aAAa,GAAI,aAAa,MAAM,WAInC,CAAC;AAEf;;;;;;;;GAQG;AACH,eAAO,MAAM,iBAAiB,GAAI,MAAM,UAAU,GAAG,OAAO,EAAE,MAAM,UAAU,EAAE,OAAO,WAAW,KAAG,UAIpG,CAAC"}
@@ -6,118 +6,8 @@ var Dot = require('@flipdish/ui-library/components/atoms/Dot');
6
6
  var Flag = require('@flipdish/ui-library/components/atoms/Flag');
7
7
  var cx = require('@flipdish/ui-library/utilities/cx');
8
8
  var testIdUtils = require('@flipdish/ui-library/utilities/testIdUtils');
9
- var badge_types = require('./badge.types.cjs');
9
+ var Badge_styles = require('./Badge.styles.cjs');
10
10
 
11
- const filledColors = {
12
- gray: {
13
- root: 'bg-utility-neutral-50 text-utility-neutral-700 ring-utility-neutral-200',
14
- addon: 'text-utility-neutral-500',
15
- dotColor: 'utility-neutral-500',
16
- addonButton: 'hover:bg-utility-neutral-100 text-utility-neutral-400 hover:text-utility-neutral-500',
17
- },
18
- brand: {
19
- root: 'bg-utility-brand-50 text-utility-brand-700 ring-utility-brand-200',
20
- addon: 'text-utility-brand-500',
21
- dotColor: 'utility-brand-500',
22
- addonButton: 'hover:bg-utility-brand-100 text-utility-brand-400 hover:text-utility-brand-500',
23
- },
24
- error: {
25
- root: 'bg-utility-red-50 text-utility-red-700 ring-utility-red-200',
26
- addon: 'text-utility-red-500',
27
- dotColor: 'utility-red-500',
28
- addonButton: 'hover:bg-utility-red-100 text-utility-red-400 hover:text-utility-red-500',
29
- },
30
- warning: {
31
- root: 'bg-utility-yellow-50 text-utility-yellow-700 ring-utility-yellow-200',
32
- addon: 'text-utility-yellow-500',
33
- dotColor: 'utility-yellow-500',
34
- addonButton: 'hover:bg-utility-yellow-100 text-utility-yellow-400 hover:text-utility-yellow-500',
35
- },
36
- success: {
37
- root: 'bg-utility-green-50 text-utility-green-700 ring-utility-green-200',
38
- addon: 'text-utility-green-500',
39
- dotColor: 'utility-green-500',
40
- addonButton: 'hover:bg-utility-green-100 text-utility-green-400 hover:text-utility-green-500',
41
- },
42
- slate: {
43
- root: 'bg-utility-slate-50 text-utility-slate-700 ring-utility-slate-200',
44
- addon: 'text-utility-slate-500',
45
- dotColor: 'utility-slate-500',
46
- addonButton: 'hover:bg-utility-slate-100 text-utility-slate-400 hover:text-utility-slate-500',
47
- },
48
- sky: {
49
- root: 'bg-utility-sky-50 text-utility-sky-700 ring-utility-sky-200',
50
- addon: 'text-utility-sky-500',
51
- dotColor: 'utility-sky-500',
52
- addonButton: 'hover:bg-utility-sky-100 text-utility-sky-400 hover:text-utility-sky-500',
53
- },
54
- blue: {
55
- root: 'bg-utility-blue-50 text-utility-blue-700 ring-utility-blue-200',
56
- addon: 'text-utility-blue-500',
57
- dotColor: 'utility-blue-500',
58
- addonButton: 'hover:bg-utility-blue-100 text-utility-blue-400 hover:text-utility-blue-500',
59
- },
60
- indigo: {
61
- root: 'bg-utility-indigo-50 text-utility-indigo-700 ring-utility-indigo-200',
62
- addon: 'text-utility-indigo-500',
63
- dotColor: 'utility-indigo-500',
64
- addonButton: 'hover:bg-utility-indigo-100 text-utility-indigo-400 hover:text-utility-indigo-500',
65
- },
66
- purple: {
67
- root: 'bg-utility-purple-50 text-utility-purple-700 ring-utility-purple-200',
68
- addon: 'text-utility-purple-500',
69
- dotColor: 'utility-purple-500',
70
- addonButton: 'hover:bg-utility-purple-100 text-utility-purple-400 hover:text-utility-purple-500',
71
- },
72
- pink: {
73
- root: 'bg-utility-pink-50 text-utility-pink-700 ring-utility-pink-200',
74
- addon: 'text-utility-pink-500',
75
- dotColor: 'utility-pink-500',
76
- addonButton: 'hover:bg-utility-pink-100 text-utility-pink-400 hover:text-utility-pink-500',
77
- },
78
- orange: {
79
- root: 'bg-utility-orange-50 text-utility-orange-700 ring-utility-orange-200',
80
- addon: 'text-utility-orange-500',
81
- dotColor: 'utility-orange-500',
82
- addonButton: 'hover:bg-utility-orange-100 text-utility-orange-400 hover:text-utility-orange-500',
83
- },
84
- };
85
- const addonOnlyColors = Object.fromEntries(Object.entries(filledColors).map(([key, value]) => [key, { root: '', addon: value.addon, dotColor: value.dotColor }]));
86
- const withPillTypes = {
87
- [badge_types.badgeTypes.pillColor]: {
88
- common: 'size-max flex items-center whitespace-nowrap rounded-full ring-1 ring-inset',
89
- styles: filledColors,
90
- },
91
- [badge_types.badgeTypes.badgeColor]: {
92
- common: 'size-max flex items-center whitespace-nowrap rounded-md ring-1 ring-inset',
93
- styles: filledColors,
94
- },
95
- [badge_types.badgeTypes.badgeModern]: {
96
- common: 'size-max flex items-center whitespace-nowrap rounded-md ring-1 ring-inset shadow-xs',
97
- styles: {
98
- gray: {
99
- root: 'bg-primary text-secondary ring-primary',
100
- addon: 'text-fg-quaternary',
101
- dotColor: 'fg-quaternary',
102
- addonButton: 'hover:bg-utility-neutral-100 text-utility-neutral-400 hover:text-utility-neutral-500',
103
- },
104
- },
105
- },
106
- };
107
- const withBadgeTypes = {
108
- [badge_types.badgeTypes.pillColor]: {
109
- common: 'size-max flex items-center whitespace-nowrap rounded-full ring-1 ring-inset',
110
- styles: filledColors,
111
- },
112
- [badge_types.badgeTypes.badgeColor]: {
113
- common: 'size-max flex items-center whitespace-nowrap rounded-md ring-1 ring-inset',
114
- styles: filledColors,
115
- },
116
- [badge_types.badgeTypes.badgeModern]: {
117
- common: 'size-max flex items-center whitespace-nowrap rounded-md ring-1 ring-inset bg-primary text-secondary ring-primary shadow-xs',
118
- styles: addonOnlyColors,
119
- },
120
- };
121
11
  /**
122
12
  * Compact label for statuses, categories, counts, and tags. Conveys metadata at
123
13
  * a glance through color and shape without competing with primary content.
@@ -126,172 +16,49 @@ const withBadgeTypes = {
126
16
  */
127
17
  const Badge = (props) => {
128
18
  const { type = 'pill-color', size = 'md', color = 'gray', children, 'data-testid': dataTestId } = props;
129
- const colors = withPillTypes[type];
19
+ const colors = Badge_styles.styles.types.standard[type];
130
20
  const badgeTestId = testIdUtils.useResolvedTestId({ testId: dataTestId, segment: 'badge', rootName: 'badge' });
131
- const pillSizes = {
132
- sm: 'py-0.5 px-2 text-xs font-medium',
133
- md: 'py-0.5 px-2.5 text-sm font-medium',
134
- lg: 'py-1 px-3 text-sm font-medium',
135
- };
136
- const badgeSizes = {
137
- sm: 'py-0.5 px-1.5 text-xs font-medium',
138
- md: 'py-0.5 px-2 text-sm font-medium',
139
- lg: 'py-1 px-2.5 text-sm font-medium rounded-lg',
140
- };
141
- const sizes = {
142
- [badge_types.badgeTypes.pillColor]: pillSizes,
143
- [badge_types.badgeTypes.badgeColor]: badgeSizes,
144
- [badge_types.badgeTypes.badgeModern]: badgeSizes,
145
- };
146
- return (jsxRuntime.jsx("span", { "data-testid": badgeTestId, className: cx.cx(colors.common, sizes[type][size], colors.styles[color].root, props.className), children: children }));
21
+ return (jsxRuntime.jsx("span", { "data-testid": badgeTestId, className: cx.cx(colors.common, Badge_styles.styles.sizes.label[type][size], colors.styles[color].root, props.className), children: children }));
147
22
  };
148
23
  /** `Badge` variant with a coloured status dot before the label. */
149
24
  const BadgeWithDot = (props) => {
150
25
  const { size = 'md', color = 'gray', type = 'pill-color', className, children, 'data-testid': dataTestId } = props;
151
- const colors = withBadgeTypes[type];
26
+ const colors = Badge_styles.styles.types.addon[type];
152
27
  const badgeTestId = testIdUtils.useResolvedTestId({ testId: dataTestId, segment: 'badge', rootName: 'badge' });
153
- const pillSizes = {
154
- sm: 'gap-1 py-0.5 pl-1.5 pr-2 text-xs font-medium',
155
- md: 'gap-1.5 py-0.5 pl-2 pr-2.5 text-sm font-medium',
156
- lg: 'gap-1.5 py-1 pl-2.5 pr-3 text-sm font-medium',
157
- };
158
- const badgeSizes = {
159
- sm: 'gap-1 py-0.5 px-1.5 text-xs font-medium',
160
- md: 'gap-1.5 py-0.5 px-2 text-sm font-medium',
161
- lg: 'gap-1.5 py-1 px-2.5 text-sm font-medium rounded-lg',
162
- };
163
- const sizes = {
164
- [badge_types.badgeTypes.pillColor]: pillSizes,
165
- [badge_types.badgeTypes.badgeColor]: badgeSizes,
166
- [badge_types.badgeTypes.badgeModern]: badgeSizes,
167
- };
168
- return (jsxRuntime.jsxs("span", { "data-testid": badgeTestId, className: cx.cx(colors.common, sizes[type][size], colors.styles[color].root, className), children: [jsxRuntime.jsx(Dot.Dot, { color: colors.styles[color].dotColor, size: "sm", "data-testid": testIdUtils.joinTestId(badgeTestId, 'dot') }), children] }));
28
+ return (jsxRuntime.jsxs("span", { "data-testid": badgeTestId, className: cx.cx(colors.common, Badge_styles.styles.sizes.dot[type][size], colors.styles[color].root, className), children: [jsxRuntime.jsx(Dot.Dot, { color: colors.styles[color].dotColor, size: "sm", "data-testid": testIdUtils.joinTestId(badgeTestId, 'dot') }), children] }));
169
29
  };
170
30
  /** `Badge` variant with a leading or trailing icon beside the label. */
171
31
  const BadgeWithIcon = (props) => {
172
32
  const { size = 'md', color = 'gray', type = 'pill-color', iconLeading: IconLeading, iconTrailing: IconTrailing, children, className, 'data-testid': dataTestId, } = props;
173
- const colors = withBadgeTypes[type];
33
+ const colors = Badge_styles.styles.types.addon[type];
174
34
  const badgeTestId = testIdUtils.useResolvedTestId({ testId: dataTestId, segment: 'badge', rootName: 'badge' });
175
35
  const icon = IconLeading ? 'leading' : 'trailing';
176
- const pillSizes = {
177
- sm: {
178
- trailing: 'gap-0.5 py-0.5 pl-2 pr-1.5 text-xs font-medium',
179
- leading: 'gap-0.5 py-0.5 pr-2 pl-1.5 text-xs font-medium',
180
- },
181
- md: {
182
- trailing: 'gap-1 py-0.5 pl-2.5 pr-2 text-sm font-medium',
183
- leading: 'gap-1 py-0.5 pr-2.5 pl-2 text-sm font-medium',
184
- },
185
- lg: {
186
- trailing: 'gap-1 py-1 pl-3 pr-2.5 text-sm font-medium',
187
- leading: 'gap-1 py-1 pr-3 pl-2.5 text-sm font-medium',
188
- },
189
- };
190
- const badgeSizes = {
191
- sm: {
192
- trailing: 'gap-0.5 py-0.5 pl-2 pr-1.5 text-xs font-medium',
193
- leading: 'gap-0.5 py-0.5 pr-2 pl-1.5 text-xs font-medium',
194
- },
195
- md: {
196
- trailing: 'gap-1 py-0.5 pl-2 pr-1.5 text-sm font-medium',
197
- leading: 'gap-1 py-0.5 pr-2 pl-1.5 text-sm font-medium',
198
- },
199
- lg: {
200
- trailing: 'gap-1 py-1 pl-2.5 pr-2 text-sm font-medium rounded-lg',
201
- leading: 'gap-1 py-1 pr-2.5 pl-2 text-sm font-medium rounded-lg',
202
- },
203
- };
204
- const sizes = {
205
- [badge_types.badgeTypes.pillColor]: pillSizes,
206
- [badge_types.badgeTypes.badgeColor]: badgeSizes,
207
- [badge_types.badgeTypes.badgeModern]: badgeSizes,
208
- };
209
- return (jsxRuntime.jsxs("span", { "data-testid": badgeTestId, className: cx.cx(colors.common, sizes[type][size][icon], colors.styles[color].root, className), children: [IconLeading && jsxRuntime.jsx(IconLeading, { className: cx.cx(colors.styles[color].addon, 'size-3 stroke-3'), "data-testid": testIdUtils.joinTestId(badgeTestId, 'icon') }), children, IconTrailing && jsxRuntime.jsx(IconTrailing, { className: cx.cx(colors.styles[color].addon, 'size-3 stroke-3'), "data-testid": testIdUtils.joinTestId(badgeTestId, 'icon') })] }));
36
+ return (jsxRuntime.jsxs("span", { "data-testid": badgeTestId, className: cx.cx(colors.common, Badge_styles.styles.sizes.icon[type][size][icon], colors.styles[color].root, className), children: [IconLeading && jsxRuntime.jsx(IconLeading, { className: cx.cx(colors.styles[color].addon, 'size-3 stroke-3'), "data-testid": testIdUtils.joinTestId(badgeTestId, 'icon') }), children, IconTrailing && jsxRuntime.jsx(IconTrailing, { className: cx.cx(colors.styles[color].addon, 'size-3 stroke-3'), "data-testid": testIdUtils.joinTestId(badgeTestId, 'icon') })] }));
210
37
  };
211
38
  /** `Badge` variant with a round country flag before the label. */
212
39
  const BadgeWithFlag = (props) => {
213
40
  const { size = 'md', color = 'gray', flag = 'AU', type = 'pill-color', children } = props;
214
- const colors = withPillTypes[type];
215
- const pillSizes = {
216
- sm: 'gap-1 py-0.5 pl-0.75 pr-2 text-xs font-medium',
217
- md: 'gap-1.5 py-0.5 pl-1 pr-2.5 text-sm font-medium',
218
- lg: 'gap-1.5 py-1 pl-1.5 pr-3 text-sm font-medium',
219
- };
220
- const badgeSizes = {
221
- sm: 'gap-1 py-0.5 pl-1 pr-1.5 text-xs font-medium',
222
- md: 'gap-1.5 py-0.5 pl-1.5 pr-2 text-sm font-medium',
223
- lg: 'gap-1.5 py-1 pl-2 pr-2.5 text-sm font-medium rounded-lg',
224
- };
225
- const sizes = {
226
- [badge_types.badgeTypes.pillColor]: pillSizes,
227
- [badge_types.badgeTypes.badgeColor]: badgeSizes,
228
- [badge_types.badgeTypes.badgeModern]: badgeSizes,
229
- };
230
- return (jsxRuntime.jsxs("span", { className: cx.cx(colors.common, sizes[type][size], colors.styles[color].root), children: [jsxRuntime.jsx(Flag.Flag, { code: flag, size: "xs" }), children] }));
41
+ const colors = Badge_styles.styles.types.standard[type];
42
+ return (jsxRuntime.jsxs("span", { className: cx.cx(colors.common, Badge_styles.styles.sizes.media[type][size], colors.styles[color].root), children: [jsxRuntime.jsx(Flag.Flag, { code: flag, size: "xs" }), children] }));
231
43
  };
232
44
  /** `Badge` variant with a small round image before the label. */
233
45
  const BadgeWithImage = (props) => {
234
46
  const { size = 'md', color = 'gray', type = 'pill-color', imgSrc, children } = props;
235
- const colors = withPillTypes[type];
236
- const pillSizes = {
237
- sm: 'gap-1 py-0.5 pl-0.75 pr-2 text-xs font-medium',
238
- md: 'gap-1.5 py-0.5 pl-1 pr-2.5 text-sm font-medium',
239
- lg: 'gap-1.5 py-1 pl-1.5 pr-3 text-sm font-medium',
240
- };
241
- const badgeSizes = {
242
- sm: 'gap-1 py-0.5 pl-1 pr-1.5 text-xs font-medium',
243
- md: 'gap-1.5 py-0.5 pl-1.5 pr-2 text-sm font-medium',
244
- lg: 'gap-1.5 py-1 pl-2 pr-2.5 text-sm font-medium rounded-lg',
245
- };
246
- const sizes = {
247
- [badge_types.badgeTypes.pillColor]: pillSizes,
248
- [badge_types.badgeTypes.badgeColor]: badgeSizes,
249
- [badge_types.badgeTypes.badgeModern]: badgeSizes,
250
- };
251
- return (jsxRuntime.jsxs("span", { className: cx.cx(colors.common, sizes[type][size], colors.styles[color].root), children: [jsxRuntime.jsx("img", { src: imgSrc, className: "size-4 max-w-none rounded-full", alt: "Badge image" }), children] }));
47
+ const colors = Badge_styles.styles.types.standard[type];
48
+ return (jsxRuntime.jsxs("span", { className: cx.cx(colors.common, Badge_styles.styles.sizes.media[type][size], colors.styles[color].root), children: [jsxRuntime.jsx("img", { src: imgSrc, className: "size-4 max-w-none rounded-full", alt: "Badge image" }), children] }));
252
49
  };
253
50
  /** `Badge` variant with a trailing icon button, typically to dismiss or remove the tag. */
254
51
  const BadgeWithButton = (props) => {
255
52
  const { size = 'md', color = 'gray', type = 'pill-color', icon: Icon = uiIcons.X, buttonLabel, children, 'data-testid': dataTestId } = props;
256
- const colors = withPillTypes[type];
53
+ const colors = Badge_styles.styles.types.standard[type];
257
54
  const badgeTestId = testIdUtils.useResolvedTestId({ testId: dataTestId, segment: 'badge', rootName: 'badge' });
258
- const pillSizes = {
259
- sm: 'gap-0.5 py-0.5 pl-2 pr-0.75 text-xs font-medium',
260
- md: 'gap-0.5 py-0.5 pl-2.5 pr-1 text-sm font-medium',
261
- lg: 'gap-0.5 py-1 pl-3 pr-1.5 text-sm font-medium',
262
- };
263
- const badgeSizes = {
264
- sm: 'gap-0.5 py-0.5 pl-1.5 pr-0.75 text-xs font-medium',
265
- md: 'gap-0.5 py-0.5 pl-2 pr-1 text-sm font-medium',
266
- lg: 'gap-0.5 py-1 pl-2.5 pr-1.5 text-sm font-medium rounded-lg',
267
- };
268
- const sizes = {
269
- [badge_types.badgeTypes.pillColor]: pillSizes,
270
- [badge_types.badgeTypes.badgeColor]: badgeSizes,
271
- [badge_types.badgeTypes.badgeModern]: badgeSizes,
272
- };
273
- return (jsxRuntime.jsxs("span", { "data-testid": badgeTestId, className: cx.cx(colors.common, sizes[type][size], colors.styles[color].root), children: [children, jsxRuntime.jsx("button", { type: "button", "aria-label": buttonLabel, onClick: props.onButtonClick, "data-testid": testIdUtils.joinTestId(badgeTestId, 'close-button'), className: cx.cx('flex cursor-pointer items-center justify-center p-0.5 outline-focus-ring transition duration-100 ease-linear focus-visible:outline-2', colors.styles[color].addonButton, type === 'pill-color' ? 'rounded-full' : 'rounded-[3px]'), children: jsxRuntime.jsx(Icon, { className: "size-3 stroke-[3px] transition-inherit-all" }) })] }));
55
+ return (jsxRuntime.jsxs("span", { "data-testid": badgeTestId, className: cx.cx(colors.common, Badge_styles.styles.sizes.button[type][size], colors.styles[color].root), children: [children, jsxRuntime.jsx("button", { type: "button", "aria-label": buttonLabel, onClick: props.onButtonClick, "data-testid": testIdUtils.joinTestId(badgeTestId, 'close-button'), className: cx.cx('flex cursor-pointer items-center justify-center p-0.5 outline-focus-ring transition duration-100 ease-linear focus-visible:outline-2', colors.styles[color].addonButton, type === 'pill-color' ? 'rounded-full' : 'rounded-[3px]'), children: jsxRuntime.jsx(Icon, { className: "size-3 stroke-[3px] transition-inherit-all" }) })] }));
274
56
  };
275
57
  /** Icon-only `Badge` with no label text. */
276
58
  const BadgeIcon = (props) => {
277
59
  const { size = 'md', color = 'gray', type = 'pill-color', icon: Icon } = props;
278
- const colors = withPillTypes[type];
279
- const pillSizes = {
280
- sm: 'p-1.25',
281
- md: 'p-1.5',
282
- lg: 'p-2',
283
- };
284
- const badgeSizes = {
285
- sm: 'p-1.25',
286
- md: 'p-1.5',
287
- lg: 'p-2 rounded-lg',
288
- };
289
- const sizes = {
290
- [badge_types.badgeTypes.pillColor]: pillSizes,
291
- [badge_types.badgeTypes.badgeColor]: badgeSizes,
292
- [badge_types.badgeTypes.badgeModern]: badgeSizes,
293
- };
294
- return (jsxRuntime.jsx("span", { className: cx.cx(colors.common, sizes[type][size], colors.styles[color].root), children: jsxRuntime.jsx(Icon, { className: cx.cx('size-3 stroke-[3px]', colors.styles[color].addon) }) }));
60
+ const colors = Badge_styles.styles.types.standard[type];
61
+ return (jsxRuntime.jsx("span", { className: cx.cx(colors.common, Badge_styles.styles.sizes.iconOnly[type][size], colors.styles[color].root), children: jsxRuntime.jsx(Icon, { className: cx.cx('size-3 stroke-[3px]', colors.styles[color].addon) }) }));
295
62
  };
296
63
 
297
64
  exports.Badge = Badge;
@@ -1 +1 @@
1
- {"version":3,"file":"index.cjs","sources":["../../../../src/components/atoms/Badge/index.tsx"],"sourcesContent":[null],"names":["badgeTypes","useResolvedTestId","_jsx","cx","_jsxs","Dot","joinTestId","Flag","CloseX"],"mappings":"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"}
1
+ {"version":3,"file":"index.cjs","sources":["../../../../src/components/atoms/Badge/index.tsx"],"sourcesContent":[null],"names":["styles","useResolvedTestId","_jsx","cx","_jsxs","Dot","joinTestId","Flag","CloseX"],"mappings":"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"}
@@ -1,49 +1,10 @@
1
- import { type DotColor } from '@flipdish/ui-library/components/atoms/Dot';
1
+ import { type CountryCode } from '@flipdish/ui-library/components/atoms/Flag';
2
2
  import type { MouseEventHandler, ReactNode } from 'react';
3
- import type { BadgeColors, BadgeTypes, BadgeTypeToColorMap, FlagTypes, IconComponentType, Sizes } from './badge.types';
3
+ import { styles } from './Badge.styles';
4
+ import type { BadgeTypes, BadgeTypeToColorMap, IconComponentType, Sizes } from './badge.types';
4
5
  export type { BadgeColors } from './badge.types';
5
- type BadgeColorStyles = {
6
- root: string;
7
- addon: string;
8
- dotColor: DotColor;
9
- addonButton: string;
10
- };
11
- declare const withPillTypes: {
12
- "pill-color": {
13
- common: string;
14
- styles: Record<BadgeColors, BadgeColorStyles>;
15
- };
16
- color: {
17
- common: string;
18
- styles: Record<BadgeColors, BadgeColorStyles>;
19
- };
20
- modern: {
21
- common: string;
22
- styles: {
23
- gray: {
24
- root: string;
25
- addon: string;
26
- dotColor: "fg-quaternary";
27
- addonButton: string;
28
- };
29
- };
30
- };
31
- };
32
- declare const withBadgeTypes: {
33
- "pill-color": {
34
- common: string;
35
- styles: Record<BadgeColors, BadgeColorStyles>;
36
- };
37
- color: {
38
- common: string;
39
- styles: Record<BadgeColors, BadgeColorStyles>;
40
- };
41
- modern: {
42
- common: string;
43
- styles: Record<BadgeColors, Omit<BadgeColorStyles, "addonButton">>;
44
- };
45
- };
46
- export type BadgeColor<T extends BadgeTypes> = BadgeTypeToColorMap<typeof withPillTypes>[T];
6
+ type FlagTypes = CountryCode;
7
+ export type BadgeColor<T extends BadgeTypes> = BadgeTypeToColorMap<typeof styles.types.standard>[T];
47
8
  export interface BadgeProps<T extends BadgeTypes> {
48
9
  /** Selects the shape: a fully rounded `pill-color`, a square-cornered `badge-color`, or a neutral `badge-modern`. */
49
10
  type?: T;
@@ -68,7 +29,7 @@ export declare const Badge: <T extends BadgeTypes>(props: BadgeProps<T>) => impo
68
29
  interface BadgeWithDotProps<T extends BadgeTypes> {
69
30
  type?: T;
70
31
  size?: Sizes;
71
- color?: BadgeTypeToColorMap<typeof withBadgeTypes>[T];
32
+ color?: BadgeTypeToColorMap<typeof styles.types.addon>[T];
72
33
  className?: string;
73
34
  children: ReactNode;
74
35
  /** Overrides the `data-testid` (defaults to `fd-badge`); the `Dot` derives `--dot` from it. */
@@ -79,7 +40,7 @@ export declare const BadgeWithDot: <T extends BadgeTypes>(props: BadgeWithDotPro
79
40
  interface BadgeWithIconProps<T extends BadgeTypes> {
80
41
  type?: T;
81
42
  size?: Sizes;
82
- color?: BadgeTypeToColorMap<typeof withBadgeTypes>[T];
43
+ color?: BadgeTypeToColorMap<typeof styles.types.addon>[T];
83
44
  iconLeading?: IconComponentType;
84
45
  iconTrailing?: IconComponentType;
85
46
  children: ReactNode;
@@ -93,7 +54,7 @@ interface BadgeWithFlagProps<T extends BadgeTypes> {
93
54
  type?: T;
94
55
  size?: Sizes;
95
56
  flag?: FlagTypes;
96
- color?: BadgeTypeToColorMap<typeof withPillTypes>[T];
57
+ color?: BadgeTypeToColorMap<typeof styles.types.standard>[T];
97
58
  children: ReactNode;
98
59
  }
99
60
  /** `Badge` variant with a round country flag before the label. */
@@ -102,7 +63,7 @@ interface BadgeWithImageProps<T extends BadgeTypes> {
102
63
  type?: T;
103
64
  size?: Sizes;
104
65
  imgSrc: string;
105
- color?: BadgeTypeToColorMap<typeof withPillTypes>[T];
66
+ color?: BadgeTypeToColorMap<typeof styles.types.standard>[T];
106
67
  children: ReactNode;
107
68
  }
108
69
  /** `Badge` variant with a small round image before the label. */
@@ -111,7 +72,7 @@ interface BadgeWithButtonProps<T extends BadgeTypes> {
111
72
  type?: T;
112
73
  size?: Sizes;
113
74
  icon?: IconComponentType;
114
- color?: BadgeTypeToColorMap<typeof withPillTypes>[T];
75
+ color?: BadgeTypeToColorMap<typeof styles.types.standard>[T];
115
76
  children: ReactNode;
116
77
  /**
117
78
  * The label for the button.
@@ -130,7 +91,7 @@ interface BadgeIconProps<T extends BadgeTypes> {
130
91
  type?: T;
131
92
  size?: Sizes;
132
93
  icon: IconComponentType;
133
- color?: BadgeTypeToColorMap<typeof withPillTypes>[T];
94
+ color?: BadgeTypeToColorMap<typeof styles.types.standard>[T];
134
95
  children?: ReactNode;
135
96
  }
136
97
  /** Icon-only `Badge` with no label text. */
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/atoms/Badge/index.tsx"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/atoms/Badge/index.tsx"],"names":[],"mappings":"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"}