@revikornmann/muka-ui 0.4.1 → 0.6.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/cli/commands/brand.js +7 -0
- package/cli/commands/init.js +7 -1
- package/cli/templates/CLAUDE.md +18 -4
- package/cli/templates/muka-ui-guidelines.md +20 -0
- package/dist/cjs/components/DataPieChart/DataPieChart.js +1 -1
- package/dist/cjs/components/DataPieChart/DataPieChart.js.map +1 -1
- package/dist/cjs/components/DataTable/DataTable.css +17 -0
- package/dist/cjs/components/DataTable/DataTable.js +15 -2
- package/dist/cjs/components/DataTable/DataTable.js.map +1 -1
- package/dist/cjs/components/ListItem/ListItem.css +10 -4
- package/dist/cjs/components/ProgressAccordeon/ProgressAccordeon.css +207 -0
- package/dist/cjs/components/ProgressAccordeon/ProgressAccordeon.js +66 -0
- package/dist/cjs/components/ProgressAccordeon/ProgressAccordeon.js.map +1 -0
- package/dist/cjs/components/ProgressAccordeon/index.js +11 -0
- package/dist/cjs/components/ProgressAccordeon/index.js.map +1 -0
- package/dist/cjs/components/{FormProgressBar/FormProgressBar.css → ProgressTracker/ProgressTracker.css} +28 -22
- package/dist/cjs/components/{FormProgressBar/FormProgressBar.js → ProgressTracker/ProgressTracker.js} +20 -20
- package/dist/cjs/components/{FormProgressBar/FormProgressBar.js.map → ProgressTracker/ProgressTracker.js.map} +1 -1
- package/dist/cjs/components/ProgressTracker/index.js +8 -0
- package/dist/cjs/components/{FormProgressBar → ProgressTracker}/index.js.map +1 -1
- package/dist/cjs/components/index.js +7 -5
- package/dist/cjs/components/index.js.map +1 -1
- package/dist/esm/components/DataPieChart/DataPieChart.js +1 -1
- package/dist/esm/components/DataPieChart/DataPieChart.js.map +1 -1
- package/dist/esm/components/DataTable/DataTable.css +17 -0
- package/dist/esm/components/DataTable/DataTable.js +15 -2
- package/dist/esm/components/DataTable/DataTable.js.map +1 -1
- package/dist/esm/components/ListItem/ListItem.css +10 -4
- package/dist/esm/components/ProgressAccordeon/ProgressAccordeon.css +207 -0
- package/dist/esm/components/ProgressAccordeon/ProgressAccordeon.js +62 -0
- package/dist/esm/components/ProgressAccordeon/ProgressAccordeon.js.map +1 -0
- package/dist/esm/components/ProgressAccordeon/index.js +3 -0
- package/dist/esm/components/ProgressAccordeon/index.js.map +1 -0
- package/dist/{styles/components/FormProgressBar.css → esm/components/ProgressTracker/ProgressTracker.css} +28 -22
- package/dist/esm/components/{FormProgressBar/FormProgressBar.js → ProgressTracker/ProgressTracker.js} +18 -18
- package/dist/esm/components/{FormProgressBar/FormProgressBar.js.map → ProgressTracker/ProgressTracker.js.map} +1 -1
- package/dist/esm/components/ProgressTracker/index.js +3 -0
- package/dist/esm/components/{FormProgressBar → ProgressTracker}/index.js.map +1 -1
- package/dist/esm/components/index.js +2 -1
- package/dist/esm/components/index.js.map +1 -1
- package/dist/styles/components/DataTable.css +17 -0
- package/dist/styles/components/ListItem.css +10 -4
- package/dist/styles/components/ProgressAccordeon.css +207 -0
- package/dist/{esm/components/FormProgressBar/FormProgressBar.css → styles/components/ProgressTracker.css} +28 -22
- package/dist/styles/fonts/funnel-display-latin-wght-normal.woff2 +0 -0
- package/dist/styles/fonts/funnel-display.LICENSE.txt +93 -0
- package/dist/styles/fonts/funnel-sans-latin-wght-normal.woff2 +0 -0
- package/dist/styles/fonts/funnel-sans.LICENSE.txt +93 -0
- package/dist/styles/fonts/ibm-plex-sans-latin-wght-normal.woff2 +0 -0
- package/dist/styles/fonts/ibm-plex-sans.LICENSE.txt +93 -0
- package/dist/styles/fonts/lora-latin-wght-normal.woff2 +0 -0
- package/dist/styles/fonts/lora.LICENSE.txt +93 -0
- package/dist/styles/fonts/quicksand-latin-wght-normal.woff2 +0 -0
- package/dist/styles/fonts/quicksand.LICENSE.txt +93 -0
- package/dist/styles/fonts/red-hat-display-latin-wght-normal.woff2 +0 -0
- package/dist/styles/fonts/red-hat-display.LICENSE.txt +93 -0
- package/dist/styles/fonts/red-hat-text-latin-wght-normal.woff2 +0 -0
- package/dist/styles/fonts/red-hat-text.LICENSE.txt +93 -0
- package/dist/styles/fonts/yesteryear-latin-400-normal.woff2 +0 -0
- package/dist/styles/fonts/yesteryear.LICENSE.txt +93 -0
- package/dist/styles/fonts-all.css +75 -0
- package/dist/styles/fonts-bouwplan.css +30 -0
- package/dist/styles/fonts-fscl.css +21 -0
- package/dist/styles/fonts-grip.css +21 -0
- package/dist/styles/fonts-muka.css +30 -0
- package/dist/styles/fonts-wireframe.css +5 -0
- package/dist/styles/index.css +947 -568
- package/dist/styles/muka-dark.css +947 -568
- package/dist/styles/muka-light.css +947 -568
- package/dist/styles/tokens-bouwplan-dark.css +174 -66
- package/dist/styles/tokens-bouwplan-light.css +174 -66
- package/dist/styles/tokens-fscl-dark.css +113 -5
- package/dist/styles/tokens-fscl-light.css +113 -5
- package/dist/styles/tokens-grip-dark.css +113 -5
- package/dist/styles/tokens-grip-light.css +113 -5
- package/dist/styles/tokens-muka-dark.css +113 -5
- package/dist/styles/tokens-muka-light.css +113 -5
- package/dist/styles/tokens-wireframe-dark.css +113 -5
- package/dist/styles/tokens-wireframe-light.css +113 -5
- package/dist/styles/wireframe-dark.css +915 -568
- package/dist/styles/wireframe-light.css +915 -568
- package/dist/types/components/DataPieChart/DataPieChart.d.ts +1 -1
- package/dist/types/components/DataPieChart/DataPieChart.d.ts.map +1 -1
- package/dist/types/components/DataTable/DataTable.d.ts.map +1 -1
- package/dist/types/components/ProgressAccordeon/ProgressAccordeon.d.ts +91 -0
- package/dist/types/components/ProgressAccordeon/ProgressAccordeon.d.ts.map +1 -0
- package/dist/types/components/ProgressAccordeon/index.d.ts +3 -0
- package/dist/types/components/ProgressAccordeon/index.d.ts.map +1 -0
- package/dist/types/components/{FormProgressBar/FormProgressBar.d.ts → ProgressTracker/ProgressTracker.d.ts} +9 -9
- package/dist/types/components/{FormProgressBar/FormProgressBar.d.ts.map → ProgressTracker/ProgressTracker.d.ts.map} +1 -1
- package/dist/types/components/ProgressTracker/index.d.ts +3 -0
- package/dist/types/components/{FormProgressBar → ProgressTracker}/index.d.ts.map +1 -1
- package/dist/types/components/index.d.ts +2 -1
- package/dist/types/components/index.d.ts.map +1 -1
- package/docs/consumers/setup-instructions.md +22 -3
- package/package.json +12 -2
- package/scripts/build-fonts.js +248 -0
- package/tokens/t1-primitives/color.json +400 -0
- package/tokens/t2-alias/brand/bouwplan/dark.json +15 -1
- package/tokens/t2-alias/brand/bouwplan/fonts.json +5 -5
- package/tokens/t2-alias/brand/bouwplan/light.json +15 -1
- package/tokens/t2-alias/brand/fscl/dark.json +15 -1
- package/tokens/t2-alias/brand/fscl/light.json +15 -1
- package/tokens/t2-alias/brand/grip/dark.json +51 -1
- package/tokens/t2-alias/brand/grip/light.json +51 -1
- package/tokens/t2-alias/brand/muka/dark.json +51 -1
- package/tokens/t2-alias/brand/muka/light.json +51 -1
- package/tokens/t2-alias/brand/wireframe/dark.json +51 -1
- package/tokens/t2-alias/brand/wireframe/light.json +51 -1
- package/tokens/t3-semantics/ui.json +13 -13
- package/dist/cjs/components/FormProgressBar/index.js +0 -8
- package/dist/esm/components/FormProgressBar/index.js +0 -3
- package/dist/types/components/FormProgressBar/index.d.ts +0 -3
package/cli/commands/brand.js
CHANGED
|
@@ -187,6 +187,13 @@ async function brand(args) {
|
|
|
187
187
|
console.log(`3. Link the generated CSS in your HTML:`);
|
|
188
188
|
console.log(` <link rel="stylesheet" href="/styles/tokens-${brandName}-light.css" />`);
|
|
189
189
|
console.log('');
|
|
190
|
+
console.log('4. Fonts: the family names in brand/fonts.json must be loaded somewhere.');
|
|
191
|
+
console.log(' - Reusing a font Muka already ships? Import its fonts file, e.g.');
|
|
192
|
+
console.log(" import '@revikornmann/muka-ui/styles/fonts-muka.css';");
|
|
193
|
+
console.log(' - Introducing your own font? Self-host it with your own @font-face');
|
|
194
|
+
console.log(' under the exact family name you put in fonts.json (do NOT use a');
|
|
195
|
+
console.log(' Google Fonts <link> in production — it breaks offline installs).');
|
|
196
|
+
console.log('');
|
|
190
197
|
console.log('Token reference guide:');
|
|
191
198
|
console.log(' Colors use T1 primitives like {color.gray.9}, {color.indigo.11}');
|
|
192
199
|
console.log(' Available palettes: gray, mauve, sand, indigo, iris, mint, jade,');
|
package/cli/commands/init.js
CHANGED
|
@@ -149,7 +149,13 @@ async function init(args) {
|
|
|
149
149
|
console.log('Setup complete!\n');
|
|
150
150
|
console.log('Next steps:');
|
|
151
151
|
console.log('1. Import styles in your app root:');
|
|
152
|
-
console.log(` import '${manifest.package_name}/styles'
|
|
152
|
+
console.log(` import '${manifest.package_name}/styles'; // muka-light + muka fonts included`);
|
|
153
|
+
console.log(' Fonts are self-hosted by Muka (offline-ready). The default /styles');
|
|
154
|
+
console.log(' bundle already includes muka fonts. For another brand loaded via its');
|
|
155
|
+
console.log(' raw token file, also import its fonts, e.g.:');
|
|
156
|
+
console.log(` import '${manifest.package_name}/styles/fonts-bouwplan.css';`);
|
|
157
|
+
console.log(' Do NOT load fonts via next/font or Google Fonts, and do NOT override');
|
|
158
|
+
console.log(' the --*-fontFamily tokens.');
|
|
153
159
|
console.log('');
|
|
154
160
|
console.log('2. Import components:');
|
|
155
161
|
console.log(` import { Button, Card } from '${manifest.package_name}';`);
|
package/cli/templates/CLAUDE.md
CHANGED
|
@@ -32,12 +32,26 @@
|
|
|
32
32
|
// Import components
|
|
33
33
|
import { Button, Card, Input, Chip } from '{{PACKAGE_NAME}}';
|
|
34
34
|
|
|
35
|
-
// Import styles (choose one theme)
|
|
36
|
-
import '{{PACKAGE_NAME}}/styles';
|
|
37
|
-
import '{{PACKAGE_NAME}}/styles/muka-dark.css';
|
|
38
|
-
import '{{PACKAGE_NAME}}/styles/wireframe-light.css'; //
|
|
35
|
+
// Import styles (choose one theme) — these bundles include the brand's fonts
|
|
36
|
+
import '{{PACKAGE_NAME}}/styles'; // Default muka-light + muka fonts
|
|
37
|
+
import '{{PACKAGE_NAME}}/styles/muka-dark.css'; // muka-dark + muka fonts
|
|
38
|
+
import '{{PACKAGE_NAME}}/styles/wireframe-light.css'; // wireframe (system fonts)
|
|
39
|
+
|
|
40
|
+
// For a brand loaded via its raw token file (e.g. bouwplan/grip/fscl), also import fonts:
|
|
41
|
+
import '{{PACKAGE_NAME}}/styles/tokens-bouwplan-light.css';
|
|
42
|
+
import '{{PACKAGE_NAME}}/styles/fonts-bouwplan.css';
|
|
39
43
|
```
|
|
40
44
|
|
|
45
|
+
### Fonts come from Muka — never load them yourself
|
|
46
|
+
|
|
47
|
+
- Muka self-hosts every brand's fonts as `@font-face` (offline-ready, no CDN). The
|
|
48
|
+
default `/styles` bundle and the `/styles/muka-*.css` + `/styles/wireframe-*.css`
|
|
49
|
+
bundles already include them; only a brand loaded via a raw `tokens-<brand>-<mode>.css`
|
|
50
|
+
file needs a separate `{{PACKAGE_NAME}}/styles/fonts-<brand>.css` import.
|
|
51
|
+
- Do NOT load these fonts via `next/font` or a Google Fonts `<link>`.
|
|
52
|
+
- Do NOT override the `--*-fontFamily` / `--alias-font-*-family` tokens — their
|
|
53
|
+
values are the exact `@font-face` family names.
|
|
54
|
+
|
|
41
55
|
### Acceptable Styling Patterns
|
|
42
56
|
|
|
43
57
|
```tsx
|
|
@@ -49,6 +49,26 @@ import '{{PACKAGE_NAME}}/styles/wireframe-light.css';
|
|
|
49
49
|
import '{{PACKAGE_NAME}}/styles/wireframe-dark.css';
|
|
50
50
|
```
|
|
51
51
|
|
|
52
|
+
### Fonts (self-hosted — zero wiring)
|
|
53
|
+
|
|
54
|
+
Muka ships every brand's fonts as self-hosted `@font-face` (bundled WOFF2, so they
|
|
55
|
+
render offline with no CDN). The `/styles` default bundle and the pre-bundled
|
|
56
|
+
`/styles/muka-*.css` + `/styles/wireframe-*.css` files already include their brand's
|
|
57
|
+
fonts — nothing else to do.
|
|
58
|
+
|
|
59
|
+
If you load a brand via its raw token file (bouwplan/grip/fscl), also import that
|
|
60
|
+
brand's fonts file:
|
|
61
|
+
|
|
62
|
+
```tsx
|
|
63
|
+
import '{{PACKAGE_NAME}}/styles/tokens-bouwplan-light.css';
|
|
64
|
+
import '{{PACKAGE_NAME}}/styles/fonts-bouwplan.css';
|
|
65
|
+
```
|
|
66
|
+
|
|
67
|
+
- **Do not** load these fonts via `next/font`, a Google Fonts `<link>`, or any other
|
|
68
|
+
loader — that duplicates the bytes and risks a family-name mismatch.
|
|
69
|
+
- **Do not** override the `--*-fontFamily` / `--alias-font-*-family` tokens — their
|
|
70
|
+
values are the exact `@font-face` family names Muka registers.
|
|
71
|
+
|
|
52
72
|
### Theme Switching
|
|
53
73
|
|
|
54
74
|
To support dynamic theme switching, import all themes and toggle via a CSS class or attribute:
|
|
@@ -17,7 +17,7 @@ const GEOMETRY = {
|
|
|
17
17
|
*
|
|
18
18
|
* Variants: donut (default), pie
|
|
19
19
|
*/
|
|
20
|
-
const DataPieChart = ({ value, max = 100, variant = 'donut', size = 120, color = 'var(--color-
|
|
20
|
+
const DataPieChart = ({ value, max = 100, variant = 'donut', size = 120, color = 'var(--color-action-default)', trackColor = 'var(--color-surface-level0)', showValue = false, className = '', 'aria-label': ariaLabel, ...props }) => {
|
|
21
21
|
const { radius, strokeWidth } = GEOMETRY[variant];
|
|
22
22
|
const circumference = 2 * Math.PI * radius;
|
|
23
23
|
const safeMax = max > 0 ? max : 1;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"DataPieChart.js","sourceRoot":"","sources":["../../../../components/DataPieChart/DataPieChart.tsx"],"names":[],"mappings":";;;;AACA,8BAA4B;AA+B5B,4EAA4E;AAC5E,MAAM,QAAQ,GAAG;IACf,KAAK,EAAE,EAAE,MAAM,EAAE,EAAE,EAAE,WAAW,EAAE,EAAE,EAAE;IACtC,GAAG,EAAE,EAAE,MAAM,EAAE,EAAE,EAAE,WAAW,EAAE,EAAE,EAAE;CAC5B,CAAC;AAEX;;;;;;;;GAQG;AACI,MAAM,YAAY,GAAgC,CAAC,EACxD,KAAK,EACL,GAAG,GAAG,GAAG,EACT,OAAO,GAAG,OAAO,EACjB,IAAI,GAAG,GAAG,EACV,KAAK,GAAG,
|
|
1
|
+
{"version":3,"file":"DataPieChart.js","sourceRoot":"","sources":["../../../../components/DataPieChart/DataPieChart.tsx"],"names":[],"mappings":";;;;AACA,8BAA4B;AA+B5B,4EAA4E;AAC5E,MAAM,QAAQ,GAAG;IACf,KAAK,EAAE,EAAE,MAAM,EAAE,EAAE,EAAE,WAAW,EAAE,EAAE,EAAE;IACtC,GAAG,EAAE,EAAE,MAAM,EAAE,EAAE,EAAE,WAAW,EAAE,EAAE,EAAE;CAC5B,CAAC;AAEX;;;;;;;;GAQG;AACI,MAAM,YAAY,GAAgC,CAAC,EACxD,KAAK,EACL,GAAG,GAAG,GAAG,EACT,OAAO,GAAG,OAAO,EACjB,IAAI,GAAG,GAAG,EACV,KAAK,GAAG,6BAA6B,EACrC,UAAU,GAAG,6BAA6B,EAC1C,SAAS,GAAG,KAAK,EACjB,SAAS,GAAG,EAAE,EACd,YAAY,EAAE,SAAS,EACvB,GAAG,KAAK,EACT,EAAE,EAAE;IACH,MAAM,EAAE,MAAM,EAAE,WAAW,EAAE,GAAG,QAAQ,CAAC,OAAO,CAAC,CAAC;IAClD,MAAM,aAAa,GAAG,CAAC,GAAG,IAAI,CAAC,EAAE,GAAG,MAAM,CAAC;IAE3C,MAAM,OAAO,GAAG,GAAG,GAAG,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC;IAClC,MAAM,QAAQ,GAAG,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,KAAK,GAAG,OAAO,CAAC,CAAC,CAAC;IAC3D,MAAM,OAAO,GAAG,IAAI,CAAC,KAAK,CAAC,QAAQ,GAAG,GAAG,CAAC,CAAC;IAC3C,MAAM,SAAS,GAAG,QAAQ,GAAG,aAAa,CAAC;IAE3C,MAAM,YAAY,GAAG;QACnB,qBAAqB;QACrB,wBAAwB,OAAO,EAAE;QACjC,SAAS;KACV;SACE,MAAM,CAAC,OAAO,CAAC;SACf,IAAI,CAAC,GAAG,CAAC,CAAC;IAEb,MAAM,KAAK,GAAG,SAAS,IAAI,GAAG,OAAO,KAAK,OAAO,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,KAAK,WAAW,OAAO,GAAG,CAAC;IAEzF,OAAO,CACL,iCACE,SAAS,EAAE,YAAY,EACvB,KAAK,EAAE,EAAE,KAAK,EAAE,IAAI,EAAE,MAAM,EAAE,IAAI,EAAE,EACpC,IAAI,EAAC,KAAK,gBACE,KAAK,KACb,KAAK,aAET,iCAAK,SAAS,EAAC,0BAA0B,EAAC,OAAO,EAAC,aAAa,iBAAa,MAAM,aAEhF,mCACE,SAAS,EAAC,4BAA4B,EACtC,EAAE,EAAE,EAAE,EACN,EAAE,EAAE,EAAE,EACN,CAAC,EAAE,MAAM,EACT,WAAW,EAAE,WAAW,EACxB,MAAM,EAAE,UAAU,GAClB,EACD,QAAQ,GAAG,CAAC,IAAI,CACf,mCACE,SAAS,EAAC,8BAA8B,EACxC,EAAE,EAAE,EAAE,EACN,EAAE,EAAE,EAAE,EACN,CAAC,EAAE,MAAM,EACT,WAAW,EAAE,WAAW,EACxB,MAAM,EAAE,KAAK,EACb,eAAe,EAAE,GAAG,SAAS,IAAI,aAAa,GAAG,SAAS,EAAE,EAC5D,gBAAgB,EAAE,CAAC,GACnB,CACH,IACG,EACL,SAAS,IAAI,OAAO,KAAK,OAAO,IAAI,CACnC,kCAAM,SAAS,EAAC,4BAA4B,iBAAa,MAAM,aAC5D,OAAO,SACH,CACR,IACG,CACP,CAAC;AACJ,CAAC,CAAC;AApEW,QAAA,YAAY,gBAoEvB;AAEF,kBAAe,oBAAY,CAAC"}
|
|
@@ -341,6 +341,10 @@
|
|
|
341
341
|
min-content, collapsing the flexible (1fr) stack track to 0. */
|
|
342
342
|
.muka-data-table--responsive {
|
|
343
343
|
display: block;
|
|
344
|
+
/* Collapsed cards always use md cell padding regardless of the table's `size`
|
|
345
|
+
— sm is too tight and lg wastes horizontal room, forcing the name to wrap. */
|
|
346
|
+
--dt-pad-x: var(--datatable-cell-padding-x-md);
|
|
347
|
+
--dt-pad-y: var(--datatable-cell-padding-y-md);
|
|
344
348
|
}
|
|
345
349
|
|
|
346
350
|
.muka-data-table--responsive .muka-data-table__body {
|
|
@@ -384,6 +388,11 @@
|
|
|
384
388
|
.muka-data-table--responsive .muka-data-table__td--m-secondary {
|
|
385
389
|
display: block;
|
|
386
390
|
grid-column: 2;
|
|
391
|
+
/* Hug the widest secondary content (e.g. a status badge). The desktop column's
|
|
392
|
+
min/max-width are inline styles, so `!important` is required to drop them and
|
|
393
|
+
let the `auto` grid track shrink to the badge — freeing space for the name. */
|
|
394
|
+
min-width: 0 !important;
|
|
395
|
+
max-width: none !important;
|
|
387
396
|
}
|
|
388
397
|
|
|
389
398
|
.muka-data-table--responsive .muka-data-table__td--action {
|
|
@@ -401,6 +410,14 @@
|
|
|
401
410
|
justify-content: flex-end;
|
|
402
411
|
}
|
|
403
412
|
|
|
413
|
+
/* Utility for cell content: hide a sub-element in the collapsed card. Use it to
|
|
414
|
+
drop a redundant text label next to a compact visual (e.g. the "75%" beside a
|
|
415
|
+
donut) so only the visual shows and the secondary column hugs to its width.
|
|
416
|
+
`display: none` also collapses any surrounding flex `gap`, leaving no gutter. */
|
|
417
|
+
.muka-data-table--responsive .muka-data-table__mobile-hidden {
|
|
418
|
+
display: none;
|
|
419
|
+
}
|
|
420
|
+
|
|
404
421
|
/* Stacked primary column: first field is the title, the rest are subtitle lines. */
|
|
405
422
|
.muka-data-table__stack {
|
|
406
423
|
display: flex;
|
|
@@ -40,6 +40,7 @@ const react_1 = __importStar(require("react"));
|
|
|
40
40
|
require("./DataTable.css");
|
|
41
41
|
const Icon_1 = require("../Icon");
|
|
42
42
|
const Checkbox_1 = require("../Checkbox");
|
|
43
|
+
const PriceTag_1 = require("../PriceTag");
|
|
43
44
|
/** Default comparator: numbers compare numerically, everything else as strings. */
|
|
44
45
|
function compareValues(a, b) {
|
|
45
46
|
if (a == null && b == null)
|
|
@@ -52,6 +53,18 @@ function compareValues(a, b) {
|
|
|
52
53
|
return a - b;
|
|
53
54
|
return String(a).localeCompare(String(b), undefined, { numeric: true });
|
|
54
55
|
}
|
|
56
|
+
/**
|
|
57
|
+
* Force any `PriceTag` cell content to the compact `sm` variant, so prices stay
|
|
58
|
+
* consistent with the table's row density however the column renders them. Only
|
|
59
|
+
* the top-level element is coerced — the common case where a cell's value *is* a
|
|
60
|
+
* PriceTag. This always wins, overriding any `size` set on the element.
|
|
61
|
+
*/
|
|
62
|
+
function coercePriceTagSize(content) {
|
|
63
|
+
if (react_1.default.isValidElement(content) && content.type === PriceTag_1.PriceTag) {
|
|
64
|
+
return react_1.default.cloneElement(content, { size: 'sm' });
|
|
65
|
+
}
|
|
66
|
+
return content;
|
|
67
|
+
}
|
|
55
68
|
/** number → px, string passes through */
|
|
56
69
|
function resolveSize(value) {
|
|
57
70
|
if (value == null)
|
|
@@ -124,9 +137,9 @@ function DataTable({ columns, data, size = 'md', sortKey, sortDirection = 'asc',
|
|
|
124
137
|
process.env.NODE_ENV !== 'production') {
|
|
125
138
|
console.warn('[DataTable] Only one column may set mobile: "secondary"; using the first and ignoring the rest.');
|
|
126
139
|
}
|
|
127
|
-
const renderCellContent = (column, row, rowIndex) => column.render
|
|
140
|
+
const renderCellContent = (column, row, rowIndex) => coercePriceTagSize(column.render
|
|
128
141
|
? column.render(row, rowIndex)
|
|
129
|
-
: (row[column.key] ?? null);
|
|
142
|
+
: (row[column.key] ?? null));
|
|
130
143
|
// Per-cell role class on mobile: primary/hidden are display:none (their values
|
|
131
144
|
// live in the stack cell), secondary becomes the second grid column.
|
|
132
145
|
const mobileCellClass = (column) => {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"DataTable.js","sourceRoot":"","sources":["../../../../components/DataTable/DataTable.tsx"],"names":[],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"DataTable.js","sourceRoot":"","sources":["../../../../components/DataTable/DataTable.tsx"],"names":[],"mappings":"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"}
|
|
@@ -19,7 +19,7 @@
|
|
|
19
19
|
position: relative;
|
|
20
20
|
|
|
21
21
|
/* Interaction - only apply if interactive */
|
|
22
|
-
transition: background-color 0.2s ease;
|
|
22
|
+
transition: background-color 0.2s ease, box-shadow 0.2s ease;
|
|
23
23
|
}
|
|
24
24
|
|
|
25
25
|
/* Interactive state */
|
|
@@ -27,13 +27,19 @@
|
|
|
27
27
|
cursor: pointer;
|
|
28
28
|
}
|
|
29
29
|
|
|
30
|
+
/*
|
|
31
|
+
* surface.hover / surface.pressed are theme-adaptive translucent tints, so they
|
|
32
|
+
* are layered on top of the item's base surface via an inset box-shadow overlay
|
|
33
|
+
* rather than replacing background-color. This preserves the base level (level3,
|
|
34
|
+
* or level2 when selected) and lets the tint read correctly on any surface.
|
|
35
|
+
*/
|
|
30
36
|
.muka-listitem--interactive:hover:not(:disabled):not(.muka-listitem--disabled) {
|
|
31
|
-
|
|
37
|
+
box-shadow: inset 0 0 0 9999px var(--color-surface-hover);
|
|
32
38
|
}
|
|
33
39
|
|
|
34
40
|
.muka-listitem--interactive:active:not(:disabled):not(.muka-listitem--disabled),
|
|
35
41
|
.muka-listitem--interactive.muka-listitem--pressed:not(:disabled):not(.muka-listitem--disabled) {
|
|
36
|
-
|
|
42
|
+
box-shadow: inset 0 0 0 9999px var(--color-surface-pressed);
|
|
37
43
|
}
|
|
38
44
|
|
|
39
45
|
/* Focus styles for accessibility */
|
|
@@ -59,7 +65,7 @@
|
|
|
59
65
|
}
|
|
60
66
|
|
|
61
67
|
.muka-listitem--selected:hover {
|
|
62
|
-
|
|
68
|
+
box-shadow: inset 0 0 0 9999px var(--color-surface-hover);
|
|
63
69
|
}
|
|
64
70
|
|
|
65
71
|
/* No divider modifier */
|
|
@@ -0,0 +1,207 @@
|
|
|
1
|
+
/* ProgressAccordeon Component Styles — Using Muka Design Tokens */
|
|
2
|
+
|
|
3
|
+
/* ─── Root ──────────────────────────────────────────────── */
|
|
4
|
+
.muka-progress-accordeon {
|
|
5
|
+
container-type: inline-size;
|
|
6
|
+
display: flex;
|
|
7
|
+
flex-direction: column;
|
|
8
|
+
align-items: stretch;
|
|
9
|
+
width: 100%;
|
|
10
|
+
/* Top padding provides the vertical rhythm between stacked steps */
|
|
11
|
+
padding-top: var(--spacing-8);
|
|
12
|
+
}
|
|
13
|
+
|
|
14
|
+
/* Per-state gap: content-bearing steps are tighter, header-only steps looser */
|
|
15
|
+
.muka-progress-accordeon--current,
|
|
16
|
+
.muka-progress-accordeon--past.muka-progress-accordeon--expanded {
|
|
17
|
+
gap: var(--spacing-6);
|
|
18
|
+
}
|
|
19
|
+
|
|
20
|
+
.muka-progress-accordeon--upcoming,
|
|
21
|
+
.muka-progress-accordeon--past.muka-progress-accordeon--collapsed {
|
|
22
|
+
gap: var(--spacing-8);
|
|
23
|
+
}
|
|
24
|
+
|
|
25
|
+
/* Past-expanded groups header + slot with a tighter internal gap */
|
|
26
|
+
.muka-progress-accordeon__body {
|
|
27
|
+
display: flex;
|
|
28
|
+
flex-direction: column;
|
|
29
|
+
gap: var(--spacing-4);
|
|
30
|
+
width: 100%;
|
|
31
|
+
}
|
|
32
|
+
|
|
33
|
+
/* ─── Header ─────────────────────────────────────────────── */
|
|
34
|
+
.muka-progress-accordeon__header {
|
|
35
|
+
display: flex;
|
|
36
|
+
flex-direction: column;
|
|
37
|
+
gap: var(--spacing-3);
|
|
38
|
+
width: 100%;
|
|
39
|
+
}
|
|
40
|
+
|
|
41
|
+
.muka-progress-accordeon__header-row {
|
|
42
|
+
display: flex;
|
|
43
|
+
align-items: flex-start;
|
|
44
|
+
gap: var(--spacing-3);
|
|
45
|
+
width: 100%;
|
|
46
|
+
min-height: 40px;
|
|
47
|
+
}
|
|
48
|
+
|
|
49
|
+
.muka-progress-accordeon__heading-group {
|
|
50
|
+
display: flex;
|
|
51
|
+
flex: 1 0 0;
|
|
52
|
+
min-width: 0;
|
|
53
|
+
align-items: flex-start;
|
|
54
|
+
gap: var(--spacing-4);
|
|
55
|
+
}
|
|
56
|
+
|
|
57
|
+
/* Past steps carry 40px controls; nudge the heading to vertically centre it */
|
|
58
|
+
.muka-progress-accordeon--past .muka-progress-accordeon__heading-group {
|
|
59
|
+
padding-top: var(--spacing-1);
|
|
60
|
+
}
|
|
61
|
+
|
|
62
|
+
.muka-progress-accordeon__controls {
|
|
63
|
+
display: flex;
|
|
64
|
+
flex-shrink: 0;
|
|
65
|
+
align-items: center;
|
|
66
|
+
gap: var(--spacing-3);
|
|
67
|
+
}
|
|
68
|
+
|
|
69
|
+
/* ─── Step indicator (circle) ───────────────────────────── */
|
|
70
|
+
.muka-progress-accordeon__indicator {
|
|
71
|
+
width: 32px;
|
|
72
|
+
height: 32px;
|
|
73
|
+
flex-shrink: 0;
|
|
74
|
+
border-radius: var(--border-radius-full);
|
|
75
|
+
display: flex;
|
|
76
|
+
align-items: center;
|
|
77
|
+
justify-content: center;
|
|
78
|
+
}
|
|
79
|
+
|
|
80
|
+
/* Past: dark accent-contrast circle with inverse checkmark */
|
|
81
|
+
.muka-progress-accordeon__indicator--past {
|
|
82
|
+
background-color: var(--alias-color-accent-contrast);
|
|
83
|
+
color: var(--color-text-default-inverse);
|
|
84
|
+
}
|
|
85
|
+
|
|
86
|
+
/* Current: accent circle with inverse bold number */
|
|
87
|
+
.muka-progress-accordeon__indicator--current {
|
|
88
|
+
background-color: var(--alias-color-accent-default);
|
|
89
|
+
color: var(--color-text-default-inverse);
|
|
90
|
+
}
|
|
91
|
+
|
|
92
|
+
/* Upcoming: sunken/muted circle with default-color number */
|
|
93
|
+
.muka-progress-accordeon__indicator--upcoming {
|
|
94
|
+
background-color: var(--color-surface-sunken);
|
|
95
|
+
color: var(--color-text-default-default);
|
|
96
|
+
}
|
|
97
|
+
|
|
98
|
+
.muka-progress-accordeon__check-icon {
|
|
99
|
+
width: 20px;
|
|
100
|
+
height: 20px;
|
|
101
|
+
color: var(--color-text-default-inverse);
|
|
102
|
+
}
|
|
103
|
+
|
|
104
|
+
.muka-progress-accordeon__number {
|
|
105
|
+
font-family: var(--text-label-md-bold-fontFamily);
|
|
106
|
+
font-weight: var(--text-label-md-bold-fontWeight);
|
|
107
|
+
font-size: var(--text-label-md-bold-fontSize);
|
|
108
|
+
line-height: var(--text-label-md-bold-lineHeight);
|
|
109
|
+
text-align: center;
|
|
110
|
+
user-select: none;
|
|
111
|
+
}
|
|
112
|
+
|
|
113
|
+
/* Upcoming number is semibold (not bold) per Figma */
|
|
114
|
+
.muka-progress-accordeon__indicator--upcoming .muka-progress-accordeon__number {
|
|
115
|
+
font-family: var(--text-label-md-semibold-fontFamily);
|
|
116
|
+
font-weight: var(--text-label-md-semibold-fontWeight);
|
|
117
|
+
}
|
|
118
|
+
|
|
119
|
+
/* ─── Heading (responsive: heading/md on wide, heading/sm on narrow) ─────── */
|
|
120
|
+
.muka-progress-accordeon__heading {
|
|
121
|
+
flex: 1 0 0;
|
|
122
|
+
min-width: 0;
|
|
123
|
+
margin: 0;
|
|
124
|
+
font-family: var(--text-heading-md-fontFamily);
|
|
125
|
+
font-weight: var(--text-heading-md-fontWeight);
|
|
126
|
+
font-size: var(--text-heading-md-fontSize);
|
|
127
|
+
line-height: var(--text-heading-md-lineHeight);
|
|
128
|
+
letter-spacing: var(--text-heading-md-letterSpacing);
|
|
129
|
+
color: var(--color-text-default-default);
|
|
130
|
+
}
|
|
131
|
+
|
|
132
|
+
/* ─── Description ────────────────────────────────────────── */
|
|
133
|
+
/* Indented 48px (32px indicator + 16px gap) to align under the heading text */
|
|
134
|
+
.muka-progress-accordeon__description {
|
|
135
|
+
width: 100%;
|
|
136
|
+
padding-left: 48px;
|
|
137
|
+
font-family: var(--text-body-base-regular-fontFamily);
|
|
138
|
+
font-weight: var(--text-body-base-regular-fontWeight);
|
|
139
|
+
font-size: var(--text-body-base-regular-fontSize);
|
|
140
|
+
line-height: var(--text-body-base-regular-lineHeight);
|
|
141
|
+
color: var(--color-text-default-default);
|
|
142
|
+
}
|
|
143
|
+
|
|
144
|
+
/* ─── Edit button ────────────────────────────────────────── */
|
|
145
|
+
.muka-progress-accordeon__edit {
|
|
146
|
+
flex-shrink: 0;
|
|
147
|
+
}
|
|
148
|
+
|
|
149
|
+
/* Wide container shows the labelled button; the icon-only one is hidden */
|
|
150
|
+
.muka-progress-accordeon__edit--narrow {
|
|
151
|
+
display: none;
|
|
152
|
+
}
|
|
153
|
+
|
|
154
|
+
/* ─── Content slot ───────────────────────────────────────── */
|
|
155
|
+
.muka-progress-accordeon__slot {
|
|
156
|
+
display: flex;
|
|
157
|
+
flex-direction: column;
|
|
158
|
+
align-items: stretch;
|
|
159
|
+
width: 100%;
|
|
160
|
+
}
|
|
161
|
+
|
|
162
|
+
/* ─── Action buttons (current state) ─────────────────────── */
|
|
163
|
+
.muka-progress-accordeon__actions {
|
|
164
|
+
display: flex;
|
|
165
|
+
justify-content: flex-end;
|
|
166
|
+
gap: var(--spacing-4);
|
|
167
|
+
width: 100%;
|
|
168
|
+
}
|
|
169
|
+
|
|
170
|
+
.muka-progress-accordeon__action {
|
|
171
|
+
min-width: 160px;
|
|
172
|
+
}
|
|
173
|
+
|
|
174
|
+
/* ─── Divider ────────────────────────────────────────────── */
|
|
175
|
+
.muka-progress-accordeon__divider {
|
|
176
|
+
width: 100%;
|
|
177
|
+
}
|
|
178
|
+
|
|
179
|
+
/* ─── Responsive (narrow container) ──────────────────────── */
|
|
180
|
+
@container (max-width: 480px) {
|
|
181
|
+
/* Heading steps down to heading/sm. The 24px line-height is shorter than the
|
|
182
|
+
32px step indicator, so nudge the text down to keep a single line centred. */
|
|
183
|
+
.muka-progress-accordeon__heading {
|
|
184
|
+
font-size: var(--text-heading-sm-fontSize);
|
|
185
|
+
line-height: var(--text-heading-sm-lineHeight);
|
|
186
|
+
padding-top: var(--spacing-1);
|
|
187
|
+
}
|
|
188
|
+
|
|
189
|
+
/* Edit button swaps to the icon-only variant */
|
|
190
|
+
.muka-progress-accordeon__edit--wide {
|
|
191
|
+
display: none;
|
|
192
|
+
}
|
|
193
|
+
|
|
194
|
+
.muka-progress-accordeon__edit--narrow {
|
|
195
|
+
display: inline-flex;
|
|
196
|
+
}
|
|
197
|
+
|
|
198
|
+
/* Action buttons stretch to fill the row */
|
|
199
|
+
.muka-progress-accordeon__actions {
|
|
200
|
+
justify-content: stretch;
|
|
201
|
+
}
|
|
202
|
+
|
|
203
|
+
.muka-progress-accordeon__action {
|
|
204
|
+
flex: 1 0 0;
|
|
205
|
+
min-width: 0;
|
|
206
|
+
}
|
|
207
|
+
}
|
|
@@ -0,0 +1,66 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
'use client';
|
|
3
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
4
|
+
exports.ProgressAccordeon = void 0;
|
|
5
|
+
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
6
|
+
const Button_1 = require("../Button");
|
|
7
|
+
const Icon_1 = require("../Icon");
|
|
8
|
+
const Divider_1 = require("../Divider");
|
|
9
|
+
require("./ProgressAccordeon.css");
|
|
10
|
+
/**
|
|
11
|
+
* ProgressAccordeon Component
|
|
12
|
+
*
|
|
13
|
+
* A single step in a vertical, progress-driven accordion flow. Each step
|
|
14
|
+
* combines a numbered/checked step indicator with a heading and an optional
|
|
15
|
+
* content slot — visualising both progress and the work for a step.
|
|
16
|
+
*
|
|
17
|
+
* States:
|
|
18
|
+
* - **past** — dark check indicator, heading, edit + chevron controls; the
|
|
19
|
+
* content slot collapses/expands via `collapsed` + `onToggle`
|
|
20
|
+
* - **current** — accent numbered indicator, heading, content slot, actions
|
|
21
|
+
* - **upcoming** — muted numbered indicator, heading only
|
|
22
|
+
*
|
|
23
|
+
* Content is passed as `children` (an optional slot) and rendered as-is — supply
|
|
24
|
+
* your own `Card` when you want a card surface. Composes the Button, Icon and
|
|
25
|
+
* Divider primitives and is fully themed through the Muka design token system.
|
|
26
|
+
*
|
|
27
|
+
* Tokens used:
|
|
28
|
+
* - alias.color.accent.{default|contrast} — step indicator fills
|
|
29
|
+
* - color.surface.sunken — upcoming indicator fill
|
|
30
|
+
* - color.text.default.{default|inverse} — indicator glyphs
|
|
31
|
+
* - text.heading.{md|sm} — step heading (responsive)
|
|
32
|
+
* - text.body.base.regular — supporting description
|
|
33
|
+
* - text.label.md.{bold|semibold} — indicator number
|
|
34
|
+
* - spacing.{1|4|6|8} — vertical rhythm and gaps
|
|
35
|
+
*
|
|
36
|
+
* @accessibility
|
|
37
|
+
* - Renders each step as a labelled group with `aria-current="step"` on the
|
|
38
|
+
* active (current) step.
|
|
39
|
+
* - The chevron toggle exposes `aria-expanded`.
|
|
40
|
+
*/
|
|
41
|
+
const ProgressAccordeon = ({ state, stepNumber, heading, description, children, divider = true, collapsed = false, onToggle, editLabel = 'Edit', onEdit, primaryAction, secondaryAction, className = '', }) => {
|
|
42
|
+
const isPast = state === 'past';
|
|
43
|
+
const isCurrent = state === 'current';
|
|
44
|
+
const isExpanded = isPast && !collapsed;
|
|
45
|
+
const showToggle = isPast && Boolean(onToggle);
|
|
46
|
+
const showEdit = isExpanded && Boolean(onEdit);
|
|
47
|
+
const showDescription = Boolean(description) && !collapsed;
|
|
48
|
+
const hasSlot = (isExpanded || isCurrent) && Boolean(children);
|
|
49
|
+
const hasActions = isCurrent && Boolean(primaryAction || secondaryAction);
|
|
50
|
+
const rootClasses = [
|
|
51
|
+
'muka-progress-accordeon',
|
|
52
|
+
`muka-progress-accordeon--${state}`,
|
|
53
|
+
isPast && `muka-progress-accordeon--${collapsed ? 'collapsed' : 'expanded'}`,
|
|
54
|
+
className,
|
|
55
|
+
].filter(Boolean).join(' ');
|
|
56
|
+
const indicatorClasses = [
|
|
57
|
+
'muka-progress-accordeon__indicator',
|
|
58
|
+
`muka-progress-accordeon__indicator--${state}`,
|
|
59
|
+
].join(' ');
|
|
60
|
+
const header = ((0, jsx_runtime_1.jsxs)("div", { className: "muka-progress-accordeon__header", children: [(0, jsx_runtime_1.jsxs)("div", { className: "muka-progress-accordeon__header-row", children: [(0, jsx_runtime_1.jsxs)("div", { className: "muka-progress-accordeon__heading-group", children: [(0, jsx_runtime_1.jsx)("div", { className: indicatorClasses, "aria-hidden": "true", children: isPast ? ((0, jsx_runtime_1.jsx)(Icon_1.Icon, { name: "check", variant: "fill", size: "sm", className: "muka-progress-accordeon__check-icon" })) : ((0, jsx_runtime_1.jsx)("span", { className: "muka-progress-accordeon__number", children: stepNumber })) }), (0, jsx_runtime_1.jsx)("h3", { className: "muka-progress-accordeon__heading", children: heading })] }), (showEdit || showToggle) && ((0, jsx_runtime_1.jsxs)("div", { className: "muka-progress-accordeon__controls", children: [showEdit && ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(Button_1.Button, { variant: "tertiary", size: "md", onClick: onEdit, iconLeft: (0, jsx_runtime_1.jsx)(Icon_1.Icon, { name: "pencil", variant: "line", size: "md" }), className: "muka-progress-accordeon__edit muka-progress-accordeon__edit--wide", children: editLabel }), (0, jsx_runtime_1.jsx)(Button_1.Button, { variant: "tertiary", size: "md", iconOnly: true, onClick: onEdit, className: "muka-progress-accordeon__edit muka-progress-accordeon__edit--narrow", "aria-label": editLabel, children: (0, jsx_runtime_1.jsx)(Icon_1.Icon, { name: "pencil", variant: "line", size: "md" }) })] })), showToggle && ((0, jsx_runtime_1.jsx)(Button_1.Button, { variant: "tertiary", size: "md", iconOnly: true, onClick: onToggle, className: "muka-progress-accordeon__toggle", "aria-label": collapsed ? 'Expand' : 'Collapse', "aria-expanded": !collapsed, children: (0, jsx_runtime_1.jsx)(Icon_1.Icon, { name: collapsed ? 'arrow-down-s' : 'arrow-up-s', variant: "line", size: "md" }) }))] }))] }), showDescription && ((0, jsx_runtime_1.jsx)("div", { className: "muka-progress-accordeon__description", children: description }))] }));
|
|
61
|
+
const slot = hasSlot ? ((0, jsx_runtime_1.jsx)("div", { className: "muka-progress-accordeon__slot", children: children })) : null;
|
|
62
|
+
return ((0, jsx_runtime_1.jsxs)("div", { className: rootClasses, role: "group", "aria-label": `Step ${stepNumber}: ${heading}`, "aria-current": isCurrent ? 'step' : undefined, children: [isExpanded ? ((0, jsx_runtime_1.jsxs)("div", { className: "muka-progress-accordeon__body", children: [header, slot] })) : ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [header, slot] })), hasActions && ((0, jsx_runtime_1.jsxs)("div", { className: "muka-progress-accordeon__actions", children: [secondaryAction && ((0, jsx_runtime_1.jsx)(Button_1.Button, { variant: "secondary", size: "md", onClick: secondaryAction.onClick, disabled: secondaryAction.disabled, className: "muka-progress-accordeon__action", children: secondaryAction.label })), primaryAction && ((0, jsx_runtime_1.jsx)(Button_1.Button, { variant: "primary", size: "md", onClick: primaryAction.onClick, disabled: primaryAction.disabled, className: "muka-progress-accordeon__action", children: primaryAction.label }))] })), divider && (0, jsx_runtime_1.jsx)(Divider_1.Divider, { className: "muka-progress-accordeon__divider" })] }));
|
|
63
|
+
};
|
|
64
|
+
exports.ProgressAccordeon = ProgressAccordeon;
|
|
65
|
+
exports.default = exports.ProgressAccordeon;
|
|
66
|
+
//# sourceMappingURL=ProgressAccordeon.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"ProgressAccordeon.js","sourceRoot":"","sources":["../../../../components/ProgressAccordeon/ProgressAccordeon.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
3
|
+
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
4
|
+
};
|
|
5
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
6
|
+
exports.default = exports.ProgressAccordeon = void 0;
|
|
7
|
+
var ProgressAccordeon_1 = require("./ProgressAccordeon");
|
|
8
|
+
Object.defineProperty(exports, "ProgressAccordeon", { enumerable: true, get: function () { return ProgressAccordeon_1.ProgressAccordeon; } });
|
|
9
|
+
var ProgressAccordeon_2 = require("./ProgressAccordeon");
|
|
10
|
+
Object.defineProperty(exports, "default", { enumerable: true, get: function () { return __importDefault(ProgressAccordeon_2).default; } });
|
|
11
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../components/ProgressAccordeon/index.ts"],"names":[],"mappings":";;;;;;AAAA,yDAK6B;AAJ3B,sHAAA,iBAAiB,OAAA;AAKnB,yDAA8C;AAArC,6HAAA,OAAO,OAAA"}
|