@astryxdesign/core 0.2.0-canary.90ae6c6 → 0.2.0-canary.bdc7cde
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/Field/FieldLabel.d.ts +1 -2
- package/dist/Field/FieldLabel.d.ts.map +1 -1
- package/dist/Field/FieldLabel.js +3 -7
- package/dist/TopNav/TopNavMegaMenu.d.ts.map +1 -1
- package/dist/TopNav/TopNavMegaMenu.js +3 -9
- package/dist/astryx.css +1 -2
- package/dist/astryx.umd.js +28 -28
- package/dist/astryx.umd.js.map +3 -3
- package/locales/en.json +0 -8
- package/locales/pseudo.json +0 -6
- package/package.json +1 -1
- package/src/Field/FieldLabel.test.tsx +0 -25
- package/src/Field/FieldLabel.tsx +2 -11
- package/src/TopNav/TopNavMegaMenu.tsx +2 -26
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
/**
|
|
2
2
|
* @file FieldLabel.tsx
|
|
3
|
-
* @input Uses React, Icon, IconType
|
|
3
|
+
* @input Uses React, Icon, IconType
|
|
4
4
|
* @output Exports FieldLabel component, FieldLabelProps
|
|
5
5
|
* @position Core label implementation; used by Field, CheckboxInput, Switch
|
|
6
6
|
*
|
|
@@ -8,7 +8,6 @@
|
|
|
8
8
|
* - /packages/core/src/Field/Field.doc.mjs (props table, features, implementation notes)
|
|
9
9
|
* - /packages/core/src/Field/index.ts (exports if types change)
|
|
10
10
|
* - /packages/cli/templates/blocks/components/Field/ (showcase blocks)
|
|
11
|
-
* - /packages/core/locales/en.json (@astryx.field.required / @astryx.field.optional)
|
|
12
11
|
*/
|
|
13
12
|
import type { ReactNode } from 'react';
|
|
14
13
|
import type { BaseProps } from '../BaseProps';
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"FieldLabel.d.ts","sourceRoot":"","sources":["../../src/Field/FieldLabel.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"FieldLabel.d.ts","sourceRoot":"","sources":["../../src/Field/FieldLabel.tsx"],"names":[],"mappings":"AAEA;;;;;;;;;;GAUG;AAEH,OAAO,KAAK,EAAC,SAAS,EAAC,MAAM,OAAO,CAAC;AAErC,OAAO,KAAK,EAAC,SAAS,EAAC,MAAM,cAAc,CAAC;AAU5C,OAAO,EAAuB,KAAK,QAAQ,EAAC,MAAM,SAAS,CAAC;AAkD5D,MAAM,WAAW,eAAgB,SAAQ,SAAS,CAAC,gBAAgB,CAAC;IAClE,wCAAwC;IACxC,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,gBAAgB,CAAC,CAAC;IAClC;;OAEG;IACH,KAAK,EAAE,MAAM,CAAC;IACd;;;;OAIG;IACH,OAAO,EAAE,MAAM,CAAC;IAChB;;;;;OAKG;IACH,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB;;;;;;;;OAQG;IACH,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB;;;;;OAKG;IACH,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB;;;OAGG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB;;;OAGG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB;;;OAGG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB;;OAEG;IACH,SAAS,CAAC,EAAE,SAAS,GAAG,QAAQ,CAAC;IACjC;;OAEG;IACH,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB;;;OAGG;IACH,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB;;OAEG;IACH,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB;AAED;;;;;;;;;;;;GAYG;AACH,wBAAgB,UAAU,CAAC,EACzB,KAAK,EACL,OAAO,EACP,OAAO,EACP,YAAoB,EACpB,aAAqB,EACrB,UAAkB,EAClB,UAAkB,EAClB,UAAkB,EAClB,SAAS,EACT,YAAY,EACZ,WAAW,EACX,aAAa,EACb,SAAS,EACT,KAAK,EACL,MAAM,EACN,GAAG,EACH,GAAG,IAAI,EACR,EAAE,eAAe,+BA0DjB;yBA5Ee,UAAU"}
|
package/dist/Field/FieldLabel.js
CHANGED
|
@@ -1,10 +1,8 @@
|
|
|
1
1
|
// Copyright (c) Meta Platforms, Inc. and affiliates.
|
|
2
2
|
|
|
3
|
-
'use client';
|
|
4
|
-
|
|
5
3
|
/**
|
|
6
4
|
* @file FieldLabel.tsx
|
|
7
|
-
* @input Uses React, Icon, IconType
|
|
5
|
+
* @input Uses React, Icon, IconType
|
|
8
6
|
* @output Exports FieldLabel component, FieldLabelProps
|
|
9
7
|
* @position Core label implementation; used by Field, CheckboxInput, Switch
|
|
10
8
|
*
|
|
@@ -12,15 +10,14 @@
|
|
|
12
10
|
* - /packages/core/src/Field/Field.doc.mjs (props table, features, implementation notes)
|
|
13
11
|
* - /packages/core/src/Field/index.ts (exports if types change)
|
|
14
12
|
* - /packages/cli/templates/blocks/components/Field/ (showcase blocks)
|
|
15
|
-
* - /packages/core/locales/en.json (@astryx.field.required / @astryx.field.optional)
|
|
16
13
|
*/
|
|
14
|
+
|
|
17
15
|
import * as stylex from '@stylexjs/stylex';
|
|
18
16
|
import { mergeProps } from "../utils/index.js";
|
|
19
17
|
import "../theme/tokens.stylex.js";
|
|
20
18
|
import { colorVars, fontWeightVars, spacingVars, typographyVars, typeScaleVars } from "../theme/tokens.stylex.js";
|
|
21
19
|
import { Icon, renderIconSlot } from "../Icon/index.js";
|
|
22
20
|
import { Tooltip } from "../Tooltip/index.js";
|
|
23
|
-
import { useTranslator } from "../i18n/index.js";
|
|
24
21
|
import { themeProps } from "../utils/themeProps.js";
|
|
25
22
|
import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
|
|
26
23
|
const styles = {
|
|
@@ -90,8 +87,7 @@ export function FieldLabel({
|
|
|
90
87
|
ref,
|
|
91
88
|
...rest
|
|
92
89
|
}) {
|
|
93
|
-
const
|
|
94
|
-
const statusText = isOptional ? t('@astryx.field.optional') : isRequired ? t('@astryx.field.required') : null;
|
|
90
|
+
const statusText = isOptional ? 'Optional' : isRequired ? 'Required' : null;
|
|
95
91
|
|
|
96
92
|
// A group label (e.g. for a radiogroup) must not be a literal `<label>`
|
|
97
93
|
// element: a `<label>` semantically names a single form control and can't be
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"TopNavMegaMenu.d.ts","sourceRoot":"","sources":["../../src/TopNav/TopNavMegaMenu.tsx"],"names":[],"mappings":"AAIA;;;;;;;;;;;;;;;;;;;GAmBG;AAEH,OAAO,KAAK,EAAE,EAKZ,KAAK,SAAS,EACf,MAAM,OAAO,CAAC;AAiBf,OAAO,KAAK,EAAC,SAAS,EAAC,MAAM,cAAc,CAAC;
|
|
1
|
+
{"version":3,"file":"TopNavMegaMenu.d.ts","sourceRoot":"","sources":["../../src/TopNav/TopNavMegaMenu.tsx"],"names":[],"mappings":"AAIA;;;;;;;;;;;;;;;;;;;GAmBG;AAEH,OAAO,KAAK,EAAE,EAKZ,KAAK,SAAS,EACf,MAAM,OAAO,CAAC;AAiBf,OAAO,KAAK,EAAC,SAAS,EAAC,MAAM,cAAc,CAAC;AAmK5C,MAAM,WAAW,mBAAoB,SAAQ,SAAS,CAAC,iBAAiB,CAAC;IACvE,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,iBAAiB,CAAC,CAAC;IACnC,kDAAkD;IAClD,KAAK,EAAE,MAAM,CAAC;IACd;;;OAGG;IACH,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB;;;OAGG;IACH,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,gEAAgE;IAChE,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,yEAAyE;IACzE,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;;OAGG;IACH,YAAY,CAAC,EAAE,CAAC,MAAM,EAAE,OAAO,KAAK,IAAI,CAAC;CAC1C;AAMD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA4CG;AACH,wBAAgB,cAAc,CAAC,EAC7B,GAAG,EACH,KAAK,EACL,KAAK,EACL,QAAQ,EACR,KAAW,EACX,SAAe,EACf,YAAY,GACb,EAAE,mBAAmB,4BA+BrB;yBAvCe,cAAc"}
|
|
@@ -51,12 +51,6 @@ const styles = {
|
|
|
51
51
|
k1tdAh: "x12p7p72",
|
|
52
52
|
$$css: true
|
|
53
53
|
},
|
|
54
|
-
panelViewportFit: {
|
|
55
|
-
k1xSpc: "x78zum5",
|
|
56
|
-
kXwgrk: "xdt5ytf",
|
|
57
|
-
kskxy: "xbhvqqn",
|
|
58
|
-
$$css: true
|
|
59
|
-
},
|
|
60
54
|
drawerHeader: {
|
|
61
55
|
kjj79g: "x1qughib",
|
|
62
56
|
$$css: true
|
|
@@ -294,11 +288,11 @@ function DefaultMegaMenu({
|
|
|
294
288
|
onMouseEnter: handleMouseEnter,
|
|
295
289
|
onMouseLeave: handleMouseLeave,
|
|
296
290
|
...{
|
|
297
|
-
className: "x1prclbq x11xkdxz x13fuv20 x1pc3f07 x1hviunn x1i5ehqx xb3r6kr
|
|
291
|
+
className: "x1prclbq x11xkdxz x13fuv20 x1pc3f07 x1hviunn x1i5ehqx xb3r6kr"
|
|
298
292
|
},
|
|
299
293
|
children: /*#__PURE__*/_jsxs("div", {
|
|
300
294
|
...{
|
|
301
|
-
className: "x78zum5 x1a02dak x1qh66ti x8o8v82 xrrkdod
|
|
295
|
+
className: "x78zum5 x1a02dak x1qh66ti x8o8v82 xrrkdod xyzno7u"
|
|
302
296
|
},
|
|
303
297
|
children: [items != null && /*#__PURE__*/_jsx("div", {
|
|
304
298
|
...{
|
|
@@ -319,7 +313,7 @@ function DefaultMegaMenu({
|
|
|
319
313
|
}), {
|
|
320
314
|
placement: 'below',
|
|
321
315
|
alignment: slot,
|
|
322
|
-
xstyle:
|
|
316
|
+
xstyle: styles.panelAnimation
|
|
323
317
|
})]
|
|
324
318
|
});
|
|
325
319
|
}
|
package/dist/astryx.css
CHANGED
|
@@ -1348,7 +1348,6 @@
|
|
|
1348
1348
|
.x18s7i0i:not(#\#):not(#\#):not(#\#):not(#\#){max-height:176px}
|
|
1349
1349
|
.x1xiyphd:not(#\#):not(#\#):not(#\#):not(#\#){max-height:240px}
|
|
1350
1350
|
.xuyqlj2:not(#\#):not(#\#):not(#\#):not(#\#){max-height:300px}
|
|
1351
|
-
.xbhvqqn:not(#\#):not(#\#):not(#\#):not(#\#){max-height:calc(100% - var(--spacing-3))}
|
|
1352
1351
|
.x7ab17h:not(#\#):not(#\#):not(#\#):not(#\#){max-height:none}
|
|
1353
1352
|
.xenllk4:not(#\#):not(#\#):not(#\#):not(#\#){max-height:var(--container-max-height,none)}
|
|
1354
1353
|
.x1jols5v:not(#\#):not(#\#):not(#\#):not(#\#){max-height:var(--x-maxHeight)}
|
|
@@ -1365,9 +1364,9 @@
|
|
|
1365
1364
|
.x1ap80js:not(#\#):not(#\#):not(#\#):not(#\#){max-width:800px}
|
|
1366
1365
|
.xq8v1hd:not(#\#):not(#\#):not(#\#):not(#\#){max-width:90%}
|
|
1367
1366
|
.x95b5qq:not(#\#):not(#\#):not(#\#):not(#\#){max-width:90vw}
|
|
1367
|
+
.xyzno7u:not(#\#):not(#\#):not(#\#):not(#\#){max-width:960px}
|
|
1368
1368
|
.xl6temz:not(#\#):not(#\#):not(#\#):not(#\#){max-width:max(80%,280px)}
|
|
1369
1369
|
.xxtfdz8:not(#\#):not(#\#):not(#\#):not(#\#){max-width:min(100%,calc(100vw - 32px))}
|
|
1370
|
-
.x1m1aaou:not(#\#):not(#\#):not(#\#):not(#\#){max-width:min(960px,calc(100dvw - var(--spacing-4)))}
|
|
1371
1370
|
.x1x1rfll:not(#\#):not(#\#):not(#\#):not(#\#){max-width:none}
|
|
1372
1371
|
.xjl2t3p:not(#\#):not(#\#):not(#\#):not(#\#){max-width:var(--layout-content-width,none)}
|
|
1373
1372
|
.xf68679:not(#\#):not(#\#):not(#\#):not(#\#){max-width:var(--x-maxWidth)}
|