@flipdish/ui-library 0.21.0 → 0.23.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/dist/components/__internal__/statusIcon/statusIcon.types.d.ts +12 -0
- package/dist/components/__internal__/statusIcon/statusIcon.types.d.ts.map +1 -0
- package/dist/components/__internal__/statusIcon/statusIcon.utils.cjs +21 -0
- package/dist/components/__internal__/statusIcon/statusIcon.utils.cjs.map +1 -0
- package/dist/components/__internal__/statusIcon/statusIcon.utils.d.ts +5 -0
- package/dist/components/__internal__/statusIcon/statusIcon.utils.d.ts.map +1 -0
- package/dist/components/__internal__/statusIcon/statusIcon.utils.js +19 -0
- package/dist/components/__internal__/statusIcon/statusIcon.utils.js.map +1 -0
- package/dist/components/atoms/BackgroundPattern/components/grid-check.cjs +14 -7
- package/dist/components/atoms/BackgroundPattern/components/grid-check.cjs.map +1 -1
- package/dist/components/atoms/BackgroundPattern/components/grid-check.d.ts.map +1 -1
- package/dist/components/atoms/BackgroundPattern/components/grid-check.js +14 -7
- package/dist/components/atoms/BackgroundPattern/components/grid-check.js.map +1 -1
- package/dist/components/atoms/BackgroundPattern/index.d.ts.map +1 -1
- package/dist/components/atoms/Badge/index.cjs +16 -3
- package/dist/components/atoms/Badge/index.cjs.map +1 -1
- package/dist/components/atoms/Badge/index.d.ts +13 -24
- package/dist/components/atoms/Badge/index.d.ts.map +1 -1
- package/dist/components/atoms/Badge/index.js +16 -3
- package/dist/components/atoms/Badge/index.js.map +1 -1
- package/dist/components/atoms/Dot/Dot.styles.cjs +51 -0
- package/dist/components/atoms/Dot/Dot.styles.cjs.map +1 -0
- package/dist/components/atoms/Dot/Dot.styles.d.ts +109 -0
- package/dist/components/atoms/Dot/Dot.styles.d.ts.map +1 -0
- package/dist/components/atoms/Dot/Dot.styles.js +49 -0
- package/dist/components/atoms/Dot/Dot.styles.js.map +1 -0
- package/dist/components/atoms/Dot/index.cjs +5 -14
- package/dist/components/atoms/Dot/index.cjs.map +1 -1
- package/dist/components/atoms/Dot/index.d.ts +11 -3
- package/dist/components/atoms/Dot/index.d.ts.map +1 -1
- package/dist/components/atoms/Dot/index.js +5 -14
- package/dist/components/atoms/Dot/index.js.map +1 -1
- package/dist/components/molecules/Alert/index.cjs +3 -11
- package/dist/components/molecules/Alert/index.cjs.map +1 -1
- package/dist/components/molecules/Alert/index.d.ts +3 -2
- package/dist/components/molecules/Alert/index.d.ts.map +1 -1
- package/dist/components/molecules/Alert/index.js +3 -11
- package/dist/components/molecules/Alert/index.js.map +1 -1
- package/dist/components/molecules/Carousel/index.cjs +1 -1
- package/dist/components/molecules/Carousel/index.cjs.map +1 -1
- package/dist/components/molecules/Carousel/index.js +1 -1
- package/dist/components/molecules/Carousel/index.js.map +1 -1
- package/dist/components/molecules/Notification/index.cjs +3 -10
- package/dist/components/molecules/Notification/index.cjs.map +1 -1
- package/dist/components/molecules/Notification/index.d.ts +2 -1
- package/dist/components/molecules/Notification/index.d.ts.map +1 -1
- package/dist/components/molecules/Notification/index.js +3 -10
- package/dist/components/molecules/Notification/index.js.map +1 -1
- package/dist/components/molecules/Pagination/index.cjs +4 -4
- package/dist/components/molecules/Pagination/index.cjs.map +1 -1
- package/dist/components/molecules/Pagination/index.js +5 -5
- package/dist/components/molecules/Pagination/index.js.map +1 -1
- package/dist/components/molecules/Tags/index.cjs +1 -1
- package/dist/components/molecules/Tags/index.cjs.map +1 -1
- package/dist/components/molecules/Tags/index.js +1 -1
- package/dist/components/molecules/Tags/index.js.map +1 -1
- package/dist/components/organisms/ActivityFeed/index.cjs +1 -1
- package/dist/components/organisms/ActivityFeed/index.cjs.map +1 -1
- package/dist/components/organisms/ActivityFeed/index.js +1 -1
- package/dist/components/organisms/ActivityFeed/index.js.map +1 -1
- package/dist/components/organisms/Calendar/calendar.utils.cjs +41 -0
- package/dist/components/organisms/Calendar/calendar.utils.cjs.map +1 -1
- package/dist/components/organisms/Calendar/calendar.utils.d.ts +20 -0
- package/dist/components/organisms/Calendar/calendar.utils.d.ts.map +1 -1
- package/dist/components/organisms/Calendar/calendar.utils.js +37 -1
- package/dist/components/organisms/Calendar/calendar.utils.js.map +1 -1
- package/dist/components/organisms/Calendar/components/calendar-day-view.cjs +86 -0
- package/dist/components/organisms/Calendar/components/calendar-day-view.cjs.map +1 -0
- package/dist/components/organisms/Calendar/components/calendar-day-view.d.ts +20 -0
- package/dist/components/organisms/Calendar/components/calendar-day-view.d.ts.map +1 -0
- package/dist/components/organisms/Calendar/components/calendar-day-view.js +84 -0
- package/dist/components/organisms/Calendar/components/calendar-day-view.js.map +1 -0
- package/dist/components/organisms/Calendar/components/calendar-mobile-day-grid.cjs +21 -0
- package/dist/components/organisms/Calendar/components/calendar-mobile-day-grid.cjs.map +1 -0
- package/dist/components/organisms/Calendar/components/calendar-mobile-day-grid.d.ts +16 -0
- package/dist/components/organisms/Calendar/components/calendar-mobile-day-grid.d.ts.map +1 -0
- package/dist/components/organisms/Calendar/components/calendar-mobile-day-grid.js +19 -0
- package/dist/components/organisms/Calendar/components/calendar-mobile-day-grid.js.map +1 -0
- package/dist/components/organisms/Calendar/components/calendar-month-view.cjs +265 -0
- package/dist/components/organisms/Calendar/components/calendar-month-view.cjs.map +1 -0
- package/dist/components/organisms/Calendar/components/calendar-month-view.d.ts +18 -0
- package/dist/components/organisms/Calendar/components/calendar-month-view.d.ts.map +1 -0
- package/dist/components/organisms/Calendar/components/calendar-month-view.js +263 -0
- package/dist/components/organisms/Calendar/components/calendar-month-view.js.map +1 -0
- package/dist/components/organisms/Calendar/components/calendar-positioned-event.cjs +41 -0
- package/dist/components/organisms/Calendar/components/calendar-positioned-event.cjs.map +1 -0
- package/dist/components/organisms/Calendar/components/calendar-positioned-event.d.ts +15 -0
- package/dist/components/organisms/Calendar/components/calendar-positioned-event.d.ts.map +1 -0
- package/dist/components/organisms/Calendar/components/calendar-positioned-event.js +39 -0
- package/dist/components/organisms/Calendar/components/calendar-positioned-event.js.map +1 -0
- package/dist/components/organisms/Calendar/components/calendar-week-view-day.cjs +23 -0
- package/dist/components/organisms/Calendar/components/calendar-week-view-day.cjs.map +1 -0
- package/dist/components/organisms/Calendar/components/calendar-week-view-day.d.ts +15 -0
- package/dist/components/organisms/Calendar/components/calendar-week-view-day.d.ts.map +1 -0
- package/dist/components/organisms/Calendar/components/calendar-week-view-day.js +21 -0
- package/dist/components/organisms/Calendar/components/calendar-week-view-day.js.map +1 -0
- package/dist/components/organisms/Calendar/components/calendar-week-view.cjs +77 -0
- package/dist/components/organisms/Calendar/components/calendar-week-view.cjs.map +1 -0
- package/dist/components/organisms/Calendar/components/calendar-week-view.d.ts +20 -0
- package/dist/components/organisms/Calendar/components/calendar-week-view.d.ts.map +1 -0
- package/dist/components/organisms/Calendar/components/calendar-week-view.js +75 -0
- package/dist/components/organisms/Calendar/components/calendar-week-view.js.map +1 -0
- package/dist/components/organisms/Calendar/index.cjs +4 -504
- package/dist/components/organisms/Calendar/index.cjs.map +1 -1
- package/dist/components/organisms/Calendar/index.d.ts +1 -1
- package/dist/components/organisms/Calendar/index.d.ts.map +1 -1
- package/dist/components/organisms/Calendar/index.js +6 -506
- package/dist/components/organisms/Calendar/index.js.map +1 -1
- package/dist/components/organisms/Charts/components/activity-gauge.cjs +4 -0
- package/dist/components/organisms/Charts/components/activity-gauge.cjs.map +1 -1
- package/dist/components/organisms/Charts/components/activity-gauge.d.ts +4 -0
- package/dist/components/organisms/Charts/components/activity-gauge.d.ts.map +1 -1
- package/dist/components/organisms/Charts/components/activity-gauge.js +4 -0
- package/dist/components/organisms/Charts/components/activity-gauge.js.map +1 -1
- package/dist/components/organisms/Charts/components/bar-chart.cjs +1 -1
- package/dist/components/organisms/Charts/components/bar-chart.cjs.map +1 -1
- package/dist/components/organisms/Charts/components/bar-chart.d.ts +1 -2
- package/dist/components/organisms/Charts/components/bar-chart.d.ts.map +1 -1
- package/dist/components/organisms/Charts/components/bar-chart.js +2 -2
- package/dist/components/organisms/Charts/components/bar-chart.js.map +1 -1
- package/dist/components/organisms/Charts/components/charts-base.cjs +1 -2
- package/dist/components/organisms/Charts/components/charts-base.cjs.map +1 -1
- package/dist/components/organisms/Charts/components/charts-base.d.ts +13 -2
- package/dist/components/organisms/Charts/components/charts-base.d.ts.map +1 -1
- package/dist/components/organisms/Charts/components/charts-base.js +1 -2
- package/dist/components/organisms/Charts/components/charts-base.js.map +1 -1
- package/dist/components/organisms/Charts/components/line-chart.cjs +1 -1
- package/dist/components/organisms/Charts/components/line-chart.cjs.map +1 -1
- package/dist/components/organisms/Charts/components/line-chart.d.ts +1 -2
- package/dist/components/organisms/Charts/components/line-chart.d.ts.map +1 -1
- package/dist/components/organisms/Charts/components/line-chart.js +2 -2
- package/dist/components/organisms/Charts/components/line-chart.js.map +1 -1
- package/dist/components/organisms/Charts/components/pie-chart.cjs +5 -0
- package/dist/components/organisms/Charts/components/pie-chart.cjs.map +1 -1
- package/dist/components/organisms/Charts/components/pie-chart.d.ts +6 -2
- package/dist/components/organisms/Charts/components/pie-chart.d.ts.map +1 -1
- package/dist/components/organisms/Charts/components/pie-chart.js +5 -0
- package/dist/components/organisms/Charts/components/pie-chart.js.map +1 -1
- package/dist/components/organisms/Charts/components/radar-chart.cjs +3 -4
- package/dist/components/organisms/Charts/components/radar-chart.cjs.map +1 -1
- package/dist/components/organisms/Charts/components/radar-chart.d.ts.map +1 -1
- package/dist/components/organisms/Charts/components/radar-chart.js +3 -4
- package/dist/components/organisms/Charts/components/radar-chart.js.map +1 -1
- package/dist/components/organisms/DatePicker/components/range-calendar.cjs +1 -1
- package/dist/components/organisms/DatePicker/components/range-calendar.cjs.map +1 -1
- package/dist/components/organisms/DatePicker/components/range-calendar.js +2 -2
- package/dist/components/organisms/DatePicker/components/range-calendar.js.map +1 -1
- package/dist/components/organisms/GradientPicker/components/gradient-area.cjs +157 -0
- package/dist/components/organisms/GradientPicker/components/gradient-area.cjs.map +1 -0
- package/dist/components/organisms/GradientPicker/components/gradient-area.d.ts +17 -0
- package/dist/components/organisms/GradientPicker/components/gradient-area.d.ts.map +1 -0
- package/dist/components/organisms/GradientPicker/components/gradient-area.js +155 -0
- package/dist/components/organisms/GradientPicker/components/gradient-area.js.map +1 -0
- package/dist/components/organisms/GradientPicker/components/gradient-reverse-button.cjs +17 -0
- package/dist/components/organisms/GradientPicker/components/gradient-reverse-button.cjs.map +1 -0
- package/dist/components/organisms/GradientPicker/components/gradient-reverse-button.d.ts +3 -0
- package/dist/components/organisms/GradientPicker/components/gradient-reverse-button.d.ts.map +1 -0
- package/dist/components/organisms/GradientPicker/components/gradient-reverse-button.js +15 -0
- package/dist/components/organisms/GradientPicker/components/gradient-reverse-button.js.map +1 -0
- package/dist/components/organisms/GradientPicker/components/gradient-slider.cjs +71 -0
- package/dist/components/organisms/GradientPicker/components/gradient-slider.cjs.map +1 -0
- package/dist/components/organisms/GradientPicker/components/gradient-slider.d.ts +7 -0
- package/dist/components/organisms/GradientPicker/components/gradient-slider.d.ts.map +1 -0
- package/dist/components/organisms/GradientPicker/components/gradient-slider.js +69 -0
- package/dist/components/organisms/GradientPicker/components/gradient-slider.js.map +1 -0
- package/dist/components/organisms/GradientPicker/components/gradient-stop-list.cjs +18 -0
- package/dist/components/organisms/GradientPicker/components/gradient-stop-list.cjs.map +1 -0
- package/dist/components/organisms/GradientPicker/components/gradient-stop-list.d.ts +4 -0
- package/dist/components/organisms/GradientPicker/components/gradient-stop-list.d.ts.map +1 -0
- package/dist/components/organisms/GradientPicker/components/gradient-stop-list.js +16 -0
- package/dist/components/organisms/GradientPicker/components/gradient-stop-list.js.map +1 -0
- package/dist/components/organisms/GradientPicker/components/gradient-stop-row.cjs +49 -0
- package/dist/components/organisms/GradientPicker/components/gradient-stop-row.cjs.map +1 -0
- package/dist/components/organisms/GradientPicker/components/gradient-stop-row.d.ts +6 -0
- package/dist/components/organisms/GradientPicker/components/gradient-stop-row.d.ts.map +1 -0
- package/dist/components/organisms/GradientPicker/components/gradient-stop-row.js +47 -0
- package/dist/components/organisms/GradientPicker/components/gradient-stop-row.js.map +1 -0
- package/dist/components/organisms/GradientPicker/components/gradient-type-select.cjs +28 -0
- package/dist/components/organisms/GradientPicker/components/gradient-type-select.cjs.map +1 -0
- package/dist/components/organisms/GradientPicker/components/gradient-type-select.d.ts +3 -0
- package/dist/components/organisms/GradientPicker/components/gradient-type-select.d.ts.map +1 -0
- package/dist/components/organisms/GradientPicker/components/gradient-type-select.js +26 -0
- package/dist/components/organisms/GradientPicker/components/gradient-type-select.js.map +1 -0
- package/dist/components/organisms/GradientPicker/components/position-input.cjs +43 -0
- package/dist/components/organisms/GradientPicker/components/position-input.cjs.map +1 -0
- package/dist/components/organisms/GradientPicker/components/position-input.d.ts +6 -0
- package/dist/components/organisms/GradientPicker/components/position-input.d.ts.map +1 -0
- package/dist/components/organisms/GradientPicker/components/position-input.js +41 -0
- package/dist/components/organisms/GradientPicker/components/position-input.js.map +1 -0
- package/dist/components/organisms/GradientPicker/index.cjs +11 -327
- package/dist/components/organisms/GradientPicker/index.cjs.map +1 -1
- package/dist/components/organisms/GradientPicker/index.d.ts +7 -8
- package/dist/components/organisms/GradientPicker/index.d.ts.map +1 -1
- package/dist/components/organisms/GradientPicker/index.js +7 -323
- package/dist/components/organisms/GradientPicker/index.js.map +1 -1
- package/dist/components/organisms/HeaderNavigation/components/nav-account-card.cjs +1 -1
- package/dist/components/organisms/HeaderNavigation/components/nav-account-card.cjs.map +1 -1
- package/dist/components/organisms/HeaderNavigation/components/nav-account-card.js +2 -2
- package/dist/components/organisms/HeaderNavigation/components/nav-account-card.js.map +1 -1
- package/dist/components/organisms/HeaderNavigation/components/nav-button.cjs +1 -1
- package/dist/components/organisms/HeaderNavigation/components/nav-button.cjs.map +1 -1
- package/dist/components/organisms/HeaderNavigation/components/nav-button.d.ts.map +1 -1
- package/dist/components/organisms/HeaderNavigation/components/nav-button.js +1 -1
- package/dist/components/organisms/HeaderNavigation/components/nav-button.js.map +1 -1
- package/dist/components/organisms/SidebarNavigation/components/nav-account-card.cjs +1 -1
- package/dist/components/organisms/SidebarNavigation/components/nav-account-card.cjs.map +1 -1
- package/dist/components/organisms/SidebarNavigation/components/nav-account-card.js +2 -2
- package/dist/components/organisms/SidebarNavigation/components/nav-account-card.js.map +1 -1
- package/dist/components/organisms/SidebarNavigation/index.cjs +1 -1
- package/dist/components/organisms/SidebarNavigation/index.cjs.map +1 -1
- package/dist/components/organisms/SidebarNavigation/index.js +2 -2
- package/dist/components/organisms/SidebarNavigation/index.js.map +1 -1
- package/dist/components/organisms/VideoPlayer/hooks/useVideoPlayback.cjs +169 -0
- package/dist/components/organisms/VideoPlayer/hooks/useVideoPlayback.cjs.map +1 -0
- package/dist/components/organisms/VideoPlayer/hooks/useVideoPlayback.d.ts +34 -0
- package/dist/components/organisms/VideoPlayer/hooks/useVideoPlayback.d.ts.map +1 -0
- package/dist/components/organisms/VideoPlayer/hooks/useVideoPlayback.js +167 -0
- package/dist/components/organisms/VideoPlayer/hooks/useVideoPlayback.js.map +1 -0
- package/dist/components/organisms/VideoPlayer/hooks/useVideoVolume.cjs +75 -0
- package/dist/components/organisms/VideoPlayer/hooks/useVideoVolume.cjs.map +1 -0
- package/dist/components/organisms/VideoPlayer/hooks/useVideoVolume.d.ts +16 -0
- package/dist/components/organisms/VideoPlayer/hooks/useVideoVolume.d.ts.map +1 -0
- package/dist/components/organisms/VideoPlayer/hooks/useVideoVolume.js +73 -0
- package/dist/components/organisms/VideoPlayer/hooks/useVideoVolume.js.map +1 -0
- package/dist/components/organisms/VideoPlayer/index.cjs +9 -182
- package/dist/components/organisms/VideoPlayer/index.cjs.map +1 -1
- package/dist/components/organisms/VideoPlayer/index.d.ts.map +1 -1
- package/dist/components/organisms/VideoPlayer/index.js +10 -183
- package/dist/components/organisms/VideoPlayer/index.js.map +1 -1
- package/dist/hooks/useBreakpoints/index.cjs +4 -1
- package/dist/hooks/useBreakpoints/index.cjs.map +1 -1
- package/dist/hooks/useBreakpoints/index.d.ts +2 -0
- package/dist/hooks/useBreakpoints/index.d.ts.map +1 -1
- package/dist/hooks/useBreakpoints/index.js +4 -2
- package/dist/hooks/useBreakpoints/index.js.map +1 -1
- package/dist/native/components/atoms/Dot/Dot.styles.d.ts +109 -0
- package/dist/native/components/atoms/Dot/Dot.styles.d.ts.map +1 -0
- package/dist/native/components/atoms/Dot/Dot.styles.js +49 -0
- package/dist/native/components/atoms/Dot/Dot.styles.js.map +1 -0
- package/dist/native/components/atoms/Dot/index.d.ts +24 -8
- package/dist/native/components/atoms/Dot/index.d.ts.map +1 -0
- package/dist/native/components/atoms/Dot/index.js +25 -0
- package/dist/native/components/atoms/Dot/index.js.map +1 -0
- package/package.json +1 -1
|
@@ -0,0 +1,51 @@
|
|
|
1
|
+
'use strict';
|
|
2
|
+
|
|
3
|
+
/**
|
|
4
|
+
* Shared `Dot` style config, read by both `index.tsx` and `index.native.tsx`.
|
|
5
|
+
*
|
|
6
|
+
* `sizes` holds the circle geometry in pixels — `wh` is the bounding box, `c` the SVG centre
|
|
7
|
+
* (web only), `r` the radius. Numbers rather than Tailwind classes because the native
|
|
8
|
+
* implementation needs them as `style` values: React Native has no SVG host element, so it
|
|
9
|
+
* draws the circle as a `View` with a half-width `borderRadius`.
|
|
10
|
+
*
|
|
11
|
+
* `colors` maps each semantic name to the utility its platform needs. Web fills an SVG via
|
|
12
|
+
* `currentColor`, so it takes a `text-*` utility; React Native fills a `View`, which ignores
|
|
13
|
+
* `color` entirely and needs `bg-*`. Both strings are listed per colour rather than derived by
|
|
14
|
+
* swapping the prefix: utilities are generated from property-specific token namespaces (see the
|
|
15
|
+
* header comment in `ui-tokens/src/tokens.css`), so a name present in one is not guaranteed in
|
|
16
|
+
* another. `brand-solid` is exactly that case — `bg-brand-solid` exists but `text-brand-solid`
|
|
17
|
+
* generates no utility at all, so web pairs it with `text-fg-brand-primary`. Both resolve to
|
|
18
|
+
* `--color-brand-600` in light mode; in dark mode `fg-brand-primary` is brand-500 against
|
|
19
|
+
* `bg-brand-solid`'s brand-600, a divergence to revisit if dark mode ships.
|
|
20
|
+
*
|
|
21
|
+
* Complete literal class names, never template literals — Tailwind scans source for whole
|
|
22
|
+
* candidates and will not generate a class assembled at runtime.
|
|
23
|
+
*/
|
|
24
|
+
const styles = {
|
|
25
|
+
sizes: {
|
|
26
|
+
sm: { wh: 8, c: 4, r: 2.5 },
|
|
27
|
+
md: { wh: 10, c: 5, r: 4 },
|
|
28
|
+
},
|
|
29
|
+
colors: {
|
|
30
|
+
'brand-solid': { web: 'text-fg-brand-primary', native: 'bg-brand-solid' },
|
|
31
|
+
'fg-primary': { web: 'text-fg-primary', native: 'bg-fg-primary' },
|
|
32
|
+
'fg-quaternary': { web: 'text-fg-quaternary', native: 'bg-fg-quaternary' },
|
|
33
|
+
'fg-success-secondary': { web: 'text-fg-success-secondary', native: 'bg-fg-success-secondary' },
|
|
34
|
+
'border-primary': { web: 'text-border-primary', native: 'bg-border-primary' },
|
|
35
|
+
'utility-neutral-500': { web: 'text-utility-neutral-500', native: 'bg-utility-neutral-500' },
|
|
36
|
+
'utility-brand-500': { web: 'text-utility-brand-500', native: 'bg-utility-brand-500' },
|
|
37
|
+
'utility-red-500': { web: 'text-utility-red-500', native: 'bg-utility-red-500' },
|
|
38
|
+
'utility-yellow-500': { web: 'text-utility-yellow-500', native: 'bg-utility-yellow-500' },
|
|
39
|
+
'utility-green-500': { web: 'text-utility-green-500', native: 'bg-utility-green-500' },
|
|
40
|
+
'utility-slate-500': { web: 'text-utility-slate-500', native: 'bg-utility-slate-500' },
|
|
41
|
+
'utility-sky-500': { web: 'text-utility-sky-500', native: 'bg-utility-sky-500' },
|
|
42
|
+
'utility-blue-500': { web: 'text-utility-blue-500', native: 'bg-utility-blue-500' },
|
|
43
|
+
'utility-indigo-500': { web: 'text-utility-indigo-500', native: 'bg-utility-indigo-500' },
|
|
44
|
+
'utility-purple-500': { web: 'text-utility-purple-500', native: 'bg-utility-purple-500' },
|
|
45
|
+
'utility-pink-500': { web: 'text-utility-pink-500', native: 'bg-utility-pink-500' },
|
|
46
|
+
'utility-orange-500': { web: 'text-utility-orange-500', native: 'bg-utility-orange-500' },
|
|
47
|
+
},
|
|
48
|
+
};
|
|
49
|
+
|
|
50
|
+
exports.styles = styles;
|
|
51
|
+
//# sourceMappingURL=Dot.styles.cjs.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Dot.styles.cjs","sources":["../../../../src/components/atoms/Dot/Dot.styles.ts"],"sourcesContent":[null],"names":[],"mappings":";;AAAA;;;;;;;;;;;;;;;;;;;;AAoBG;AACI,MAAM,MAAM,GAAG;AACpB,IAAA,KAAK,EAAE;AACL,QAAA,EAAE,EAAE,EAAE,EAAE,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,GAAG,EAAE;AAC3B,QAAA,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE;AAC3B,KAAA;AACD,IAAA,MAAM,EAAE;QACN,aAAa,EAAE,EAAE,GAAG,EAAE,uBAAuB,EAAE,MAAM,EAAE,gBAAgB,EAAE;QACzE,YAAY,EAAE,EAAE,GAAG,EAAE,iBAAiB,EAAE,MAAM,EAAE,eAAe,EAAE;QACjE,eAAe,EAAE,EAAE,GAAG,EAAE,oBAAoB,EAAE,MAAM,EAAE,kBAAkB,EAAE;QAC1E,sBAAsB,EAAE,EAAE,GAAG,EAAE,2BAA2B,EAAE,MAAM,EAAE,yBAAyB,EAAE;QAC/F,gBAAgB,EAAE,EAAE,GAAG,EAAE,qBAAqB,EAAE,MAAM,EAAE,mBAAmB,EAAE;QAC7E,qBAAqB,EAAE,EAAE,GAAG,EAAE,0BAA0B,EAAE,MAAM,EAAE,wBAAwB,EAAE;QAC5F,mBAAmB,EAAE,EAAE,GAAG,EAAE,wBAAwB,EAAE,MAAM,EAAE,sBAAsB,EAAE;QACtF,iBAAiB,EAAE,EAAE,GAAG,EAAE,sBAAsB,EAAE,MAAM,EAAE,oBAAoB,EAAE;QAChF,oBAAoB,EAAE,EAAE,GAAG,EAAE,yBAAyB,EAAE,MAAM,EAAE,uBAAuB,EAAE;QACzF,mBAAmB,EAAE,EAAE,GAAG,EAAE,wBAAwB,EAAE,MAAM,EAAE,sBAAsB,EAAE;QACtF,mBAAmB,EAAE,EAAE,GAAG,EAAE,wBAAwB,EAAE,MAAM,EAAE,sBAAsB,EAAE;QACtF,iBAAiB,EAAE,EAAE,GAAG,EAAE,sBAAsB,EAAE,MAAM,EAAE,oBAAoB,EAAE;QAChF,kBAAkB,EAAE,EAAE,GAAG,EAAE,uBAAuB,EAAE,MAAM,EAAE,qBAAqB,EAAE;QACnF,oBAAoB,EAAE,EAAE,GAAG,EAAE,yBAAyB,EAAE,MAAM,EAAE,uBAAuB,EAAE;QACzF,oBAAoB,EAAE,EAAE,GAAG,EAAE,yBAAyB,EAAE,MAAM,EAAE,uBAAuB,EAAE;QACzF,kBAAkB,EAAE,EAAE,GAAG,EAAE,uBAAuB,EAAE,MAAM,EAAE,qBAAqB,EAAE;QACnF,oBAAoB,EAAE,EAAE,GAAG,EAAE,yBAAyB,EAAE,MAAM,EAAE,uBAAuB,EAAE;AAC1F,KAAA;;;;;"}
|
|
@@ -0,0 +1,109 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* Shared `Dot` style config, read by both `index.tsx` and `index.native.tsx`.
|
|
3
|
+
*
|
|
4
|
+
* `sizes` holds the circle geometry in pixels — `wh` is the bounding box, `c` the SVG centre
|
|
5
|
+
* (web only), `r` the radius. Numbers rather than Tailwind classes because the native
|
|
6
|
+
* implementation needs them as `style` values: React Native has no SVG host element, so it
|
|
7
|
+
* draws the circle as a `View` with a half-width `borderRadius`.
|
|
8
|
+
*
|
|
9
|
+
* `colors` maps each semantic name to the utility its platform needs. Web fills an SVG via
|
|
10
|
+
* `currentColor`, so it takes a `text-*` utility; React Native fills a `View`, which ignores
|
|
11
|
+
* `color` entirely and needs `bg-*`. Both strings are listed per colour rather than derived by
|
|
12
|
+
* swapping the prefix: utilities are generated from property-specific token namespaces (see the
|
|
13
|
+
* header comment in `ui-tokens/src/tokens.css`), so a name present in one is not guaranteed in
|
|
14
|
+
* another. `brand-solid` is exactly that case — `bg-brand-solid` exists but `text-brand-solid`
|
|
15
|
+
* generates no utility at all, so web pairs it with `text-fg-brand-primary`. Both resolve to
|
|
16
|
+
* `--color-brand-600` in light mode; in dark mode `fg-brand-primary` is brand-500 against
|
|
17
|
+
* `bg-brand-solid`'s brand-600, a divergence to revisit if dark mode ships.
|
|
18
|
+
*
|
|
19
|
+
* Complete literal class names, never template literals — Tailwind scans source for whole
|
|
20
|
+
* candidates and will not generate a class assembled at runtime.
|
|
21
|
+
*/
|
|
22
|
+
export declare const styles: {
|
|
23
|
+
sizes: {
|
|
24
|
+
sm: {
|
|
25
|
+
wh: number;
|
|
26
|
+
c: number;
|
|
27
|
+
r: number;
|
|
28
|
+
};
|
|
29
|
+
md: {
|
|
30
|
+
wh: number;
|
|
31
|
+
c: number;
|
|
32
|
+
r: number;
|
|
33
|
+
};
|
|
34
|
+
};
|
|
35
|
+
colors: {
|
|
36
|
+
'brand-solid': {
|
|
37
|
+
web: string;
|
|
38
|
+
native: string;
|
|
39
|
+
};
|
|
40
|
+
'fg-primary': {
|
|
41
|
+
web: string;
|
|
42
|
+
native: string;
|
|
43
|
+
};
|
|
44
|
+
'fg-quaternary': {
|
|
45
|
+
web: string;
|
|
46
|
+
native: string;
|
|
47
|
+
};
|
|
48
|
+
'fg-success-secondary': {
|
|
49
|
+
web: string;
|
|
50
|
+
native: string;
|
|
51
|
+
};
|
|
52
|
+
'border-primary': {
|
|
53
|
+
web: string;
|
|
54
|
+
native: string;
|
|
55
|
+
};
|
|
56
|
+
'utility-neutral-500': {
|
|
57
|
+
web: string;
|
|
58
|
+
native: string;
|
|
59
|
+
};
|
|
60
|
+
'utility-brand-500': {
|
|
61
|
+
web: string;
|
|
62
|
+
native: string;
|
|
63
|
+
};
|
|
64
|
+
'utility-red-500': {
|
|
65
|
+
web: string;
|
|
66
|
+
native: string;
|
|
67
|
+
};
|
|
68
|
+
'utility-yellow-500': {
|
|
69
|
+
web: string;
|
|
70
|
+
native: string;
|
|
71
|
+
};
|
|
72
|
+
'utility-green-500': {
|
|
73
|
+
web: string;
|
|
74
|
+
native: string;
|
|
75
|
+
};
|
|
76
|
+
'utility-slate-500': {
|
|
77
|
+
web: string;
|
|
78
|
+
native: string;
|
|
79
|
+
};
|
|
80
|
+
'utility-sky-500': {
|
|
81
|
+
web: string;
|
|
82
|
+
native: string;
|
|
83
|
+
};
|
|
84
|
+
'utility-blue-500': {
|
|
85
|
+
web: string;
|
|
86
|
+
native: string;
|
|
87
|
+
};
|
|
88
|
+
'utility-indigo-500': {
|
|
89
|
+
web: string;
|
|
90
|
+
native: string;
|
|
91
|
+
};
|
|
92
|
+
'utility-purple-500': {
|
|
93
|
+
web: string;
|
|
94
|
+
native: string;
|
|
95
|
+
};
|
|
96
|
+
'utility-pink-500': {
|
|
97
|
+
web: string;
|
|
98
|
+
native: string;
|
|
99
|
+
};
|
|
100
|
+
'utility-orange-500': {
|
|
101
|
+
web: string;
|
|
102
|
+
native: string;
|
|
103
|
+
};
|
|
104
|
+
};
|
|
105
|
+
};
|
|
106
|
+
export type DotSize = keyof typeof styles.sizes;
|
|
107
|
+
export type DotColor = keyof typeof styles.colors;
|
|
108
|
+
export declare const dotColorNames: DotColor[];
|
|
109
|
+
//# sourceMappingURL=Dot.styles.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Dot.styles.d.ts","sourceRoot":"","sources":["../../../../src/components/atoms/Dot/Dot.styles.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;GAoBG;AACH,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAwBlB,CAAC;AAEF,MAAM,MAAM,OAAO,GAAG,MAAM,OAAO,MAAM,CAAC,KAAK,CAAC;AAChD,MAAM,MAAM,QAAQ,GAAG,MAAM,OAAO,MAAM,CAAC,MAAM,CAAC;AAElD,eAAO,MAAM,aAAa,EAAiC,QAAQ,EAAE,CAAC"}
|
|
@@ -0,0 +1,49 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* Shared `Dot` style config, read by both `index.tsx` and `index.native.tsx`.
|
|
3
|
+
*
|
|
4
|
+
* `sizes` holds the circle geometry in pixels — `wh` is the bounding box, `c` the SVG centre
|
|
5
|
+
* (web only), `r` the radius. Numbers rather than Tailwind classes because the native
|
|
6
|
+
* implementation needs them as `style` values: React Native has no SVG host element, so it
|
|
7
|
+
* draws the circle as a `View` with a half-width `borderRadius`.
|
|
8
|
+
*
|
|
9
|
+
* `colors` maps each semantic name to the utility its platform needs. Web fills an SVG via
|
|
10
|
+
* `currentColor`, so it takes a `text-*` utility; React Native fills a `View`, which ignores
|
|
11
|
+
* `color` entirely and needs `bg-*`. Both strings are listed per colour rather than derived by
|
|
12
|
+
* swapping the prefix: utilities are generated from property-specific token namespaces (see the
|
|
13
|
+
* header comment in `ui-tokens/src/tokens.css`), so a name present in one is not guaranteed in
|
|
14
|
+
* another. `brand-solid` is exactly that case — `bg-brand-solid` exists but `text-brand-solid`
|
|
15
|
+
* generates no utility at all, so web pairs it with `text-fg-brand-primary`. Both resolve to
|
|
16
|
+
* `--color-brand-600` in light mode; in dark mode `fg-brand-primary` is brand-500 against
|
|
17
|
+
* `bg-brand-solid`'s brand-600, a divergence to revisit if dark mode ships.
|
|
18
|
+
*
|
|
19
|
+
* Complete literal class names, never template literals — Tailwind scans source for whole
|
|
20
|
+
* candidates and will not generate a class assembled at runtime.
|
|
21
|
+
*/
|
|
22
|
+
const styles = {
|
|
23
|
+
sizes: {
|
|
24
|
+
sm: { wh: 8, c: 4, r: 2.5 },
|
|
25
|
+
md: { wh: 10, c: 5, r: 4 },
|
|
26
|
+
},
|
|
27
|
+
colors: {
|
|
28
|
+
'brand-solid': { web: 'text-fg-brand-primary', native: 'bg-brand-solid' },
|
|
29
|
+
'fg-primary': { web: 'text-fg-primary', native: 'bg-fg-primary' },
|
|
30
|
+
'fg-quaternary': { web: 'text-fg-quaternary', native: 'bg-fg-quaternary' },
|
|
31
|
+
'fg-success-secondary': { web: 'text-fg-success-secondary', native: 'bg-fg-success-secondary' },
|
|
32
|
+
'border-primary': { web: 'text-border-primary', native: 'bg-border-primary' },
|
|
33
|
+
'utility-neutral-500': { web: 'text-utility-neutral-500', native: 'bg-utility-neutral-500' },
|
|
34
|
+
'utility-brand-500': { web: 'text-utility-brand-500', native: 'bg-utility-brand-500' },
|
|
35
|
+
'utility-red-500': { web: 'text-utility-red-500', native: 'bg-utility-red-500' },
|
|
36
|
+
'utility-yellow-500': { web: 'text-utility-yellow-500', native: 'bg-utility-yellow-500' },
|
|
37
|
+
'utility-green-500': { web: 'text-utility-green-500', native: 'bg-utility-green-500' },
|
|
38
|
+
'utility-slate-500': { web: 'text-utility-slate-500', native: 'bg-utility-slate-500' },
|
|
39
|
+
'utility-sky-500': { web: 'text-utility-sky-500', native: 'bg-utility-sky-500' },
|
|
40
|
+
'utility-blue-500': { web: 'text-utility-blue-500', native: 'bg-utility-blue-500' },
|
|
41
|
+
'utility-indigo-500': { web: 'text-utility-indigo-500', native: 'bg-utility-indigo-500' },
|
|
42
|
+
'utility-purple-500': { web: 'text-utility-purple-500', native: 'bg-utility-purple-500' },
|
|
43
|
+
'utility-pink-500': { web: 'text-utility-pink-500', native: 'bg-utility-pink-500' },
|
|
44
|
+
'utility-orange-500': { web: 'text-utility-orange-500', native: 'bg-utility-orange-500' },
|
|
45
|
+
},
|
|
46
|
+
};
|
|
47
|
+
|
|
48
|
+
export { styles };
|
|
49
|
+
//# sourceMappingURL=Dot.styles.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Dot.styles.js","sources":["../../../../src/components/atoms/Dot/Dot.styles.ts"],"sourcesContent":[null],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;AAoBG;AACI,MAAM,MAAM,GAAG;AACpB,IAAA,KAAK,EAAE;AACL,QAAA,EAAE,EAAE,EAAE,EAAE,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,GAAG,EAAE;AAC3B,QAAA,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE;AAC3B,KAAA;AACD,IAAA,MAAM,EAAE;QACN,aAAa,EAAE,EAAE,GAAG,EAAE,uBAAuB,EAAE,MAAM,EAAE,gBAAgB,EAAE;QACzE,YAAY,EAAE,EAAE,GAAG,EAAE,iBAAiB,EAAE,MAAM,EAAE,eAAe,EAAE;QACjE,eAAe,EAAE,EAAE,GAAG,EAAE,oBAAoB,EAAE,MAAM,EAAE,kBAAkB,EAAE;QAC1E,sBAAsB,EAAE,EAAE,GAAG,EAAE,2BAA2B,EAAE,MAAM,EAAE,yBAAyB,EAAE;QAC/F,gBAAgB,EAAE,EAAE,GAAG,EAAE,qBAAqB,EAAE,MAAM,EAAE,mBAAmB,EAAE;QAC7E,qBAAqB,EAAE,EAAE,GAAG,EAAE,0BAA0B,EAAE,MAAM,EAAE,wBAAwB,EAAE;QAC5F,mBAAmB,EAAE,EAAE,GAAG,EAAE,wBAAwB,EAAE,MAAM,EAAE,sBAAsB,EAAE;QACtF,iBAAiB,EAAE,EAAE,GAAG,EAAE,sBAAsB,EAAE,MAAM,EAAE,oBAAoB,EAAE;QAChF,oBAAoB,EAAE,EAAE,GAAG,EAAE,yBAAyB,EAAE,MAAM,EAAE,uBAAuB,EAAE;QACzF,mBAAmB,EAAE,EAAE,GAAG,EAAE,wBAAwB,EAAE,MAAM,EAAE,sBAAsB,EAAE;QACtF,mBAAmB,EAAE,EAAE,GAAG,EAAE,wBAAwB,EAAE,MAAM,EAAE,sBAAsB,EAAE;QACtF,iBAAiB,EAAE,EAAE,GAAG,EAAE,sBAAsB,EAAE,MAAM,EAAE,oBAAoB,EAAE;QAChF,kBAAkB,EAAE,EAAE,GAAG,EAAE,uBAAuB,EAAE,MAAM,EAAE,qBAAqB,EAAE;QACnF,oBAAoB,EAAE,EAAE,GAAG,EAAE,yBAAyB,EAAE,MAAM,EAAE,uBAAuB,EAAE;QACzF,oBAAoB,EAAE,EAAE,GAAG,EAAE,yBAAyB,EAAE,MAAM,EAAE,uBAAuB,EAAE;QACzF,kBAAkB,EAAE,EAAE,GAAG,EAAE,uBAAuB,EAAE,MAAM,EAAE,qBAAqB,EAAE;QACnF,oBAAoB,EAAE,EAAE,GAAG,EAAE,yBAAyB,EAAE,MAAM,EAAE,uBAAuB,EAAE;AAC1F,KAAA;;;;;"}
|
|
@@ -1,30 +1,21 @@
|
|
|
1
1
|
'use strict';
|
|
2
2
|
|
|
3
3
|
var jsxRuntime = require('react/jsx-runtime');
|
|
4
|
+
var cx = require('@flipdish/ui-library/utilities/cx');
|
|
4
5
|
var testIdUtils = require('@flipdish/ui-library/utilities/testIdUtils');
|
|
6
|
+
var Dot_styles = require('./Dot.styles.cjs');
|
|
5
7
|
|
|
6
|
-
const sizes = {
|
|
7
|
-
sm: {
|
|
8
|
-
wh: 8,
|
|
9
|
-
c: 4,
|
|
10
|
-
r: 2.5,
|
|
11
|
-
},
|
|
12
|
-
md: {
|
|
13
|
-
wh: 10,
|
|
14
|
-
c: 5,
|
|
15
|
-
r: 4,
|
|
16
|
-
},
|
|
17
|
-
};
|
|
18
8
|
/**
|
|
19
9
|
* Small filled circle used as a status or list marker, sized `sm` or `md`.
|
|
20
10
|
*
|
|
21
11
|
* @summary status/list marker dot
|
|
22
12
|
*/
|
|
23
|
-
const Dot = ({ size = 'md', 'data-testid': dataTestId, ...props }) => {
|
|
13
|
+
const Dot = ({ size = 'md', color, className, 'data-testid': dataTestId, ...props }) => {
|
|
24
14
|
const dotTestId = testIdUtils.useResolvedTestId({ testId: dataTestId, segment: 'dot', rootName: 'dot' });
|
|
15
|
+
const { wh, c, r } = Dot_styles.styles.sizes[size];
|
|
25
16
|
return (
|
|
26
17
|
// biome-ignore lint/a11y/noSvgWithoutTitle: this is an icon
|
|
27
|
-
jsxRuntime.jsx("svg", { width:
|
|
18
|
+
jsxRuntime.jsx("svg", { width: wh, height: wh, viewBox: `0 0 ${wh} ${wh}`, fill: "none", ...props, className: cx.cx(color && Dot_styles.styles.colors[color].web, className), "data-testid": dotTestId, children: jsxRuntime.jsx("circle", { cx: c, cy: c, r: r, fill: "currentColor", stroke: "currentColor" }) }));
|
|
28
19
|
};
|
|
29
20
|
|
|
30
21
|
exports.Dot = Dot;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.cjs","sources":["../../../../src/components/atoms/Dot/index.tsx"],"sourcesContent":[null],"names":["useResolvedTestId","_jsx"],"mappings":"
|
|
1
|
+
{"version":3,"file":"index.cjs","sources":["../../../../src/components/atoms/Dot/index.tsx"],"sourcesContent":[null],"names":["useResolvedTestId","styles","_jsx","cx"],"mappings":";;;;;;;AAqBA;;;;AAIG;MACU,GAAG,GAAG,CAAC,EAAE,IAAI,GAAG,IAAI,EAAE,KAAK,EAAE,SAAS,EAAE,aAAa,EAAE,UAAU,EAAE,GAAG,KAAK,EAAY,KAAI;AACtG,IAAA,MAAM,SAAS,GAAGA,6BAAiB,CAAC,EAAE,MAAM,EAAE,UAAU,EAAE,OAAO,EAAE,KAAK,EAAE,QAAQ,EAAE,KAAK,EAAE,CAAC;AAC5F,IAAA,MAAM,EAAE,EAAE,EAAE,CAAC,EAAE,CAAC,EAAE,GAAGC,iBAAM,CAAC,KAAK,CAAC,IAAI,CAAC;IAEvC;;AAEE,IAAAC,cAAA,CAAA,KAAA,EAAA,EACE,KAAK,EAAE,EAAE,EACT,MAAM,EAAE,EAAE,EACV,OAAO,EAAE,CAAA,IAAA,EAAO,EAAE,IAAI,EAAE,CAAA,CAAE,EAC1B,IAAI,EAAC,MAAM,EAAA,GACP,KAAK,EACT,SAAS,EAAEC,KAAE,CAAC,KAAK,IAAIF,iBAAM,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC,GAAG,EAAE,SAAS,CAAC,EAAA,aAAA,EAC9C,SAAS,EAAA,QAAA,EAEtBC,cAAA,CAAA,QAAA,EAAA,EAAQ,EAAE,EAAE,CAAC,EAAE,EAAE,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,IAAI,EAAC,cAAc,EAAC,MAAM,EAAC,cAAc,EAAA,CAAG,EAAA,CACpE;AAEV;;;;"}
|
|
@@ -1,6 +1,14 @@
|
|
|
1
1
|
import type { SVGProps } from 'react';
|
|
2
|
-
|
|
3
|
-
|
|
2
|
+
import { type DotColor, type DotSize } from './Dot.styles';
|
|
3
|
+
export type { DotColor, DotSize } from './Dot.styles';
|
|
4
|
+
export interface DotProps extends Omit<SVGProps<SVGSVGElement>, 'color'> {
|
|
5
|
+
size?: DotSize;
|
|
6
|
+
/**
|
|
7
|
+
* Semantic fill colour, resolved per platform (`Dot.styles.ts`). Omit to inherit the
|
|
8
|
+
* surrounding text colour via `currentColor` — React Native has no equivalent of that
|
|
9
|
+
* inheritance, so a `Dot` rendered on both platforms should set this explicitly.
|
|
10
|
+
*/
|
|
11
|
+
color?: DotColor;
|
|
4
12
|
/** Overrides the `data-testid` (defaults to `fd-dot`). */
|
|
5
13
|
'data-testid'?: string;
|
|
6
14
|
}
|
|
@@ -9,5 +17,5 @@ export interface DotProps extends SVGProps<SVGSVGElement> {
|
|
|
9
17
|
*
|
|
10
18
|
* @summary status/list marker dot
|
|
11
19
|
*/
|
|
12
|
-
export declare const Dot: ({ size, "data-testid": dataTestId, ...props }: DotProps) => import("react").JSX.Element;
|
|
20
|
+
export declare const Dot: ({ size, color, className, "data-testid": dataTestId, ...props }: DotProps) => import("react").JSX.Element;
|
|
13
21
|
//# sourceMappingURL=index.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/atoms/Dot/index.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/atoms/Dot/index.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACtC,OAAO,EAAE,KAAK,QAAQ,EAAE,KAAK,OAAO,EAAU,MAAM,cAAc,CAAC;AAEnE,YAAY,EAAE,QAAQ,EAAE,OAAO,EAAE,MAAM,cAAc,CAAC;AAEtD,MAAM,WAAW,QAAS,SAAQ,IAAI,CAAC,QAAQ,CAAC,aAAa,CAAC,EAAE,OAAO,CAAC;IACtE,IAAI,CAAC,EAAE,OAAO,CAAC;IACf;;;;OAIG;IACH,KAAK,CAAC,EAAE,QAAQ,CAAC;IACjB,0DAA0D;IAC1D,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB;AAED;;;;GAIG;AACH,eAAO,MAAM,GAAG,GAAI,iEAAwE,QAAQ,gCAkBnG,CAAC"}
|
|
@@ -1,28 +1,19 @@
|
|
|
1
1
|
import { jsx } from 'react/jsx-runtime';
|
|
2
|
+
import { cx } from '@flipdish/ui-library/utilities/cx';
|
|
2
3
|
import { useResolvedTestId } from '@flipdish/ui-library/utilities/testIdUtils';
|
|
4
|
+
import { styles } from './Dot.styles.js';
|
|
3
5
|
|
|
4
|
-
const sizes = {
|
|
5
|
-
sm: {
|
|
6
|
-
wh: 8,
|
|
7
|
-
c: 4,
|
|
8
|
-
r: 2.5,
|
|
9
|
-
},
|
|
10
|
-
md: {
|
|
11
|
-
wh: 10,
|
|
12
|
-
c: 5,
|
|
13
|
-
r: 4,
|
|
14
|
-
},
|
|
15
|
-
};
|
|
16
6
|
/**
|
|
17
7
|
* Small filled circle used as a status or list marker, sized `sm` or `md`.
|
|
18
8
|
*
|
|
19
9
|
* @summary status/list marker dot
|
|
20
10
|
*/
|
|
21
|
-
const Dot = ({ size = 'md', 'data-testid': dataTestId, ...props }) => {
|
|
11
|
+
const Dot = ({ size = 'md', color, className, 'data-testid': dataTestId, ...props }) => {
|
|
22
12
|
const dotTestId = useResolvedTestId({ testId: dataTestId, segment: 'dot', rootName: 'dot' });
|
|
13
|
+
const { wh, c, r } = styles.sizes[size];
|
|
23
14
|
return (
|
|
24
15
|
// biome-ignore lint/a11y/noSvgWithoutTitle: this is an icon
|
|
25
|
-
jsx("svg", { width:
|
|
16
|
+
jsx("svg", { width: wh, height: wh, viewBox: `0 0 ${wh} ${wh}`, fill: "none", ...props, className: cx(color && styles.colors[color].web, className), "data-testid": dotTestId, children: jsx("circle", { cx: c, cy: c, r: r, fill: "currentColor", stroke: "currentColor" }) }));
|
|
26
17
|
};
|
|
27
18
|
|
|
28
19
|
export { Dot };
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sources":["../../../../src/components/atoms/Dot/index.tsx"],"sourcesContent":[null],"names":["_jsx"],"mappings":"
|
|
1
|
+
{"version":3,"file":"index.js","sources":["../../../../src/components/atoms/Dot/index.tsx"],"sourcesContent":[null],"names":["_jsx"],"mappings":";;;;;AAqBA;;;;AAIG;MACU,GAAG,GAAG,CAAC,EAAE,IAAI,GAAG,IAAI,EAAE,KAAK,EAAE,SAAS,EAAE,aAAa,EAAE,UAAU,EAAE,GAAG,KAAK,EAAY,KAAI;AACtG,IAAA,MAAM,SAAS,GAAG,iBAAiB,CAAC,EAAE,MAAM,EAAE,UAAU,EAAE,OAAO,EAAE,KAAK,EAAE,QAAQ,EAAE,KAAK,EAAE,CAAC;AAC5F,IAAA,MAAM,EAAE,EAAE,EAAE,CAAC,EAAE,CAAC,EAAE,GAAG,MAAM,CAAC,KAAK,CAAC,IAAI,CAAC;IAEvC;;AAEE,IAAAA,GAAA,CAAA,KAAA,EAAA,EACE,KAAK,EAAE,EAAE,EACT,MAAM,EAAE,EAAE,EACV,OAAO,EAAE,CAAA,IAAA,EAAO,EAAE,IAAI,EAAE,CAAA,CAAE,EAC1B,IAAI,EAAC,MAAM,EAAA,GACP,KAAK,EACT,SAAS,EAAE,EAAE,CAAC,KAAK,IAAI,MAAM,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC,GAAG,EAAE,SAAS,CAAC,EAAA,aAAA,EAC9C,SAAS,EAAA,QAAA,EAEtBA,GAAA,CAAA,QAAA,EAAA,EAAQ,EAAE,EAAE,CAAC,EAAE,EAAE,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,IAAI,EAAC,cAAc,EAAC,MAAM,EAAC,cAAc,EAAA,CAAG,EAAA,CACpE;AAEV;;;;"}
|
|
@@ -1,21 +1,13 @@
|
|
|
1
1
|
'use strict';
|
|
2
2
|
|
|
3
3
|
var jsxRuntime = require('react/jsx-runtime');
|
|
4
|
-
var uiIcons = require('@flipdish/ui-icons');
|
|
5
4
|
var Button = require('@flipdish/ui-library/components/atoms/Button');
|
|
6
5
|
var CloseButton = require('@flipdish/ui-library/components/atoms/CloseButton');
|
|
7
6
|
var FeaturedIcon = require('@flipdish/ui-library/components/atoms/FeaturedIcon');
|
|
8
7
|
var cx = require('@flipdish/ui-library/utilities/cx');
|
|
9
8
|
var testIdUtils = require('@flipdish/ui-library/utilities/testIdUtils');
|
|
9
|
+
var statusIcon_utils = require('../../__internal__/statusIcon/statusIcon.utils.cjs');
|
|
10
10
|
|
|
11
|
-
const iconMap = {
|
|
12
|
-
default: uiIcons.InfoCircle,
|
|
13
|
-
brand: uiIcons.InfoCircle,
|
|
14
|
-
gray: uiIcons.InfoCircle,
|
|
15
|
-
error: uiIcons.AlertCircle,
|
|
16
|
-
warning: uiIcons.AlertCircle,
|
|
17
|
-
success: uiIcons.CheckCircle,
|
|
18
|
-
};
|
|
19
11
|
/**
|
|
20
12
|
* Floating card alert for in-page contextual notices with optional confirm and dismiss actions.
|
|
21
13
|
*
|
|
@@ -23,7 +15,7 @@ const iconMap = {
|
|
|
23
15
|
*/
|
|
24
16
|
const AlertFloating = ({ title, description, confirmLabel, onClose, onConfirm, color = 'default', dismissLabel = 'Dismiss', 'data-testid': dataTestId, }) => {
|
|
25
17
|
const alertTestId = testIdUtils.useResolvedTestId({ testId: dataTestId, segment: 'alert-floating', rootName: 'alert-floating' });
|
|
26
|
-
return (jsxRuntime.jsxs("div", { "data-testid": alertTestId, className: "relative flex flex-col gap-4 rounded-xl border border-primary bg-primary_alt p-4 shadow-xs md:flex-row", children: [jsxRuntime.jsx(FeaturedIcon.FeaturedIcon, {
|
|
18
|
+
return (jsxRuntime.jsxs("div", { "data-testid": alertTestId, className: "relative flex flex-col gap-4 rounded-xl border border-primary bg-primary_alt p-4 shadow-xs md:flex-row", children: [jsxRuntime.jsx(FeaturedIcon.FeaturedIcon, { ...statusIcon_utils.getStatusFeaturedIconProps(color), size: "md" }), jsxRuntime.jsxs("div", { className: "flex flex-1 flex-col gap-3 md:w-0", children: [jsxRuntime.jsxs("div", { className: "flex flex-col gap-1 overflow-auto", children: [jsxRuntime.jsx("p", { className: "pr-8 text-sm font-semibold text-secondary md:truncate md:pr-0", children: title }), jsxRuntime.jsx("p", { className: "text-sm text-tertiary md:truncate", children: description })] }), (onConfirm || onClose) && (jsxRuntime.jsxs("div", { className: "flex gap-3", children: [onClose && (jsxRuntime.jsx(Button.Button, { onClick: onClose, size: "sm", color: "link-gray", "data-testid": testIdUtils.joinTestId(alertTestId, 'dismiss'), children: dismissLabel })), onConfirm && (jsxRuntime.jsx(Button.Button, { onClick: onConfirm, size: "sm", color: "link-color", "data-testid": testIdUtils.joinTestId(alertTestId, 'confirm'), children: confirmLabel }))] }))] }), onClose && (jsxRuntime.jsx(CloseButton.CloseButton, { onClick: onClose, size: "sm", label: dismissLabel, className: "absolute top-2 right-2", "data-testid": testIdUtils.joinTestId(alertTestId, 'close') }))] }));
|
|
27
19
|
};
|
|
28
20
|
/**
|
|
29
21
|
* Full-width banner alert for site-wide or layout-level notices with optional confirm and dismiss actions.
|
|
@@ -32,7 +24,7 @@ const AlertFloating = ({ title, description, confirmLabel, onClose, onConfirm, c
|
|
|
32
24
|
*/
|
|
33
25
|
const AlertFullWidth = ({ title, description, confirmLabel, onClose, onConfirm, color = 'default', actionType = 'button', dismissLabel = 'Dismiss', 'data-testid': dataTestId, }) => {
|
|
34
26
|
const alertTestId = testIdUtils.useResolvedTestId({ testId: dataTestId, segment: 'alert-full-width', rootName: 'alert-full-width' });
|
|
35
|
-
return (jsxRuntime.jsx("div", { "data-testid": alertTestId, className: "relative border-t border-primary bg-secondary md:border-t-0 md:border-b", children: jsxRuntime.jsxs("div", { className: "mx-auto flex max-w-container flex-col gap-4 p-4 md:flex-row md:items-center md:gap-3 md:px-8 md:py-3", children: [jsxRuntime.jsxs("div", { className: "flex flex-1 flex-col gap-4 md:w-0 md:flex-row md:items-center", children: [jsxRuntime.jsx(FeaturedIcon.FeaturedIcon, { className: "hidden md:flex",
|
|
27
|
+
return (jsxRuntime.jsx("div", { "data-testid": alertTestId, className: "relative border-t border-primary bg-secondary md:border-t-0 md:border-b", children: jsxRuntime.jsxs("div", { className: "mx-auto flex max-w-container flex-col gap-4 p-4 md:flex-row md:items-center md:gap-3 md:px-8 md:py-3", children: [jsxRuntime.jsxs("div", { className: "flex flex-1 flex-col gap-4 md:w-0 md:flex-row md:items-center", children: [jsxRuntime.jsx(FeaturedIcon.FeaturedIcon, { className: "hidden md:flex", ...statusIcon_utils.getStatusFeaturedIconProps(color), size: "md" }), jsxRuntime.jsxs("div", { className: "flex flex-col gap-0.5 overflow-hidden lg:flex-row lg:gap-1.5", children: [jsxRuntime.jsx("p", { className: "pr-8 text-sm font-semibold text-secondary md:truncate md:pr-0", children: title }), jsxRuntime.jsx("p", { className: "text-sm text-tertiary md:truncate", children: description })] })] }), (onConfirm || onClose) && (jsxRuntime.jsxs("div", { className: "flex gap-2", children: [jsxRuntime.jsxs("div", { className: cx.cx('flex w-full gap-3', actionType === 'button' ? 'flex-col-reverse md:flex-row' : 'flex-row'), children: [onClose && (jsxRuntime.jsx(Button.Button, { onClick: onClose, color: actionType === 'button' ? 'secondary' : 'link-gray', size: "sm", "data-testid": testIdUtils.joinTestId(alertTestId, 'dismiss'), children: dismissLabel })), onConfirm && (jsxRuntime.jsx(Button.Button, { onClick: onConfirm, color: actionType === 'button' ? 'primary' : 'link-color', size: "sm", "data-testid": testIdUtils.joinTestId(alertTestId, 'confirm'), children: confirmLabel }))] }), onClose && (jsxRuntime.jsx(CloseButton.CloseButton, { onClick: onClose, size: "sm", label: dismissLabel, className: "absolute top-2 right-2 shrink-0 md:static", "data-testid": testIdUtils.joinTestId(alertTestId, 'close') }))] }))] }) }));
|
|
36
28
|
};
|
|
37
29
|
|
|
38
30
|
exports.AlertFloating = AlertFloating;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.cjs","sources":["../../../../src/components/molecules/Alert/index.tsx"],"sourcesContent":[null],"names":["
|
|
1
|
+
{"version":3,"file":"index.cjs","sources":["../../../../src/components/molecules/Alert/index.tsx"],"sourcesContent":[null],"names":["useResolvedTestId","_jsxs","_jsx","FeaturedIcon","getStatusFeaturedIconProps","Button","joinTestId","CloseButton","cx"],"mappings":"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"}
|
|
@@ -1,4 +1,5 @@
|
|
|
1
1
|
import type { ReactNode } from 'react';
|
|
2
|
+
import type { StatusColor } from '../../__internal__/statusIcon/statusIcon.types';
|
|
2
3
|
export interface AlertFloatingProps {
|
|
3
4
|
/**
|
|
4
5
|
* The title of the alert.
|
|
@@ -21,7 +22,7 @@ export interface AlertFloatingProps {
|
|
|
21
22
|
* The color of the alert.
|
|
22
23
|
* @default "default"
|
|
23
24
|
*/
|
|
24
|
-
color?:
|
|
25
|
+
color?: StatusColor;
|
|
25
26
|
/**
|
|
26
27
|
* The function to call when the dismiss button is clicked.
|
|
27
28
|
*/
|
|
@@ -69,7 +70,7 @@ interface AlertFullWidthProps {
|
|
|
69
70
|
* The color of the alert.
|
|
70
71
|
* @default "default"
|
|
71
72
|
*/
|
|
72
|
-
color?:
|
|
73
|
+
color?: StatusColor;
|
|
73
74
|
/**
|
|
74
75
|
* The function to call when the dismiss button is clicked.
|
|
75
76
|
*/
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/molecules/Alert/index.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/molecules/Alert/index.tsx"],"names":[],"mappings":"AAOA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvC,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,gDAAgD,CAAC;AAElF,MAAM,WAAW,kBAAkB;IACjC;;OAEG;IACH,KAAK,EAAE,MAAM,CAAC;IACd;;OAEG;IACH,WAAW,EAAE,SAAS,CAAC;IACvB;;OAEG;IACH,YAAY,EAAE,MAAM,CAAC;IACrB;;;OAGG;IACH,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB;;;OAGG;IACH,KAAK,CAAC,EAAE,WAAW,CAAC;IACpB;;OAEG;IACH,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,IAAI,CAAC;IACvB;;;OAGG;IACH,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB;AAED;;;;GAIG;AACH,eAAO,MAAM,aAAa,GAAI,2GAS3B,kBAAkB,gCAwCpB,CAAC;AAEF,UAAU,mBAAmB;IAC3B;;OAEG;IACH,KAAK,EAAE,MAAM,CAAC;IACd;;OAEG;IACH,WAAW,EAAE,SAAS,CAAC;IACvB;;OAEG;IACH,YAAY,EAAE,MAAM,CAAC;IACrB;;;OAGG;IACH,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB;;;OAGG;IACH,UAAU,CAAC,EAAE,QAAQ,GAAG,MAAM,CAAC;IAC/B;;;OAGG;IACH,KAAK,CAAC,EAAE,WAAW,CAAC;IACpB;;OAEG;IACH,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,IAAI,CAAC;IACvB;;;OAGG;IACH,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB;AAED;;;;GAIG;AACH,eAAO,MAAM,cAAc,GAAI,uHAU5B,mBAAmB,gCAsDrB,CAAC"}
|
|
@@ -1,19 +1,11 @@
|
|
|
1
1
|
import { jsxs, jsx } from 'react/jsx-runtime';
|
|
2
|
-
import { CheckCircle, AlertCircle, InfoCircle } from '@flipdish/ui-icons';
|
|
3
2
|
import { Button } from '@flipdish/ui-library/components/atoms/Button';
|
|
4
3
|
import { CloseButton } from '@flipdish/ui-library/components/atoms/CloseButton';
|
|
5
4
|
import { FeaturedIcon } from '@flipdish/ui-library/components/atoms/FeaturedIcon';
|
|
6
5
|
import { cx } from '@flipdish/ui-library/utilities/cx';
|
|
7
6
|
import { useResolvedTestId, joinTestId } from '@flipdish/ui-library/utilities/testIdUtils';
|
|
7
|
+
import { getStatusFeaturedIconProps } from '../../__internal__/statusIcon/statusIcon.utils.js';
|
|
8
8
|
|
|
9
|
-
const iconMap = {
|
|
10
|
-
default: InfoCircle,
|
|
11
|
-
brand: InfoCircle,
|
|
12
|
-
gray: InfoCircle,
|
|
13
|
-
error: AlertCircle,
|
|
14
|
-
warning: AlertCircle,
|
|
15
|
-
success: CheckCircle,
|
|
16
|
-
};
|
|
17
9
|
/**
|
|
18
10
|
* Floating card alert for in-page contextual notices with optional confirm and dismiss actions.
|
|
19
11
|
*
|
|
@@ -21,7 +13,7 @@ const iconMap = {
|
|
|
21
13
|
*/
|
|
22
14
|
const AlertFloating = ({ title, description, confirmLabel, onClose, onConfirm, color = 'default', dismissLabel = 'Dismiss', 'data-testid': dataTestId, }) => {
|
|
23
15
|
const alertTestId = useResolvedTestId({ testId: dataTestId, segment: 'alert-floating', rootName: 'alert-floating' });
|
|
24
|
-
return (jsxs("div", { "data-testid": alertTestId, className: "relative flex flex-col gap-4 rounded-xl border border-primary bg-primary_alt p-4 shadow-xs md:flex-row", children: [jsx(FeaturedIcon, {
|
|
16
|
+
return (jsxs("div", { "data-testid": alertTestId, className: "relative flex flex-col gap-4 rounded-xl border border-primary bg-primary_alt p-4 shadow-xs md:flex-row", children: [jsx(FeaturedIcon, { ...getStatusFeaturedIconProps(color), size: "md" }), jsxs("div", { className: "flex flex-1 flex-col gap-3 md:w-0", children: [jsxs("div", { className: "flex flex-col gap-1 overflow-auto", children: [jsx("p", { className: "pr-8 text-sm font-semibold text-secondary md:truncate md:pr-0", children: title }), jsx("p", { className: "text-sm text-tertiary md:truncate", children: description })] }), (onConfirm || onClose) && (jsxs("div", { className: "flex gap-3", children: [onClose && (jsx(Button, { onClick: onClose, size: "sm", color: "link-gray", "data-testid": joinTestId(alertTestId, 'dismiss'), children: dismissLabel })), onConfirm && (jsx(Button, { onClick: onConfirm, size: "sm", color: "link-color", "data-testid": joinTestId(alertTestId, 'confirm'), children: confirmLabel }))] }))] }), onClose && (jsx(CloseButton, { onClick: onClose, size: "sm", label: dismissLabel, className: "absolute top-2 right-2", "data-testid": joinTestId(alertTestId, 'close') }))] }));
|
|
25
17
|
};
|
|
26
18
|
/**
|
|
27
19
|
* Full-width banner alert for site-wide or layout-level notices with optional confirm and dismiss actions.
|
|
@@ -30,7 +22,7 @@ const AlertFloating = ({ title, description, confirmLabel, onClose, onConfirm, c
|
|
|
30
22
|
*/
|
|
31
23
|
const AlertFullWidth = ({ title, description, confirmLabel, onClose, onConfirm, color = 'default', actionType = 'button', dismissLabel = 'Dismiss', 'data-testid': dataTestId, }) => {
|
|
32
24
|
const alertTestId = useResolvedTestId({ testId: dataTestId, segment: 'alert-full-width', rootName: 'alert-full-width' });
|
|
33
|
-
return (jsx("div", { "data-testid": alertTestId, className: "relative border-t border-primary bg-secondary md:border-t-0 md:border-b", children: jsxs("div", { className: "mx-auto flex max-w-container flex-col gap-4 p-4 md:flex-row md:items-center md:gap-3 md:px-8 md:py-3", children: [jsxs("div", { className: "flex flex-1 flex-col gap-4 md:w-0 md:flex-row md:items-center", children: [jsx(FeaturedIcon, { className: "hidden md:flex",
|
|
25
|
+
return (jsx("div", { "data-testid": alertTestId, className: "relative border-t border-primary bg-secondary md:border-t-0 md:border-b", children: jsxs("div", { className: "mx-auto flex max-w-container flex-col gap-4 p-4 md:flex-row md:items-center md:gap-3 md:px-8 md:py-3", children: [jsxs("div", { className: "flex flex-1 flex-col gap-4 md:w-0 md:flex-row md:items-center", children: [jsx(FeaturedIcon, { className: "hidden md:flex", ...getStatusFeaturedIconProps(color), size: "md" }), jsxs("div", { className: "flex flex-col gap-0.5 overflow-hidden lg:flex-row lg:gap-1.5", children: [jsx("p", { className: "pr-8 text-sm font-semibold text-secondary md:truncate md:pr-0", children: title }), jsx("p", { className: "text-sm text-tertiary md:truncate", children: description })] })] }), (onConfirm || onClose) && (jsxs("div", { className: "flex gap-2", children: [jsxs("div", { className: cx('flex w-full gap-3', actionType === 'button' ? 'flex-col-reverse md:flex-row' : 'flex-row'), children: [onClose && (jsx(Button, { onClick: onClose, color: actionType === 'button' ? 'secondary' : 'link-gray', size: "sm", "data-testid": joinTestId(alertTestId, 'dismiss'), children: dismissLabel })), onConfirm && (jsx(Button, { onClick: onConfirm, color: actionType === 'button' ? 'primary' : 'link-color', size: "sm", "data-testid": joinTestId(alertTestId, 'confirm'), children: confirmLabel }))] }), onClose && (jsx(CloseButton, { onClick: onClose, size: "sm", label: dismissLabel, className: "absolute top-2 right-2 shrink-0 md:static", "data-testid": joinTestId(alertTestId, 'close') }))] }))] }) }));
|
|
34
26
|
};
|
|
35
27
|
|
|
36
28
|
export { AlertFloating, AlertFullWidth };
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sources":["../../../../src/components/molecules/Alert/index.tsx"],"sourcesContent":[null],"names":["_jsxs","_jsx"],"mappings":";;;;;;;;
|
|
1
|
+
{"version":3,"file":"index.js","sources":["../../../../src/components/molecules/Alert/index.tsx"],"sourcesContent":[null],"names":["_jsxs","_jsx"],"mappings":"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"}
|
|
@@ -165,7 +165,7 @@ const CarouselIndicatorGroup = ({ children, ...props }) => {
|
|
|
165
165
|
const CarouselIndicatorBar = ({ framed, className }) => {
|
|
166
166
|
const { scrollSnaps, selectedIndex, api } = useCarousel();
|
|
167
167
|
const prefix = testIdUtils.useTestIdPrefix();
|
|
168
|
-
return (jsxRuntime.jsx("nav", { className: cx.cx('flex items-center gap-1.5', framed && 'rounded-full bg-primary/90 px-2.5 py-2 shadow-md backdrop-blur-xs', className), children: scrollSnaps.map((_, index) => (jsxRuntime.jsx("button", { type: "button", "aria-label": `Go to slide ${index + 1}`, "aria-current": selectedIndex === index ? 'true' : undefined, onClick: () => api?.scrollTo(index), "data-testid": prefix ? testIdUtils.joinTestId(prefix, `indicator-${index}`) : undefined, children: jsxRuntime.jsx(Dot.Dot, { size: "sm",
|
|
168
|
+
return (jsxRuntime.jsx("nav", { className: cx.cx('flex items-center gap-1.5', framed && 'rounded-full bg-primary/90 px-2.5 py-2 shadow-md backdrop-blur-xs', className), children: scrollSnaps.map((_, index) => (jsxRuntime.jsx("button", { type: "button", "aria-label": `Go to slide ${index + 1}`, "aria-current": selectedIndex === index ? 'true' : undefined, onClick: () => api?.scrollTo(index), "data-testid": prefix ? testIdUtils.joinTestId(prefix, `indicator-${index}`) : undefined, children: jsxRuntime.jsx(Dot.Dot, { size: "sm", color: selectedIndex === index ? 'brand-solid' : 'fg-quaternary' }) }, index))) }));
|
|
169
169
|
};
|
|
170
170
|
/**
|
|
171
171
|
* Scrollable sequence of slides with previous/next navigation and optional dot indicators.
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.cjs","sources":["../../../../src/components/molecules/Carousel/index.tsx"],"sourcesContent":[null],"names":["createContext","useContext","useResolvedTestId","useState","useCallback","useEffect","_jsx","TestIdProvider","cx","useTestIdPrefix","joinTestId","_Fragment","isValidElement","cloneElement","Dot"],"mappings":"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
|
|
1
|
+
{"version":3,"file":"index.cjs","sources":["../../../../src/components/molecules/Carousel/index.tsx"],"sourcesContent":[null],"names":["createContext","useContext","useResolvedTestId","useState","useCallback","useEffect","_jsx","TestIdProvider","cx","useTestIdPrefix","joinTestId","_Fragment","isValidElement","cloneElement","Dot"],"mappings":"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"}
|
|
@@ -163,7 +163,7 @@ const CarouselIndicatorGroup = ({ children, ...props }) => {
|
|
|
163
163
|
const CarouselIndicatorBar = ({ framed, className }) => {
|
|
164
164
|
const { scrollSnaps, selectedIndex, api } = useCarousel();
|
|
165
165
|
const prefix = useTestIdPrefix();
|
|
166
|
-
return (jsx("nav", { className: cx('flex items-center gap-1.5', framed && 'rounded-full bg-primary/90 px-2.5 py-2 shadow-md backdrop-blur-xs', className), children: scrollSnaps.map((_, index) => (jsx("button", { type: "button", "aria-label": `Go to slide ${index + 1}`, "aria-current": selectedIndex === index ? 'true' : undefined, onClick: () => api?.scrollTo(index), "data-testid": prefix ? joinTestId(prefix, `indicator-${index}`) : undefined, children: jsx(Dot, { size: "sm",
|
|
166
|
+
return (jsx("nav", { className: cx('flex items-center gap-1.5', framed && 'rounded-full bg-primary/90 px-2.5 py-2 shadow-md backdrop-blur-xs', className), children: scrollSnaps.map((_, index) => (jsx("button", { type: "button", "aria-label": `Go to slide ${index + 1}`, "aria-current": selectedIndex === index ? 'true' : undefined, onClick: () => api?.scrollTo(index), "data-testid": prefix ? joinTestId(prefix, `indicator-${index}`) : undefined, children: jsx(Dot, { size: "sm", color: selectedIndex === index ? 'brand-solid' : 'fg-quaternary' }) }, index))) }));
|
|
167
167
|
};
|
|
168
168
|
/**
|
|
169
169
|
* Scrollable sequence of slides with previous/next navigation and optional dot indicators.
|