@narmi/design_system 6.14.0 → 6.15.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/index.js +17 -17
- package/dist/index.js.map +1 -1
- package/dist/tokens/css/rgbColors.css +1 -1
- package/dist/tokens/css/rgbColors.scss +1 -1
- package/dist/tokens/css/tokens.css +1 -1
- package/dist/tokens/css/tokens.scss +1 -1
- package/dist/tokens/js/colors.esm.js +1 -1
- package/dist/tokens/js/colors.js +1 -1
- package/dist/tokens/js/manifest.esm.js +1 -1
- package/dist/tokens/js/manifest.js +1 -1
- package/dist/tokens/js/reactNativeWeb.js +1 -1
- package/dist/types/TableAutocomplete/index.d.ts.map +1 -1
- package/dist/types/TableSelect/index.d.ts.map +1 -1
- package/dist/types/hooks/useDropdownLayer/index.d.ts +9 -1
- package/dist/types/hooks/useDropdownLayer/index.d.ts.map +1 -1
- package/dist/types/hooks/useDropdownLayer/useAnchorPolyfill.d.ts +7 -1
- package/dist/types/hooks/useDropdownLayer/useAnchorPolyfill.d.ts.map +1 -1
- package/dist/types/hooks/useSupportsAnchorPositioning/index.d.ts +20 -1
- package/dist/types/hooks/useSupportsAnchorPositioning/index.d.ts.map +1 -1
- package/package.json +1 -1
package/dist/tokens/js/colors.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/TableAutocomplete/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAkB,MAAM,OAAO,CAAC;AAOvC,YAAY,EAAE,0BAA0B,EAAE,MAAM,QAAQ,CAAC;AAEzD,MAAM,MAAM,qBAAqB,GAAG,KAAK,CAAC,YAAY,CAAC;AAEvD,MAAM,WAAW,sBAAsB;IACrC,oCAAoC;IACpC,KAAK,EAAE,MAAM,CAAC;IACd;;;OAGG;IACH,QAAQ,EAAE,qBAAqB,EAAE,CAAC;IAClC,2EAA2E;IAC3E,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACnC,kCAAkC;IAClC,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACxC,mGAAmG;IACnG,kBAAkB,CAAC,EAAE,CACnB,KAAK,EAAE,qBAAqB,EAAE,EAC9B,UAAU,EAAE,MAAM,KACf,qBAAqB,EAAE,CAAC;IAC7B,6DAA6D;IAC7D,aAAa,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAChC,6BAA6B;IAC7B,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,oCAAoC;IACpC,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,sCAAsC;IACtC,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,qCAAqC;IACrC,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,eAAO,MAAM,YAAY,GAAI,MAAM,qBAAqB,GAAG,IAAI,QACX,CAAC;AAErD,eAAO,MAAM,WAAW,GACtB,OAAO,qBAAqB,EAAE,EAC9B,YAAY,MAAM,4BAIjB,CAAC;AAEJ;;;;;;GAMG;AACH,QAAA,MAAM,iBAAiB;sIAWpB,sBAAsB;;
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/TableAutocomplete/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAkB,MAAM,OAAO,CAAC;AAOvC,YAAY,EAAE,0BAA0B,EAAE,MAAM,QAAQ,CAAC;AAEzD,MAAM,MAAM,qBAAqB,GAAG,KAAK,CAAC,YAAY,CAAC;AAEvD,MAAM,WAAW,sBAAsB;IACrC,oCAAoC;IACpC,KAAK,EAAE,MAAM,CAAC;IACd;;;OAGG;IACH,QAAQ,EAAE,qBAAqB,EAAE,CAAC;IAClC,2EAA2E;IAC3E,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACnC,kCAAkC;IAClC,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACxC,mGAAmG;IACnG,kBAAkB,CAAC,EAAE,CACnB,KAAK,EAAE,qBAAqB,EAAE,EAC9B,UAAU,EAAE,MAAM,KACf,qBAAqB,EAAE,CAAC;IAC7B,6DAA6D;IAC7D,aAAa,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAChC,6BAA6B;IAC7B,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,oCAAoC;IACpC,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,sCAAsC;IACtC,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,qCAAqC;IACrC,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,eAAO,MAAM,YAAY,GAAI,MAAM,qBAAqB,GAAG,IAAI,QACX,CAAC;AAErD,eAAO,MAAM,WAAW,GACtB,OAAO,qBAAqB,EAAE,EAC9B,YAAY,MAAM,4BAIjB,CAAC;AAEJ;;;;;;GAMG;AACH,QAAA,MAAM,iBAAiB;sIAWpB,sBAAsB;;CAuJxB,CAAC;AAEF,eAAe,iBAAiB,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/TableSelect/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAkB,MAAM,OAAO,CAAC;AAOvC,OAAO,IAAI,EAAE,EAAE,oBAAoB,EAAE,MAAM,QAAQ,CAAC;AAEpD,MAAM,MAAM,eAAe,GAAG,KAAK,CAAC,YAAY,CAAC,oBAAoB,CAAC,CAAC;AAEvE,MAAM,WAAW,gBAAgB;IAC/B,sBAAsB;IACtB,EAAE,EAAE,MAAM,CAAC;IACX,oCAAoC;IACpC,KAAK,EAAE,MAAM,CAAC;IACd;;;OAGG;IACH,QAAQ,EAAE,eAAe,EAAE,CAAC;IAC5B,gCAAgC;IAChC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,2EAA2E;IAC3E,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACnC,6DAA6D;IAC7D,YAAY,CAAC,EAAE,MAAM,KAAK,CAAC,SAAS,CAAC;IACrC,oCAAoC;IACpC,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,qCAAqC;IACrC,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,eAAO,MAAM,YAAY,GAAI,MAAM,eAAe,GAAG,IAAI,WAChC,CAAC;AAE1B,UAAU,oBAAqB,SAAQ,KAAK,CAAC,yBAAyB,CACpE,gBAAgB,GAAG,KAAK,CAAC,aAAa,CAAC,gBAAgB,CAAC,CACzD;IACC,IAAI,EAAE,OAAO,IAAI,CAAC;CACnB;AAED;;;GAGG;AAEH,QAAA,MAAM,WAAW,
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/TableSelect/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAkB,MAAM,OAAO,CAAC;AAOvC,OAAO,IAAI,EAAE,EAAE,oBAAoB,EAAE,MAAM,QAAQ,CAAC;AAEpD,MAAM,MAAM,eAAe,GAAG,KAAK,CAAC,YAAY,CAAC,oBAAoB,CAAC,CAAC;AAEvE,MAAM,WAAW,gBAAgB;IAC/B,sBAAsB;IACtB,EAAE,EAAE,MAAM,CAAC;IACX,oCAAoC;IACpC,KAAK,EAAE,MAAM,CAAC;IACd;;;OAGG;IACH,QAAQ,EAAE,eAAe,EAAE,CAAC;IAC5B,gCAAgC;IAChC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,2EAA2E;IAC3E,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACnC,6DAA6D;IAC7D,YAAY,CAAC,EAAE,MAAM,KAAK,CAAC,SAAS,CAAC;IACrC,oCAAoC;IACpC,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,qCAAqC;IACrC,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,eAAO,MAAM,YAAY,GAAI,MAAM,eAAe,GAAG,IAAI,WAChC,CAAC;AAE1B,UAAU,oBAAqB,SAAQ,KAAK,CAAC,yBAAyB,CACpE,gBAAgB,GAAG,KAAK,CAAC,aAAa,CAAC,gBAAgB,CAAC,CACzD;IACC,IAAI,EAAE,OAAO,IAAI,CAAC;CACnB;AAED;;;GAGG;AAEH,QAAA,MAAM,WAAW,EAmID,oBAAoB,CAAC;AAGrC,eAAe,WAAW,CAAC"}
|
|
@@ -50,12 +50,20 @@ export interface UseDropdownLayerOptions {
|
|
|
50
50
|
* back to start alignment.
|
|
51
51
|
*/
|
|
52
52
|
alignment?: Alignment;
|
|
53
|
+
/**
|
|
54
|
+
* When true, forces the JS polyfill if the browser has the Safari
|
|
55
|
+
* scroll-container bug (anchor-size/position-try-fallbacks fail inside
|
|
56
|
+
* overflow:auto ancestors). Opt-in only for components that render inside
|
|
57
|
+
* scroll containers (e.g. Select, Combobox inside Dialog).
|
|
58
|
+
* @default false
|
|
59
|
+
*/
|
|
60
|
+
polyfillScrollBug?: boolean;
|
|
53
61
|
}
|
|
54
62
|
/**
|
|
55
63
|
* Progressive enhancement driven layout helper for dropdowns/menus.
|
|
56
64
|
* Uses CSS anchor positioning if supported, otherwise falls back to
|
|
57
65
|
* a JS-supported fixed positioning strategy.
|
|
58
66
|
*/
|
|
59
|
-
declare const useDropdownLayer: ({ isOpen, setIsOpen, matchWidth, isPortalled, ariaPopupType, placement, alignment, }: UseDropdownLayerOptions) => UseDropdownLayerResult;
|
|
67
|
+
declare const useDropdownLayer: ({ isOpen, setIsOpen, matchWidth, isPortalled, ariaPopupType, placement, alignment, polyfillScrollBug, }: UseDropdownLayerOptions) => UseDropdownLayerResult;
|
|
60
68
|
export default useDropdownLayer;
|
|
61
69
|
//# sourceMappingURL=index.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/hooks/useDropdownLayer/index.ts"],"names":[],"mappings":"AAIA,MAAM,MAAM,sBAAsB,GAAG;IACnC,sDAAsD;IACtD,WAAW,EAAE;QACX,GAAG,EAAE,KAAK,CAAC,GAAG,CAAC,WAAW,CAAC,CAAC;QAC5B,KAAK,EAAE;YACL,UAAU,CAAC,EAAE,MAAM,CAAC;SACrB,CAAC;QACF,eAAe,EAAE,MAAM,CAAC;QACxB,eAAe,CAAC,EAAE,OAAO,CAAC;KAC3B,CAAC;IACF,qDAAqD;IACrD,UAAU,EAAE;QACV,GAAG,EAAE,KAAK,CAAC,GAAG,CAAC,WAAW,CAAC,CAAC;QAC5B,KAAK,EACD;YACE,cAAc,CAAC,EAAE,MAAM,CAAC;YACxB,YAAY,CAAC,EAAE,MAAM,CAAC;YACtB,oBAAoB,CAAC,EAAE,MAAM,CAAC;SAC/B,GACD,KAAK,CAAC,aAAa,CAAC;KACzB,CAAC;IACF,iEAAiE;IACjE,yBAAyB,EAAE,OAAO,CAAC;CACpC,CAAC;AAEF,MAAM,MAAM,SAAS,GAAG,QAAQ,GAAG,KAAK,GAAG,MAAM,GAAG,OAAO,CAAC;AAC5D,MAAM,MAAM,SAAS,GAAG,OAAO,GAAG,QAAQ,GAAG,KAAK,CAAC;AAEnD,MAAM,WAAW,uBAAuB;IACtC,wDAAwD;IACxD,MAAM,EAAE,OAAO,CAAC;IAChB,iDAAiD;IACjD,SAAS,EAAE,CAAC,MAAM,EAAE,OAAO,KAAK,IAAI,CAAC;IACrC,wEAAwE;IACxE,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB;;;OAGG;IACH,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB;;OAEG;IACH,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB;;OAEG;IACH,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB;;;;;;OAMG;IACH,SAAS,CAAC,EAAE,SAAS,CAAC;
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/hooks/useDropdownLayer/index.ts"],"names":[],"mappings":"AAIA,MAAM,MAAM,sBAAsB,GAAG;IACnC,sDAAsD;IACtD,WAAW,EAAE;QACX,GAAG,EAAE,KAAK,CAAC,GAAG,CAAC,WAAW,CAAC,CAAC;QAC5B,KAAK,EAAE;YACL,UAAU,CAAC,EAAE,MAAM,CAAC;SACrB,CAAC;QACF,eAAe,EAAE,MAAM,CAAC;QACxB,eAAe,CAAC,EAAE,OAAO,CAAC;KAC3B,CAAC;IACF,qDAAqD;IACrD,UAAU,EAAE;QACV,GAAG,EAAE,KAAK,CAAC,GAAG,CAAC,WAAW,CAAC,CAAC;QAC5B,KAAK,EACD;YACE,cAAc,CAAC,EAAE,MAAM,CAAC;YACxB,YAAY,CAAC,EAAE,MAAM,CAAC;YACtB,oBAAoB,CAAC,EAAE,MAAM,CAAC;SAC/B,GACD,KAAK,CAAC,aAAa,CAAC;KACzB,CAAC;IACF,iEAAiE;IACjE,yBAAyB,EAAE,OAAO,CAAC;CACpC,CAAC;AAEF,MAAM,MAAM,SAAS,GAAG,QAAQ,GAAG,KAAK,GAAG,MAAM,GAAG,OAAO,CAAC;AAC5D,MAAM,MAAM,SAAS,GAAG,OAAO,GAAG,QAAQ,GAAG,KAAK,CAAC;AAEnD,MAAM,WAAW,uBAAuB;IACtC,wDAAwD;IACxD,MAAM,EAAE,OAAO,CAAC;IAChB,iDAAiD;IACjD,SAAS,EAAE,CAAC,MAAM,EAAE,OAAO,KAAK,IAAI,CAAC;IACrC,wEAAwE;IACxE,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB;;;OAGG;IACH,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB;;OAEG;IACH,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB;;OAEG;IACH,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB;;;;;;OAMG;IACH,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB;;;;;;OAMG;IACH,iBAAiB,CAAC,EAAE,OAAO,CAAC;CAC7B;AA6BD;;;;GAIG;AACH,QAAA,MAAM,gBAAgB,GAAI,yGASvB,uBAAuB,KAAG,sBA+F5B,CAAC;AAEF,eAAe,gBAAgB,CAAC"}
|
|
@@ -9,6 +9,12 @@ interface UseAnchorPolyfillParams {
|
|
|
9
9
|
isOpen: boolean;
|
|
10
10
|
/** Function to close the dropdown */
|
|
11
11
|
setIsOpen: (isOpen: boolean) => void;
|
|
12
|
+
/**
|
|
13
|
+
* When true, forces the polyfill path if the browser has the Safari
|
|
14
|
+
* scroll-container bug (anchor-size/position-try-fallbacks fail inside
|
|
15
|
+
* overflow:auto ancestors). Defaults to false.
|
|
16
|
+
*/
|
|
17
|
+
polyfillScrollBug?: boolean;
|
|
12
18
|
}
|
|
13
19
|
/**
|
|
14
20
|
* Calculates and applies CSS custom properties for dropdown positioning.
|
|
@@ -24,7 +30,7 @@ export declare const computeRootMargin: (rect: DOMRect) => string;
|
|
|
24
30
|
* Polyfill for CSS anchor positioning: `position-area: bottom` with
|
|
25
31
|
* `positionTryFallbacks: "--nds-dropdown-above, flip-inline"`.
|
|
26
32
|
*/
|
|
27
|
-
declare const useAnchorPolyfill: ({ anchorRef, layerRef, matchWidth, isOpen, setIsOpen, }: UseAnchorPolyfillParams) => {
|
|
33
|
+
declare const useAnchorPolyfill: ({ anchorRef, layerRef, matchWidth, isOpen, setIsOpen, polyfillScrollBug, }: UseAnchorPolyfillParams) => {
|
|
28
34
|
isAnchorPositionSupported: boolean;
|
|
29
35
|
polyFillLayerStyles: {};
|
|
30
36
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"useAnchorPolyfill.d.ts","sourceRoot":"","sources":["../../../../src/hooks/useDropdownLayer/useAnchorPolyfill.ts"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"useAnchorPolyfill.d.ts","sourceRoot":"","sources":["../../../../src/hooks/useDropdownLayer/useAnchorPolyfill.ts"],"names":[],"mappings":"AAKA,UAAU,uBAAuB;IAC/B,uEAAuE;IACvE,SAAS,EAAE,KAAK,CAAC,SAAS,CAAC,WAAW,CAAC,CAAC;IACxC,wEAAwE;IACxE,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC,WAAW,CAAC,CAAC;IACvC,wEAAwE;IACxE,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,6CAA6C;IAC7C,MAAM,EAAE,OAAO,CAAC;IAChB,qCAAqC;IACrC,SAAS,EAAE,CAAC,MAAM,EAAE,OAAO,KAAK,IAAI,CAAC;IACrC;;;;OAIG;IACH,iBAAiB,CAAC,EAAE,OAAO,CAAC;CAC7B;AAED;;;GAGG;AACH,eAAO,MAAM,iBAAiB,GAC5B,UAAU,WAAW,EACrB,SAAS,WAAW,EACpB,YAAY,OAAO,KAClB,IA2CF,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,iBAAiB,GAAI,MAAM,OAAO,KAAG,MAgBjD,CAAC;AAEF;;;GAGG;AACH,QAAA,MAAM,iBAAiB,GAAI,4EAOxB,uBAAuB;;;CAqGzB,CAAC;AAEF,eAAe,iBAAiB,CAAC"}
|
|
@@ -1,6 +1,25 @@
|
|
|
1
1
|
/**
|
|
2
2
|
* Hook to detect if the browser supports CSS anchor positioning.
|
|
3
|
-
*
|
|
3
|
+
*
|
|
4
|
+
* Detection strategy:
|
|
5
|
+
* 1. CSS.supports() checks for property/value support (fast path).
|
|
6
|
+
* 2. A separate exported constant `HAS_SCROLL_CONTAINER_BUG` runs a runtime
|
|
7
|
+
* test to detect Safari's broken anchor-size/position-try-fallbacks inside
|
|
8
|
+
* scroll containers. Components opt into this check via
|
|
9
|
+
* `polyfillScrollBug: true` on useDropdownLayer.
|
|
10
|
+
*
|
|
11
|
+
* Both checks run once at module load and are cached.
|
|
12
|
+
*/
|
|
13
|
+
/**
|
|
14
|
+
* Whether the browser has the Safari scroll-container bug where
|
|
15
|
+
* anchor-size() and position-try-fallbacks fail inside overflow:auto ancestors.
|
|
16
|
+
* Only runs the runtime test if CSS checks pass (otherwise irrelevant).
|
|
17
|
+
* Self-healing: returns false once Safari ships a fix.
|
|
18
|
+
*/
|
|
19
|
+
export declare const HAS_SCROLL_CONTAINER_BUG: boolean;
|
|
20
|
+
/**
|
|
21
|
+
* Returns whether the browser supports CSS anchor positioning
|
|
22
|
+
* (based on CSS.supports checks).
|
|
4
23
|
*/
|
|
5
24
|
declare const useSupportsAnchorPositioning: () => boolean;
|
|
6
25
|
export default useSupportsAnchorPositioning;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/hooks/useSupportsAnchorPositioning/index.ts"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/hooks/useSupportsAnchorPositioning/index.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;GAWG;AAkDH;;;;;GAKG;AACH,eAAO,MAAM,wBAAwB,EAAE,OACoB,CAAC;AAE5D;;;GAGG;AACH,QAAA,MAAM,4BAA4B,QAAO,OAAsC,CAAC;AAEhF,eAAe,4BAA4B,CAAC"}
|