@orioncactuscorp/ui 1.15.0 → 1.16.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/CHANGELOG.md +97 -0
- package/README.md +15 -15
- package/dist/components/Accordion/Accordion.css +1 -1
- package/dist/components/ActionArea/ActionArea.css +1 -1
- package/dist/components/BackgroundIconButton/BackgroundIconButton.css +1 -1
- package/dist/components/BackgroundIconButton/BackgroundIconButton.js +9 -9
- package/dist/components/Badge/Badge.css +1 -1
- package/dist/components/Badge/Badge.js +20 -20
- package/dist/components/Button/Button.css +1 -1
- package/dist/components/Button/Button.js +5 -5
- package/dist/components/Cell/Cell.css +1 -1
- package/dist/components/CheckMark/CheckMark.css +1 -1
- package/dist/components/CheckMark/CheckMark.js +6 -6
- package/dist/components/Checkbox/Checkbox.css +1 -1
- package/dist/components/Checkbox/Checkbox.js +15 -15
- package/dist/components/Field/Field.css +1 -1
- package/dist/components/IconButton/IconButton.css +1 -1
- package/dist/components/IconButton/IconButton.js +9 -9
- package/dist/components/Interaction/Interaction.css +1 -1
- package/dist/components/Interaction/Interaction.js +19 -12
- package/dist/components/Menu/Menu.css +1 -1
- package/dist/components/Modal/Modal.css +1 -1
- package/dist/components/Modal/bottomSheetRelease.js +114 -0
- package/dist/components/Modal/modalScrollArbitration.js +49 -47
- package/dist/components/Modal/useModalDrag.js +928 -983
- package/dist/components/PositionSnap/PositionSnap.css +1 -1
- package/dist/components/ProgressIndicator/ProgressIndicator.css +1 -1
- package/dist/components/Radio/Radio.css +1 -1
- package/dist/components/Radio/Radio.js +9 -9
- package/dist/components/ScrollArea/ScrollArea.css +1 -1
- package/dist/components/ScrollArea/ScrollArea.js +262 -264
- package/dist/components/Skeleton/Skeleton.css +1 -1
- package/dist/components/Switch/Switch.css +1 -1
- package/dist/components/Switch/Switch.js +7 -7
- package/dist/components/Tabs/Tabs.css +1 -1
- package/dist/components/TextButton/TextButton.css +1 -1
- package/dist/components/TextButton/TextButton.js +17 -17
- package/dist/foundations/touch.css +1 -0
- package/dist/foundations.css +1 -0
- package/dist/styles.css +22 -21
- package/dist/ui/src/components/Interaction/Interaction.d.ts.map +1 -1
- package/dist/ui/src/components/Interaction/types.d.ts +2 -0
- package/dist/ui/src/components/Interaction/types.d.ts.map +1 -1
- package/dist/ui/src/components/Modal/bottomSheetRelease.d.ts +19 -0
- package/dist/ui/src/components/Modal/bottomSheetRelease.d.ts.map +1 -0
- package/dist/ui/src/components/Modal/modalScrollArbitration.d.ts.map +1 -1
- package/dist/ui/src/components/Modal/useModalDrag.d.ts.map +1 -1
- package/dist/ui/src/components/ScrollArea/ScrollArea.d.ts +1 -1
- package/dist/ui/src/components/ScrollArea/ScrollArea.d.ts.map +1 -1
- package/dist/ui/src/components/ScrollArea/index.d.ts +1 -1
- package/dist/ui/src/components/ScrollArea/index.d.ts.map +1 -1
- package/dist/ui/src/components/ScrollArea/types.d.ts +2 -0
- package/dist/ui/src/components/ScrollArea/types.d.ts.map +1 -1
- package/dist/ui/src/index.d.ts +1 -1
- package/dist/ui/src/index.d.ts.map +1 -1
- package/dist/vscode/oc-ui-vars.css +1 -0
- package/docs/responsive-foundation-profile.md +1 -0
- package/docs/scss-helpers.md +1 -3
- package/docs/selector-contract.md +27 -3
- package/docs/tokens.md +6 -0
- package/package.json +1 -1
- package/src/scss/foundations/touch.scss +3 -0
- package/src/scss/foundations/touch.test.ts +37 -0
- package/src/scss/foundations/typo.scss +1 -1
- package/src/scss/index.scss +1 -0
- package/src/scss/mixins/_fluid.test.ts +0 -16
- package/src/scss/mixins/_utils.scss +0 -6
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Interaction.d.ts","sourceRoot":"","sources":["../../../../../src/components/Interaction/Interaction.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,SAAS,CAAC;AAEhD,QAAA,MAAM,WAAW,
|
|
1
|
+
{"version":3,"file":"Interaction.d.ts","sourceRoot":"","sources":["../../../../../src/components/Interaction/Interaction.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,SAAS,CAAC;AAEhD,QAAA,MAAM,WAAW,8GA4BhB,CAAC;AAEF,eAAe,WAAW,CAAC"}
|
|
@@ -10,5 +10,7 @@ export interface InteractionHostProps {
|
|
|
10
10
|
export interface InteractionProps extends Omit<HTMLAttributes<HTMLSpanElement>, 'children'> {
|
|
11
11
|
variant?: InteractionVariant;
|
|
12
12
|
self?: boolean;
|
|
13
|
+
/** Enables the transparent pointer hit layer without changing visual geometry. */
|
|
14
|
+
touchTarget?: boolean;
|
|
13
15
|
}
|
|
14
16
|
//# sourceMappingURL=types.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../../src/components/Interaction/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAE5C,MAAM,MAAM,kBAAkB,GAAG,OAAO,GAAG,QAAQ,GAAG,QAAQ,CAAC;AAE/D;;;GAGG;AACH,MAAM,WAAW,oBAAoB;IACnC,6BAA6B,CAAC,EAAE,kBAAkB,CAAC;CACpD;AAED,MAAM,WAAW,gBAAiB,SAAQ,IAAI,CAC5C,cAAc,CAAC,eAAe,CAAC,EAC/B,UAAU,CACX;IACC,OAAO,CAAC,EAAE,kBAAkB,CAAC;IAC7B,IAAI,CAAC,EAAE,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../../src/components/Interaction/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAE5C,MAAM,MAAM,kBAAkB,GAAG,OAAO,GAAG,QAAQ,GAAG,QAAQ,CAAC;AAE/D;;;GAGG;AACH,MAAM,WAAW,oBAAoB;IACnC,6BAA6B,CAAC,EAAE,kBAAkB,CAAC;CACpD;AAED,MAAM,WAAW,gBAAiB,SAAQ,IAAI,CAC5C,cAAc,CAAC,eAAe,CAAC,EAC/B,UAAU,CACX;IACC,OAAO,CAAC,EAAE,kBAAkB,CAAC;IAC7B,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,kFAAkF;IAClF,WAAW,CAAC,EAAE,OAAO,CAAC;CACvB"}
|
|
@@ -0,0 +1,19 @@
|
|
|
1
|
+
export type BottomSheetReleaseResolution = {
|
|
2
|
+
reason: 'distance-dismiss' | 'momentum-dismiss' | 'flick' | 'nearest';
|
|
3
|
+
target: 'closed' | 'rest';
|
|
4
|
+
translate: number;
|
|
5
|
+
};
|
|
6
|
+
type ResolveBottomSheetReleaseInput = {
|
|
7
|
+
closeThreshold: number;
|
|
8
|
+
currentTranslate: number;
|
|
9
|
+
deltaY: number;
|
|
10
|
+
dismissible: boolean;
|
|
11
|
+
peekTranslate: number;
|
|
12
|
+
releaseVelocity: number;
|
|
13
|
+
restingTranslates: readonly number[];
|
|
14
|
+
sheetHeight: number;
|
|
15
|
+
startTranslate: number;
|
|
16
|
+
};
|
|
17
|
+
export declare function resolveBottomSheetRelease({ closeThreshold, currentTranslate, deltaY, dismissible, peekTranslate, releaseVelocity, restingTranslates, sheetHeight, startTranslate, }: ResolveBottomSheetReleaseInput): BottomSheetReleaseResolution;
|
|
18
|
+
export {};
|
|
19
|
+
//# sourceMappingURL=bottomSheetRelease.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"bottomSheetRelease.d.ts","sourceRoot":"","sources":["../../../../../src/components/Modal/bottomSheetRelease.ts"],"names":[],"mappings":"AAaA,MAAM,MAAM,4BAA4B,GAAG;IACzC,MAAM,EAAE,kBAAkB,GAAG,kBAAkB,GAAG,OAAO,GAAG,SAAS,CAAC;IACtE,MAAM,EAAE,QAAQ,GAAG,MAAM,CAAC;IAC1B,SAAS,EAAE,MAAM,CAAC;CACnB,CAAC;AAEF,KAAK,8BAA8B,GAAG;IACpC,cAAc,EAAE,MAAM,CAAC;IACvB,gBAAgB,EAAE,MAAM,CAAC;IACzB,MAAM,EAAE,MAAM,CAAC;IACf,WAAW,EAAE,OAAO,CAAC;IACrB,aAAa,EAAE,MAAM,CAAC;IACtB,eAAe,EAAE,MAAM,CAAC;IACxB,iBAAiB,EAAE,SAAS,MAAM,EAAE,CAAC;IACrC,WAAW,EAAE,MAAM,CAAC;IACpB,cAAc,EAAE,MAAM,CAAC;CACxB,CAAC;AAqHF,wBAAgB,yBAAyB,CAAC,EACxC,cAAc,EACd,gBAAgB,EAChB,MAAM,EACN,WAAW,EACX,aAAa,EACb,eAAe,EACf,iBAAiB,EACjB,WAAW,EACX,cAAc,GACf,EAAE,8BAA8B,GAAG,4BAA4B,CAgE/D"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"modalScrollArbitration.d.ts","sourceRoot":"","sources":["../../../../../src/components/Modal/modalScrollArbitration.ts"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"modalScrollArbitration.d.ts","sourceRoot":"","sources":["../../../../../src/components/Modal/modalScrollArbitration.ts"],"names":[],"mappings":"AAIA,MAAM,WAAW,gBAAgB;IAC/B,SAAS,EAAE,OAAO,CAAC;IACnB,eAAe,EAAE,OAAO,CAAC;IACzB,gBAAgB,EAAE,OAAO,CAAC;CAC3B;AAED,MAAM,MAAM,iBAAiB,GAAG,QAAQ,CAAC;IACvC,SAAS,EAAE,OAAO,CAAC;IACnB,cAAc,EAAE,OAAO,CAAC;IACxB,WAAW,EAAE,OAAO,CAAC;CACtB,CAAC,CAAC;AA6BH,wBAAgB,mBAAmB,CACjC,IAAI,EAAE,WAAW,GAAG,IAAI,GACvB,IAAI,IAAI,WAAW,CAWrB;AAED,wBAAgB,aAAa,CAAC,IAAI,EAAE,WAAW,GAAG,IAAI,WAIrD;AAED,wBAAgB,gBAAgB,CAAC,IAAI,EAAE,WAAW,GAAG,IAAI,WAMxD;AAiBD,wBAAgB,mBAAmB,CACjC,IAAI,EAAE,WAAW,GAAG,IAAI,GACvB,gBAAgB,CAmClB;AAED,wBAAgB,qBAAqB,CACnC,MAAM,EAAE,OAAO,GAAG,IAAI,EACtB,QAAQ,EAAE,WAAW,GAAG,IAAI,sBAY7B;AAED,wBAAgB,2BAA2B,CACzC,IAAI,EAAE,WAAW,GAAG,IAAI,EACxB,MAAM,EAAE,OAAO,QAUhB;AAED,wBAAgB,sBAAsB,CAAC,MAAM,EAAE,WAAW,GAAG,IAAI,WA0BhE;AAcD,wBAAgB,sBAAsB,CAAC,EACrC,QAAQ,EACR,MAAM,GACP,EAAE;IACD,QAAQ,CAAC,EAAE,IAAI,GAAG,IAAI,CAAC;IACvB,MAAM,EAAE,WAAW,GAAG,IAAI,CAAC;CAC5B,WAyBA;AAED,wBAAgB,8BAA8B,CAAC,EAC7C,MAAM,EACN,MAAM,EACN,QAAQ,GACT,EAAE;IACD,MAAM,EAAE,WAAW,GAAG,IAAI,CAAC;IAC3B,MAAM,EAAE,OAAO,CAAC;IAChB,QAAQ,EAAE,WAAW,GAAG,IAAI,CAAC;CAC9B,WAWA;AAED,wBAAgB,0BAA0B,CAAC,EACzC,MAAM,EACN,MAAM,EACN,MAAM,EACN,QAAQ,EACR,SAAS,GACV,EAAE;IACD,MAAM,EAAE,WAAW,GAAG,IAAI,CAAC;IAC3B,MAAM,EAAE,MAAM,CAAC;IACf,MAAM,EAAE,OAAO,CAAC;IAChB,QAAQ,EAAE,WAAW,GAAG,IAAI,CAAC;IAC7B,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB,GAAG,iBAAiB,CA6BpB;AAED,wBAAgB,yBAAyB,CAAC,EACxC,MAAM,EACN,QAAQ,GACT,EAAE;IACD,MAAM,EAAE,WAAW,GAAG,IAAI,CAAC;IAC3B,QAAQ,EAAE,WAAW,GAAG,IAAI,CAAC;CAC9B,GAAG,iBAAiB,CAUpB"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"useModalDrag.d.ts","sourceRoot":"","sources":["../../../../../src/components/Modal/useModalDrag.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,OAAO,KAAK,EACV,wBAAwB,EACxB,SAAS,EACT,cAAc,EACd,iBAAiB,EAClB,MAAM,SAAS,CAAC;
|
|
1
|
+
{"version":3,"file":"useModalDrag.d.ts","sourceRoot":"","sources":["../../../../../src/components/Modal/useModalDrag.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,OAAO,KAAK,EACV,wBAAwB,EACxB,SAAS,EACT,cAAc,EACd,iBAAiB,EAClB,MAAM,SAAS,CAAC;AAyzBjB,wBAAgB,YAAY,CAAC,EAC3B,OAAO,EACP,IAAI,EACJ,IAAI,EACJ,SAAS,EACT,gBAAgB,EAChB,iBAAiB,EACjB,WAAW,EACX,QAAQ,EACR,WAAgC,EAChC,WAAW,EACX,kBAAkB,EAClB,uBAAuB,EACvB,aAAoC,EACpC,mBAAmB,EACnB,UAAU,EACV,YAAY,EACZ,iBAAiB,EACjB,oBAAoB,EACpB,YAAY,EACZ,eAAe,EACf,WAAkB,EAClB,cAAsB,EACtB,gBAAoB,EACpB,uBAAuB,EACvB,kBAAkB,EAClB,cAAqB,EACrB,iBAAuB,EACvB,sBAA0B,GAC3B,EAAE;IACD,OAAO,EAAE,OAAO,CAAC;IACjB,IAAI,EAAE,SAAS,CAAC;IAChB,IAAI,EAAE,OAAO,CAAC;IACd,SAAS,EAAE,cAAc,CAAC;IAC1B,gBAAgB,EAAE,KAAK,CAAC,SAAS,CAAC,cAAc,GAAG,IAAI,CAAC,CAAC;IACzD,iBAAiB,EAAE,cAAc,GAAG,IAAI,CAAC;IACzC,WAAW,EAAE,KAAK,CAAC,SAAS,CAAC,cAAc,GAAG,IAAI,CAAC,CAAC;IACpD,QAAQ,EAAE,WAAW,GAAG,IAAI,CAAC;IAC7B,WAAW,CAAC,EAAE,SAAS,MAAM,EAAE,CAAC;IAChC,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB;;;;OAIG;IACH,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,kEAAkE;IAClE,uBAAuB,CAAC,EAAE,CAAC,MAAM,EAAE,OAAO,KAAK,IAAI,CAAC;IACpD,aAAa,CAAC,EAAE,SAAS,iBAAiB,EAAE,CAAC;IAC7C,mBAAmB,CAAC,EAAE,iBAAiB,CAAC;IACxC,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,YAAY,CAAC,EAAE,QAAQ,CAAC;IACxB,iBAAiB,EAAE,SAAS,GAAG,QAAQ,CAAC;IACxC,oBAAoB,EAAE,CAAC,iBAAiB,EAAE,SAAS,GAAG,QAAQ,KAAK,IAAI,CAAC;IACxE,YAAY,EAAE,CACZ,OAAO,CAAC,EAAE,wBAAwB,EAClC,OAAO,CAAC,EAAE;QAAE,MAAM,CAAC,EAAE,OAAO,CAAC;QAAC,WAAW,CAAC,EAAE,OAAO,CAAA;KAAE,KAClD,OAAO,CAAC;IACb,eAAe,EAAE,CAAC,OAAO,CAAC,EAAE,wBAAwB,KAAK,OAAO,CAAC;IACjE,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB;;;;OAIG;IACH,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,uBAAuB,CAAC,EAAE,MAAM,OAAO,CAAC;IACxC,kBAAkB,CAAC,EAAE,MAAM,IAAI,CAAC;IAChC,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,sBAAsB,CAAC,EAAE,MAAM,CAAC;CACjC;;;+BAmpDW,KAAK,CAAC,YAAY,CAAC,cAAc,CAAC;+BAyOlC,KAAK,CAAC,YAAY,CAAC,cAAc,CAAC;6BAuOlC,KAAK,CAAC,YAAY,CAAC,cAAc,CAAC;iCAAlC,KAAK,CAAC,YAAY,CAAC,cAAc,CAAC;sCAWlC,KAAK,CAAC,YAAY,CAAC,cAAc,CAAC;8BA2IlC,KAAK,CAAC,UAAU,CAAC,cAAc,CAAC;4BA0LhC,KAAK,CAAC,UAAU,CAAC,cAAc,CAAC;;;EA8I3C"}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { default as React } from 'react';
|
|
2
2
|
import { ScrollAreaContainerProps, ScrollAreaProps } from './types';
|
|
3
|
-
export declare function ScrollArea<T extends React.ElementType = 'div'>({ as, root, children, className, ref, 'data-oc-component': dataOcComponent, ...props }: ScrollAreaProps<T> & Omit<React.ComponentPropsWithoutRef<T>, keyof ScrollAreaProps<T>>): import("react/jsx-runtime").JSX.Element;
|
|
3
|
+
export declare function ScrollArea<T extends React.ElementType = 'div'>({ as, root, scrollbarVisibility, children, className, ref, 'data-oc-component': dataOcComponent, ...props }: ScrollAreaProps<T> & Omit<React.ComponentPropsWithoutRef<T>, keyof ScrollAreaProps<T>>): import("react/jsx-runtime").JSX.Element;
|
|
4
4
|
export declare function ScrollAreaContainer<T extends React.ElementType = 'div'>({ as, children, className, ref, 'data-oc-component': dataOcComponent, ...props }: ScrollAreaContainerProps<T>): import("react/jsx-runtime").JSX.Element;
|
|
5
5
|
export default ScrollArea;
|
|
6
6
|
//# sourceMappingURL=ScrollArea.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ScrollArea.d.ts","sourceRoot":"","sources":["../../../../../src/components/ScrollArea/ScrollArea.tsx"],"names":[],"mappings":"AAYA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAK/B,OAAO,KAAK,EAAE,wBAAwB,EAAE,eAAe,EAAE,MAAM,SAAS,CAAC;AAqDzE,wBAAgB,UAAU,CAAC,CAAC,SAAS,KAAK,CAAC,WAAW,GAAG,KAAK,EAAE,EAC9D,EAAE,EACF,IAAY,EACZ,QAAQ,EACR,SAAc,EACd,GAAG,EACH,mBAAmB,EAAE,eAA+B,EACpD,GAAG,KAAK,EACT,EAAE,eAAe,CAAC,CAAC,CAAC,GACnB,IAAI,CAAC,KAAK,CAAC,wBAAwB,CAAC,CAAC,CAAC,EAAE,MAAM,eAAe,CAAC,CAAC,CAAC,CAAC,
|
|
1
|
+
{"version":3,"file":"ScrollArea.d.ts","sourceRoot":"","sources":["../../../../../src/components/ScrollArea/ScrollArea.tsx"],"names":[],"mappings":"AAYA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAK/B,OAAO,KAAK,EAAE,wBAAwB,EAAE,eAAe,EAAE,MAAM,SAAS,CAAC;AAqDzE,wBAAgB,UAAU,CAAC,CAAC,SAAS,KAAK,CAAC,WAAW,GAAG,KAAK,EAAE,EAC9D,EAAE,EACF,IAAY,EACZ,mBAA4B,EAC5B,QAAQ,EACR,SAAc,EACd,GAAG,EACH,mBAAmB,EAAE,eAA+B,EACpD,GAAG,KAAK,EACT,EAAE,eAAe,CAAC,CAAC,CAAC,GACnB,IAAI,CAAC,KAAK,CAAC,wBAAwB,CAAC,CAAC,CAAC,EAAE,MAAM,eAAe,CAAC,CAAC,CAAC,CAAC,2CAq4BlE;AAED,wBAAgB,mBAAmB,CAAC,CAAC,SAAS,KAAK,CAAC,WAAW,GAAG,KAAK,EAAE,EACvE,EAAE,EACF,QAAQ,EACR,SAAc,EACd,GAAG,EACH,mBAAmB,EAAE,eAAyC,EAC9D,GAAG,KAAK,EACT,EAAE,wBAAwB,CAAC,CAAC,CAAC,2CA0B7B;AAED,eAAe,UAAU,CAAC"}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
export { ScrollAreaContext } from './contexts';
|
|
2
2
|
export { default, ScrollArea, ScrollAreaContainer } from './ScrollArea';
|
|
3
|
-
export type { ScrollAreaContainerProps, ScrollAreaContextProps, ScrollAreaProps, } from './types';
|
|
3
|
+
export type { ScrollAreaContainerProps, ScrollAreaContextProps, ScrollAreaProps, ScrollAreaScrollbarVisibility, } from './types';
|
|
4
4
|
//# sourceMappingURL=index.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/ScrollArea/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAE,MAAM,YAAY,CAAC;AAC/C,OAAO,EAAE,OAAO,EAAE,UAAU,EAAE,mBAAmB,EAAE,MAAM,cAAc,CAAC;AACxE,YAAY,EACV,wBAAwB,EACxB,sBAAsB,EACtB,eAAe,
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/ScrollArea/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAE,MAAM,YAAY,CAAC;AAC/C,OAAO,EAAE,OAAO,EAAE,UAAU,EAAE,mBAAmB,EAAE,MAAM,cAAc,CAAC;AACxE,YAAY,EACV,wBAAwB,EACxB,sBAAsB,EACtB,eAAe,EACf,6BAA6B,GAC9B,MAAM,SAAS,CAAC"}
|
|
@@ -3,9 +3,11 @@ export interface ScrollAreaContextProps {
|
|
|
3
3
|
isRoot: boolean;
|
|
4
4
|
setContainerRef: (node: HTMLElement | null) => void;
|
|
5
5
|
}
|
|
6
|
+
export type ScrollAreaScrollbarVisibility = 'auto' | 'hidden' | 'hidden-on-touch';
|
|
6
7
|
export interface ScrollAreaProps<T extends React.ElementType = 'div'> {
|
|
7
8
|
as?: T;
|
|
8
9
|
root?: boolean;
|
|
10
|
+
scrollbarVisibility?: ScrollAreaScrollbarVisibility;
|
|
9
11
|
children?: React.ReactNode;
|
|
10
12
|
className?: string;
|
|
11
13
|
ref?: React.ComponentPropsWithRef<T>['ref'];
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../../src/components/ScrollArea/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,MAAM,WAAW,sBAAsB;IACrC,MAAM,EAAE,OAAO,CAAC;IAChB,eAAe,EAAE,CAAC,IAAI,EAAE,WAAW,GAAG,IAAI,KAAK,IAAI,CAAC;CACrD;AAED,MAAM,WAAW,eAAe,CAAC,CAAC,SAAS,KAAK,CAAC,WAAW,GAAG,KAAK;IAClE,EAAE,CAAC,EAAE,CAAC,CAAC;IACP,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,GAAG,CAAC,EAAE,KAAK,CAAC,qBAAqB,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC;IAC5C,mBAAmB,CAAC,EAAE,MAAM,CAAC;CAC9B;AAED,MAAM,MAAM,wBAAwB,CAAC,CAAC,SAAS,KAAK,CAAC,WAAW,GAAG,KAAK,IAAI;IAC1E,EAAE,CAAC,EAAE,CAAC,CAAC;IACP,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,GAAG,CAAC,EAAE,KAAK,CAAC,qBAAqB,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC;IAC5C,mBAAmB,CAAC,EAAE,MAAM,CAAC;CAC9B,GAAG,IAAI,CACN,KAAK,CAAC,wBAAwB,CAAC,CAAC,CAAC,EACjC,IAAI,GAAG,UAAU,GAAG,WAAW,GAAG,KAAK,CACxC,CAAC"}
|
|
1
|
+
{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../../src/components/ScrollArea/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,MAAM,WAAW,sBAAsB;IACrC,MAAM,EAAE,OAAO,CAAC;IAChB,eAAe,EAAE,CAAC,IAAI,EAAE,WAAW,GAAG,IAAI,KAAK,IAAI,CAAC;CACrD;AAED,MAAM,MAAM,6BAA6B,GACrC,MAAM,GACN,QAAQ,GACR,iBAAiB,CAAC;AAEtB,MAAM,WAAW,eAAe,CAAC,CAAC,SAAS,KAAK,CAAC,WAAW,GAAG,KAAK;IAClE,EAAE,CAAC,EAAE,CAAC,CAAC;IACP,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,mBAAmB,CAAC,EAAE,6BAA6B,CAAC;IACpD,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,GAAG,CAAC,EAAE,KAAK,CAAC,qBAAqB,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC;IAC5C,mBAAmB,CAAC,EAAE,MAAM,CAAC;CAC9B;AAED,MAAM,MAAM,wBAAwB,CAAC,CAAC,SAAS,KAAK,CAAC,WAAW,GAAG,KAAK,IAAI;IAC1E,EAAE,CAAC,EAAE,CAAC,CAAC;IACP,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,GAAG,CAAC,EAAE,KAAK,CAAC,qBAAqB,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC;IAC5C,mBAAmB,CAAC,EAAE,MAAM,CAAC;CAC9B,GAAG,IAAI,CACN,KAAK,CAAC,wBAAwB,CAAC,CAAC,CAAC,EACjC,IAAI,GAAG,UAAU,GAAG,WAAW,GAAG,KAAK,CACxC,CAAC"}
|
package/dist/ui/src/index.d.ts
CHANGED
|
@@ -63,7 +63,7 @@ export type { ModalBackdrop, ModalBodyLayout, ModalBodyProps, ModalCloseAttemptD
|
|
|
63
63
|
export { default as TooltipRoot, TooltipContent, TooltipProvider, TooltipTrigger, } from './components/Tooltip';
|
|
64
64
|
export type { TooltipContentProps, TooltipRootProps, TooltipTriggerProps, } from './components/Tooltip';
|
|
65
65
|
export { default as ScrollArea, ScrollAreaContainer, } from './components/ScrollArea';
|
|
66
|
-
export type { ScrollAreaContainerProps, ScrollAreaProps, } from './components/ScrollArea';
|
|
66
|
+
export type { ScrollAreaContainerProps, ScrollAreaProps, ScrollAreaScrollbarVisibility, } from './components/ScrollArea';
|
|
67
67
|
export type { IconProps } from './components/types';
|
|
68
68
|
export * from './utils/breakpoints';
|
|
69
69
|
//# sourceMappingURL=index.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/index.ts"],"names":[],"mappings":"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
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/index.ts"],"names":[],"mappings":"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"}
|
|
@@ -382,6 +382,7 @@
|
|
|
382
382
|
--oc-spring-smooth-timing: initial;
|
|
383
383
|
--oc-spring-snappy-duration-scale: initial;
|
|
384
384
|
--oc-spring-snappy-timing: initial;
|
|
385
|
+
--oc-touch-target-min: initial;
|
|
385
386
|
--oc-typo-font-family: initial;
|
|
386
387
|
--oc-typo-height-body1: initial;
|
|
387
388
|
--oc-typo-height-body1reading: initial;
|
|
@@ -209,6 +209,7 @@ Figma `Viewport` collection이 `Mobile(md)`와 `Desktop(min, md)`처럼 두 mode
|
|
|
209
209
|
@use '@orioncactuscorp/ui/scss/foundations/space' as *;
|
|
210
210
|
@use '@orioncactuscorp/ui/scss/foundations/atomic' as *;
|
|
211
211
|
@use '@orioncactuscorp/ui/scss/foundations/focus' as *;
|
|
212
|
+
@use '@orioncactuscorp/ui/scss/foundations/touch' as *;
|
|
212
213
|
@use '@orioncactuscorp/ui/scss/foundations/motion' as *;
|
|
213
214
|
@use '@orioncactuscorp/ui/scss/foundations/zindex' as *;
|
|
214
215
|
```
|
package/docs/scss-helpers.md
CHANGED
|
@@ -256,7 +256,7 @@ named breakpoint: `sm`(480px), `md`(768px), `lg`(1280px), `xl`(1600px), `hg`(192
|
|
|
256
256
|
|
|
257
257
|
oc-ui SCSS는 mobile-first가 기본입니다: base rule은 narrow viewport 기준으로 쓰고, desktop 이상 차이는 `respond-to(min, md)`에서 더합니다. `respond-to(md)`(max-width)는 `Mobile(md)` 전용 예외 보정에만 사용합니다.
|
|
258
258
|
|
|
259
|
-
## oc-fluid /
|
|
259
|
+
## oc-fluid / toRem — fluid 값 유틸
|
|
260
260
|
|
|
261
261
|
`@orioncactuscorp/ui/scss/mixins/fluid`, `@orioncactuscorp/ui/scss/mixins/utils`
|
|
262
262
|
|
|
@@ -282,8 +282,6 @@ oc-fluid($min, $max, $bp, $anchor: to)
|
|
|
282
282
|
|
|
283
283
|
`anchor: to`는 `$bp`에서 `$max`에 도달하며, `anchor: from`은 `$bp`에서 `$min`을 기준으로 이후 viewport에서 증가합니다. `oc-fluid()`는 값 생성 함수이므로 `font-size`, `line-height`, `padding`, `gap`, `border-radius` 등 CSS length 속성에 조합해서 사용할 수 있습니다.
|
|
284
284
|
|
|
285
|
-
기존 `fluidClamp($from, $bp, $anchor: to, $to)`도 호환성을 위해 유지됩니다. 신규 코드는 `oc-fluid()`를 사용하세요.
|
|
286
|
-
|
|
287
285
|
`toRem($px)`는 `16px = 1rem` 기준으로 숫자를 rem으로 변환합니다.
|
|
288
286
|
|
|
289
287
|
## Motion / Spring
|
|
@@ -18,7 +18,7 @@
|
|
|
18
18
|
/* 예: invalid 상태의 TextInput content 표면 커스터마이즈 */
|
|
19
19
|
[data-oc-component='text-input'][data-oc-invalid='true']
|
|
20
20
|
[data-oc-part='content'] {
|
|
21
|
-
--oc-
|
|
21
|
+
--oc-field-control-stroke-color: var(--oc-color-theme-status-negative);
|
|
22
22
|
}
|
|
23
23
|
```
|
|
24
24
|
|
|
@@ -30,7 +30,8 @@
|
|
|
30
30
|
|
|
31
31
|
## Override가 동작하는 방식
|
|
32
32
|
|
|
33
|
-
-
|
|
33
|
+
- 공개 component contract 변수는 property fallback 또는 `--_-{component}-*` internal default를 통해 기본값을 제공합니다. 따라서 per-component CSS chunk가 consumer CSS보다 나중에 로드되어도 consumer host class의 값이 유지됩니다.
|
|
34
|
+
- 컴포넌트 소스는 루트 modifier selector를 `:where(...)`로 낮은 specificity로 유지합니다. consumer 클래스 하나로 루트 레벨의 공개 `--oc-*` component contract 변수를 덮을 수 있습니다.
|
|
34
35
|
- 스타일 override는 paint property를 직접 재선언하기보다 컴포넌트가 노출하는 contract 변수(`--oc-{component}-*`)를 덮는 방식을 우선하세요. 상태 전이·모션과의 일관성이 유지됩니다.
|
|
35
36
|
- 방향성 계약(`--oc-*` 변수, `data-oc-*` 값, prop)은 물리 방향(top/right/bottom/left)이 아니라 논리 방향(`block-start`, `inline-end`, `start`, `end` 등)을 사용합니다. RTL에서 자동으로 뒤집힙니다.
|
|
36
37
|
|
|
@@ -55,7 +56,7 @@
|
|
|
55
56
|
|
|
56
57
|
## Interaction 프리미티브
|
|
57
58
|
|
|
58
|
-
`Interaction`은 hover/press/focus 피드백을 그리는
|
|
59
|
+
`Interaction`은 hover/press/focus 피드백을 그리는 시각 레이어입니다. 시각 pseudo는 passive이며 부모 컴포넌트가 자기 상태 selector로 Interaction의 opacity를 제어합니다. `self`가 아닌 Interaction은 자기 상태를 만들지 않지만, 선택적으로 확장된 투명 hit pseudo의 pointer event가 host로 버블링될 수 있습니다.
|
|
59
60
|
|
|
60
61
|
```scss
|
|
61
62
|
.myControl {
|
|
@@ -103,9 +104,28 @@
|
|
|
103
104
|
| `--oc-interaction-opacity-hover` | `--oc-color-global-opacity-5 × resolved factor` | Interaction이 제공하는 hover 출력값 |
|
|
104
105
|
| `--oc-interaction-opacity-focus` | `--oc-color-global-opacity-8 × resolved factor` | Interaction이 제공하는 focus 출력값 |
|
|
105
106
|
| `--oc-interaction-opacity-active` | `--oc-color-global-opacity-12 × resolved factor` | Interaction이 제공하는 active 출력값 |
|
|
107
|
+
| `--oc-interaction-touch-target-min` | component별 opt-in, foundation은 `44px` | host 범위의 최소 pointer hit area |
|
|
106
108
|
|
|
107
109
|
`--oc-interaction-opacity-*`는 custom host가 상태 selector에서 읽는 resolved output 계약입니다. 임의 강도를 지정할 때는 이 출력값을 자식 selector로 덮지 말고 host에서 `--oc-interaction-opacity-factor`를 설정하세요.
|
|
108
110
|
|
|
111
|
+
터치 대상 최소 크기는 foundation `--oc-touch-target-min`의 기본값 `44px`을 사용합니다. Button, button/anchor TextButton, IconButton, BackgroundIconButton, interactive Badge, CheckMark, Checkbox, Radio, Switch는 이 값을 internal default로 선택합니다. 실제 component host에서 `--oc-interaction-touch-target-min`을 지정하면 CSS 로딩 순서와 무관하게 해당 값이 우선하며, `0px`은 Interaction의 기존 geometry 바깥으로 hit area를 확장하지 않습니다. 시각 Interaction의 inset, color, radius, opacity, motion geometry는 터치 영역과 분리되어 유지됩니다.
|
|
112
|
+
|
|
113
|
+
저수준 custom host는 `<Interaction touchTarget />`으로 hit layer를 opt-in합니다. 이때 `data-oc-touch-target="true"`가 렌더링되며, prop을 생략한 기존 `<Interaction />`은 passive visual layer와 기존 pointer geometry를 그대로 유지합니다.
|
|
114
|
+
|
|
115
|
+
`button`, `a`, `label`, `summary` 또는 interactive ARIA role host가 `<Interaction touchTarget />`을 직계 자식으로 사용하면 iOS Safari의 native tap highlight와 accidental text selection은 비활성화되고 Interaction feedback이 이를 대체합니다. 링크의 long-press context menu와 브라우저 gesture는 유지하므로 `-webkit-touch-callout`과 `touch-action`은 변경하지 않습니다. Interaction이 더 깊게 중첩되는 custom composition은 실제 interactive host에 `-webkit-tap-highlight-color: transparent`, `user-select: none`, `-webkit-user-select: none`을 직접 선언해야 합니다. 선택 가능한 control label이 필요한 예외는 host class에서 `user-select: text`를 다시 선언할 수 있습니다.
|
|
116
|
+
|
|
117
|
+
```scss
|
|
118
|
+
.compactAction {
|
|
119
|
+
--oc-interaction-touch-target-min: 32px;
|
|
120
|
+
}
|
|
121
|
+
|
|
122
|
+
.largeTouchAction {
|
|
123
|
+
--oc-interaction-touch-target-min: 48px;
|
|
124
|
+
}
|
|
125
|
+
```
|
|
126
|
+
|
|
127
|
+
확장 영역은 layout 공간을 만들지 않습니다. oc-ui가 소유한 복합 layout은 형제 hit area가 겹치지 않게 자체 spacing 계약을 사용하며, consumer가 작은 control을 조밀하게 배치할 때는 layout gap을 확보하거나 host별 최소 크기를 조정해야 합니다. host 바깥 hit testing을 위해 기본 적용 대상은 Interaction ancestor에서 overflow clipping을 사용하지 않으며, 시각 radius는 passive visual layer에서 유지합니다. disabled host는 확장 hit area도 비활성화합니다. Tabs는 기존 `--oc-tabs-tab-interaction-margin-inline`과 list gap 계약을, ScrollArea scrollbar는 데스크톱 drag geometry를 우선하므로 44px 기본 확장을 선택하지 않습니다.
|
|
128
|
+
|
|
109
129
|
## Badge 계약
|
|
110
130
|
|
|
111
131
|
| Component | Root selector | Visual selectors | Stable parts |
|
|
@@ -362,6 +382,10 @@ Modal의 기본 `initialFocus="auto"`는 `ModalHeader`의 visible title을 `tabI
|
|
|
362
382
|
- bottom placement에서 소프트 키보드 회피 세션이 활성일 때 viewport 레이어(`data-oc-part="viewport"`)에 `data-oc-modal-keyboard-avoiding="true"`가 방출됩니다. 키보드 geometry 추격 transition의 게이트로 쓰이는 내부 지향 상태이며, 소비자는 이 attribute의 방출 타이밍(세션 시작/해제 시점의 지연 포함)에 의존하지 않는 것이 좋습니다.
|
|
363
383
|
- `ModalNavigationSection`은 body content가 아니라 Modal chrome입니다. 루트는 `data-oc-state="open|closed"`, toggle row는 `data-oc-component="modal-navigation"` + `data-oc-part="navigation"` + `aria-expanded`/`aria-controls`, indicator는 `data-oc-part="indicator"`/`indicator-frame`, panel은 `data-oc-component="modal-navigation-panel"`(collapsed 동안 `aria-hidden`/`inert`), panel content는 `data-oc-part="panel-inner"`를 노출합니다.
|
|
364
384
|
|
|
385
|
+
## ScrollArea scrollbar 계약
|
|
386
|
+
|
|
387
|
+
`ScrollArea`는 현재 scrollbar 렌더링 경로를 `data-oc-scrollbar-mode="custom | native"`, 공개 표시 정책을 `data-oc-scrollbar-visibility="auto | hidden | hidden-on-touch"`로 제공합니다. `native` 모드에서는 운영체제 scrollbar와 네이티브 스크롤 물리를 유지합니다. `hidden`은 모든 환경에서, `hidden-on-touch`는 터치 환경에서만 스크롤 가능성을 유지한 채 시각적 indicator를 숨깁니다.
|
|
388
|
+
|
|
365
389
|
## Provider 소유 예외
|
|
366
390
|
|
|
367
391
|
다음 non-`data-oc-*` attribute는 컴포넌트 소유 계약이 아니라 외부 provider/foundation 소유입니다.
|
package/docs/tokens.md
CHANGED
|
@@ -479,6 +479,12 @@ responsive mode(fluid/stepped/static)에 따라 viewport별 출력이 달라집
|
|
|
479
479
|
- `--oc-focus-ring-offset`
|
|
480
480
|
- `--oc-focus-ring-width`
|
|
481
481
|
|
|
482
|
+
## Touch target
|
|
483
|
+
|
|
484
|
+
레이아웃 크기를 바꾸지 않고 pointer hit area를 확보할 때 사용하는 최소 크기입니다. Interaction host의 `--oc-interaction-touch-target-min` 계약이 이 foundation 기본값을 선택적으로 사용합니다.
|
|
485
|
+
|
|
486
|
+
- `--oc-touch-target-min`
|
|
487
|
+
|
|
482
488
|
## Motion
|
|
483
489
|
|
|
484
490
|
duration/scale/distance factor는 unitless multiplier입니다. 자세한 정책은 [Semantic Motion](./motion.md)을 참조하세요.
|
package/package.json
CHANGED
|
@@ -0,0 +1,37 @@
|
|
|
1
|
+
import { compileString } from 'sass';
|
|
2
|
+
import { describe, expect, it } from 'vitest';
|
|
3
|
+
|
|
4
|
+
describe('touch foundation', () => {
|
|
5
|
+
it('exposes the minimum touch target token', () => {
|
|
6
|
+
const result = compileString("@use 'foundations/touch' as *;", {
|
|
7
|
+
loadPaths: ['src/scss'],
|
|
8
|
+
});
|
|
9
|
+
|
|
10
|
+
expect(result.css).toContain('--oc-touch-target-min: 44px;');
|
|
11
|
+
});
|
|
12
|
+
|
|
13
|
+
it('keeps touch tokens in the full foundation rebuild composition', () => {
|
|
14
|
+
const result = compileString(
|
|
15
|
+
`
|
|
16
|
+
@use 'foundations/responsive.config' with (
|
|
17
|
+
$oc-responsive-mode: static,
|
|
18
|
+
$oc-responsive-static-stop: md
|
|
19
|
+
);
|
|
20
|
+
@use 'foundations/color.global' as *;
|
|
21
|
+
@use 'foundations/color.theme.light' as *;
|
|
22
|
+
@use 'foundations/color.theme.dark' as *;
|
|
23
|
+
@use 'foundations/breakpoint' as *;
|
|
24
|
+
@use 'foundations/typo' as *;
|
|
25
|
+
@use 'foundations/space' as *;
|
|
26
|
+
@use 'foundations/atomic' as *;
|
|
27
|
+
@use 'foundations/focus' as *;
|
|
28
|
+
@use 'foundations/touch' as *;
|
|
29
|
+
@use 'foundations/motion' as *;
|
|
30
|
+
@use 'foundations/zindex' as *;
|
|
31
|
+
`,
|
|
32
|
+
{ loadPaths: ['src/scss'] },
|
|
33
|
+
);
|
|
34
|
+
|
|
35
|
+
expect(result.css).toContain('--oc-touch-target-min: 44px;');
|
|
36
|
+
});
|
|
37
|
+
});
|
|
@@ -358,7 +358,7 @@ $oc-typo-responsive-segments: (
|
|
|
358
358
|
);
|
|
359
359
|
|
|
360
360
|
/**
|
|
361
|
-
*
|
|
361
|
+
* Fluid basis 375px = iPhone standard viewport (iOS HIG body 17pt 호환).
|
|
362
362
|
* iOS 네이티브 앱이 375+ 환경에서 body 17pt를 쓰는 것과 웹의 16px default 간극을
|
|
363
363
|
* vw=375에서 17px 도달로 맞춰 시각적 이질감을 해소한다.
|
|
364
364
|
*/
|
package/src/scss/index.scss
CHANGED
|
@@ -69,19 +69,3 @@ describe('oc-fluid function', () => {
|
|
|
69
69
|
).toThrow("oc-fluid() anchor must be 'from' or 'to'.");
|
|
70
70
|
});
|
|
71
71
|
});
|
|
72
|
-
|
|
73
|
-
describe('fluidClamp compatibility function', () => {
|
|
74
|
-
it('preserves the legacy argument order', () => {
|
|
75
|
-
const css = compileScss(`
|
|
76
|
-
@use 'utils' as *;
|
|
77
|
-
|
|
78
|
-
.legacy {
|
|
79
|
-
font-size: fluidClamp(toRem(16), 375px, to, toRem(20));
|
|
80
|
-
}
|
|
81
|
-
`);
|
|
82
|
-
|
|
83
|
-
expect(css).toContain(
|
|
84
|
-
'.legacy{font-size:clamp(1rem,20/375*100vw,1.25rem)}',
|
|
85
|
-
);
|
|
86
|
-
});
|
|
87
|
-
});
|