@instructure/ui-view 11.6.0 → 11.6.1-snapshot-129
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 +42 -307
- package/es/ContextView/{index.js → v1/index.js} +2 -2
- package/es/ContextView/v2/index.js +125 -0
- package/es/ContextView/v2/props.js +26 -0
- package/es/ContextView/v2/styles.js +256 -0
- package/es/View/{index.js → v1/index.js} +1 -1
- package/es/View/v2/index.js +167 -0
- package/es/View/v2/props.js +29 -0
- package/es/View/v2/styles.js +420 -0
- package/es/{index.js → exports/a.js} +2 -2
- package/{src/index.ts → es/exports/b.js} +2 -6
- package/lib/ContextView/{index.js → v1/index.js} +4 -4
- package/lib/ContextView/v2/index.js +130 -0
- package/lib/ContextView/v2/props.js +31 -0
- package/lib/ContextView/v2/styles.js +262 -0
- package/lib/View/{index.js → v1/index.js} +1 -1
- package/lib/View/v2/index.js +175 -0
- package/lib/View/v2/props.js +34 -0
- package/lib/View/v2/styles.js +426 -0
- package/lib/{index.js → exports/a.js} +4 -4
- package/lib/exports/b.js +19 -0
- package/package.json +41 -19
- package/src/ContextView/{index.tsx → v1/index.tsx} +2 -2
- package/src/ContextView/v2/README.md +53 -0
- package/src/ContextView/v2/index.tsx +144 -0
- package/src/ContextView/v2/props.ts +98 -0
- package/src/ContextView/v2/styles.ts +332 -0
- package/src/View/{index.tsx → v1/index.tsx} +1 -1
- package/src/View/v2/README.md +803 -0
- package/src/View/v2/index.tsx +240 -0
- package/src/View/v2/props.ts +278 -0
- package/src/View/v2/styles.ts +503 -0
- package/src/exports/a.ts +29 -0
- package/src/exports/b.ts +29 -0
- package/tsconfig.build.tsbuildinfo +1 -1
- package/types/ContextView/v1/index.d.ts.map +1 -0
- package/types/ContextView/v1/props.d.ts.map +1 -0
- package/types/ContextView/v1/styles.d.ts.map +1 -0
- package/types/ContextView/v1/theme.d.ts.map +1 -0
- package/types/ContextView/v2/index.d.ts +50 -0
- package/types/ContextView/v2/index.d.ts.map +1 -0
- package/types/ContextView/v2/props.d.ts +36 -0
- package/types/ContextView/v2/props.d.ts.map +1 -0
- package/types/ContextView/v2/styles.d.ts +14 -0
- package/types/ContextView/v2/styles.d.ts.map +1 -0
- package/types/View/v1/index.d.ts.map +1 -0
- package/types/View/v1/props.d.ts.map +1 -0
- package/types/View/v1/styles.d.ts.map +1 -0
- package/types/View/v1/theme.d.ts.map +1 -0
- package/types/View/v2/index.d.ts +36 -0
- package/types/View/v2/index.d.ts.map +1 -0
- package/types/View/v2/props.d.ts +157 -0
- package/types/View/v2/props.d.ts.map +1 -0
- package/types/View/v2/styles.d.ts +11 -0
- package/types/View/v2/styles.d.ts.map +1 -0
- package/types/exports/a.d.ts +5 -0
- package/types/exports/a.d.ts.map +1 -0
- package/types/exports/b.d.ts +5 -0
- package/types/exports/b.d.ts.map +1 -0
- package/types/ContextView/index.d.ts.map +0 -1
- package/types/ContextView/props.d.ts.map +0 -1
- package/types/ContextView/styles.d.ts.map +0 -1
- package/types/ContextView/theme.d.ts.map +0 -1
- package/types/View/index.d.ts.map +0 -1
- package/types/View/props.d.ts.map +0 -1
- package/types/View/styles.d.ts.map +0 -1
- package/types/View/theme.d.ts.map +0 -1
- package/types/index.d.ts +0 -5
- package/types/index.d.ts.map +0 -1
- /package/es/ContextView/{props.js → v1/props.js} +0 -0
- /package/es/ContextView/{styles.js → v1/styles.js} +0 -0
- /package/es/ContextView/{theme.js → v1/theme.js} +0 -0
- /package/es/View/{props.js → v1/props.js} +0 -0
- /package/es/View/{styles.js → v1/styles.js} +0 -0
- /package/es/View/{theme.js → v1/theme.js} +0 -0
- /package/lib/ContextView/{props.js → v1/props.js} +0 -0
- /package/lib/ContextView/{styles.js → v1/styles.js} +0 -0
- /package/lib/ContextView/{theme.js → v1/theme.js} +0 -0
- /package/lib/View/{props.js → v1/props.js} +0 -0
- /package/lib/View/{styles.js → v1/styles.js} +0 -0
- /package/lib/View/{theme.js → v1/theme.js} +0 -0
- /package/src/ContextView/{README.md → v1/README.md} +0 -0
- /package/src/ContextView/{props.ts → v1/props.ts} +0 -0
- /package/src/ContextView/{styles.ts → v1/styles.ts} +0 -0
- /package/src/ContextView/{theme.ts → v1/theme.ts} +0 -0
- /package/src/View/{README.md → v1/README.md} +0 -0
- /package/src/View/{props.ts → v1/props.ts} +0 -0
- /package/src/View/{styles.ts → v1/styles.ts} +0 -0
- /package/src/View/{theme.ts → v1/theme.ts} +0 -0
- /package/types/ContextView/{index.d.ts → v1/index.d.ts} +0 -0
- /package/types/ContextView/{props.d.ts → v1/props.d.ts} +0 -0
- /package/types/ContextView/{styles.d.ts → v1/styles.d.ts} +0 -0
- /package/types/ContextView/{theme.d.ts → v1/theme.d.ts} +0 -0
- /package/types/View/{index.d.ts → v1/index.d.ts} +0 -0
- /package/types/View/{props.d.ts → v1/props.d.ts} +0 -0
- /package/types/View/{styles.d.ts → v1/styles.d.ts} +0 -0
- /package/types/View/{theme.d.ts → v1/theme.d.ts} +0 -0
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/ContextView/v1/index.tsx"],"names":[],"mappings":"AAwBA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAUjC,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,SAAS,CAAA;AAE/C;;;;GAIG;AAEH,cACM,WAAY,SAAQ,SAAS,CAAC,gBAAgB,CAAC;IACnD,MAAM,CAAC,QAAQ,CAAC,WAAW,iBAAgB;IAC3C,MAAM,CAAC,YAAY;;;;;;;;;;;;;;;;;;;SAAe;IAClC,MAAM,CAAC,YAAY;;;;;;;;;;;MAWlB;IAED,iBAAiB;IAIjB,kBAAkB;IAIlB,GAAG,EAAE,OAAO,GAAG,IAAI,CAAO;IAE1B,SAAS,GAAI,IAAI,OAAO,GAAG,IAAI,UAQ9B;IAED,MAAM;CA8DP;AAED,eAAe,WAAW,CAAA;AAC1B,OAAO,EAAE,WAAW,EAAE,CAAA"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"props.d.ts","sourceRoot":"","sources":["../../../src/ContextView/v1/props.ts"],"names":[],"mappings":"AAwBA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,KAAK,EACV,aAAa,EACb,gBAAgB,EAChB,mBAAmB,EACpB,MAAM,2BAA2B,CAAA;AAClC,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,0BAA0B,CAAA;AACnE,OAAO,KAAK,EACV,MAAM,EACN,OAAO,EACP,QAAQ,EACR,cAAc,EACd,cAAc,EACf,MAAM,sBAAsB,CAAA;AAE7B,KAAK,mBAAmB,GAAG;IACzB,EAAE,CAAC,EAAE,aAAa,CAAA;IAClB,UAAU,CAAC,EAAE,CAAC,OAAO,EAAE,OAAO,GAAG,IAAI,KAAK,IAAI,CAAA;IAC9C,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IACxB,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IACvB,SAAS,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IAC3B,QAAQ,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IAC1B,SAAS,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IAC3B,QAAQ,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IAC1B,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAC1B,SAAS,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,KAAK,CAAA;IACtC,UAAU,CAAC,EAAE,SAAS,GAAG,SAAS,CAAA;IAClC,KAAK,CAAC,EAAE,OAAO,CAAA;IACf,MAAM,CAAC,EAAE,OAAO,CAAA;IAChB,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,QAAQ,CAAC,EAAE,QAAQ,CAAA;IACnB,SAAS,CAAC,EAAE,mBAAmB,CAAA;IAC/B,WAAW,CAAC,EAAE,MAAM,CAAA;CACrB,CAAA;AAED,KAAK,QAAQ,GAAG,MAAM,mBAAmB,CAAA;AAEzC,KAAK,eAAe,GAAG,QAAQ,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAA;AAEhD,KAAK,gBAAgB,GAAG,mBAAmB,GACzC,cAAc,CAAC,gBAAgB,EAAE,gBAAgB,CAAC,GAClD,mBAAmB,CAAC,mBAAmB,CAAC,CAAA;AAE1C,KAAK,gBAAgB,GAAG,cAAc,CACpC,aAAa,GAAG,sBAAsB,GAAG,oBAAoB,CAC9D,GAAG;IACF,SAAS,EAAE,MAAM,GAAG,CAAC,CAAA;IACrB,gBAAgB,EAAE,MAAM,GAAG,CAAC,CAAA;CAC7B,CAAA;AACD,QAAA,MAAM,YAAY,EAAE,eAmBnB,CAAA;AAED,YAAY,EAAE,gBAAgB,EAAE,gBAAgB,EAAE,CAAA;AAClD,OAAO,EAAE,YAAY,EAAE,CAAA"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../src/ContextView/v1/styles.ts"],"names":[],"mappings":"AA2BA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,2BAA2B,CAAA;AACjE,OAAO,KAAK,EAAE,gBAAgB,EAAE,gBAAgB,EAAE,MAAM,SAAS,CAAA;AAyOjE;;;;;;;;;GASG;AACH,QAAA,MAAM,aAAa,GACjB,gBAAgB,gBAAgB,EAChC,OAAO,gBAAgB,KACtB,gBAuDF,CAAA;AAED,eAAe,aAAa,CAAA"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"theme.d.ts","sourceRoot":"","sources":["../../../src/ContextView/v1/theme.ts"],"names":[],"mappings":"AAwBA,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,wBAAwB,CAAA;AACnD,OAAO,EAAE,gBAAgB,EAAE,MAAM,2BAA2B,CAAA;AAE5D;;;;GAIG;AACH,QAAA,MAAM,sBAAsB,GAAI,OAAO,KAAK,KAAG,gBAa9C,CAAA;AAED,eAAe,sBAAsB,CAAA"}
|
|
@@ -0,0 +1,50 @@
|
|
|
1
|
+
import { Component } from 'react';
|
|
2
|
+
import type { ContextViewProps } from './props';
|
|
3
|
+
/**
|
|
4
|
+
---
|
|
5
|
+
category: components
|
|
6
|
+
---
|
|
7
|
+
**/
|
|
8
|
+
declare class ContextView extends Component<ContextViewProps> {
|
|
9
|
+
static readonly componentId = "ContextView";
|
|
10
|
+
static allowedProps: readonly (keyof {
|
|
11
|
+
as?: import("@instructure/shared-types").AsElementType;
|
|
12
|
+
elementRef?: (element: Element | null) => void;
|
|
13
|
+
height?: string | number;
|
|
14
|
+
width?: string | number;
|
|
15
|
+
maxHeight?: string | number;
|
|
16
|
+
maxWidth?: string | number;
|
|
17
|
+
minHeight?: string | number;
|
|
18
|
+
minWidth?: string | number;
|
|
19
|
+
children?: React.ReactNode;
|
|
20
|
+
textAlign?: "start" | "center" | "end";
|
|
21
|
+
background?: "default" | "inverse";
|
|
22
|
+
debug?: boolean;
|
|
23
|
+
margin?: import("@instructure/emotion").Spacing;
|
|
24
|
+
padding?: import("@instructure/emotion").Spacing;
|
|
25
|
+
shadow?: import("@instructure/emotion").Shadow;
|
|
26
|
+
stacking?: import("@instructure/emotion").Stacking;
|
|
27
|
+
placement?: import("@instructure/ui-position").PlacementPropValues;
|
|
28
|
+
borderColor?: string;
|
|
29
|
+
})[];
|
|
30
|
+
static defaultProps: {
|
|
31
|
+
as: string;
|
|
32
|
+
elementRef: () => void;
|
|
33
|
+
debug: boolean;
|
|
34
|
+
width: string;
|
|
35
|
+
height: string;
|
|
36
|
+
children: null;
|
|
37
|
+
textAlign: string;
|
|
38
|
+
background: string;
|
|
39
|
+
shadow: string;
|
|
40
|
+
placement: string;
|
|
41
|
+
};
|
|
42
|
+
componentDidMount(): void;
|
|
43
|
+
componentDidUpdate(): void;
|
|
44
|
+
ref: Element | null;
|
|
45
|
+
handleRef: (el: Element | null) => void;
|
|
46
|
+
render(): import("@emotion/react/jsx-runtime").JSX.Element;
|
|
47
|
+
}
|
|
48
|
+
export default ContextView;
|
|
49
|
+
export { ContextView };
|
|
50
|
+
//# sourceMappingURL=index.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/ContextView/v2/index.tsx"],"names":[],"mappings":"AAwBA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AASjC,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,SAAS,CAAA;AAE/C;;;;GAIG;AAEH,cACM,WAAY,SAAQ,SAAS,CAAC,gBAAgB,CAAC;IACnD,MAAM,CAAC,QAAQ,CAAC,WAAW,iBAAgB;IAC3C,MAAM,CAAC,YAAY;;;;;;;;;;;;;;;;;;;SAAe;IAClC,MAAM,CAAC,YAAY;;;;;;;;;;;MAWlB;IAED,iBAAiB;IAIjB,kBAAkB;IAIlB,GAAG,EAAE,OAAO,GAAG,IAAI,CAAO;IAE1B,SAAS,GAAI,IAAI,OAAO,GAAG,IAAI,UAQ9B;IAED,MAAM;CA8DP;AAED,eAAe,WAAW,CAAA;AAC1B,OAAO,EAAE,WAAW,EAAE,CAAA"}
|
|
@@ -0,0 +1,36 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import type { AsElementType, ContextViewTheme, OtherHTMLAttributes } from '@instructure/shared-types';
|
|
3
|
+
import type { PlacementPropValues } from '@instructure/ui-position';
|
|
4
|
+
import type { Shadow, Spacing, Stacking, WithStyleProps, ComponentStyle } from '@instructure/emotion';
|
|
5
|
+
type ContextViewOwnProps = {
|
|
6
|
+
as?: AsElementType;
|
|
7
|
+
elementRef?: (element: Element | null) => void;
|
|
8
|
+
height?: string | number;
|
|
9
|
+
width?: string | number;
|
|
10
|
+
maxHeight?: string | number;
|
|
11
|
+
maxWidth?: string | number;
|
|
12
|
+
minHeight?: string | number;
|
|
13
|
+
minWidth?: string | number;
|
|
14
|
+
children?: React.ReactNode;
|
|
15
|
+
textAlign?: 'start' | 'center' | 'end';
|
|
16
|
+
background?: 'default' | 'inverse';
|
|
17
|
+
debug?: boolean;
|
|
18
|
+
margin?: Spacing;
|
|
19
|
+
padding?: Spacing;
|
|
20
|
+
shadow?: Shadow;
|
|
21
|
+
stacking?: Stacking;
|
|
22
|
+
placement?: PlacementPropValues;
|
|
23
|
+
borderColor?: string;
|
|
24
|
+
};
|
|
25
|
+
type PropKeys = keyof ContextViewOwnProps;
|
|
26
|
+
type AllowedPropKeys = Readonly<Array<PropKeys>>;
|
|
27
|
+
type ContextViewProps = ContextViewOwnProps & WithStyleProps<ContextViewTheme, ContextViewStyle> & OtherHTMLAttributes<ContextViewOwnProps>;
|
|
28
|
+
type ContextViewStyle = ComponentStyle<'contextView' | 'contextView__content' | 'contextView__arrow'> & {
|
|
29
|
+
arrowSize: string | 0;
|
|
30
|
+
arrowBorderWidth: string | 0;
|
|
31
|
+
borderRadius: string;
|
|
32
|
+
};
|
|
33
|
+
declare const allowedProps: AllowedPropKeys;
|
|
34
|
+
export type { ContextViewProps, ContextViewStyle };
|
|
35
|
+
export { allowedProps };
|
|
36
|
+
//# sourceMappingURL=props.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"props.d.ts","sourceRoot":"","sources":["../../../src/ContextView/v2/props.ts"],"names":[],"mappings":"AAwBA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,KAAK,EACV,aAAa,EACb,gBAAgB,EAChB,mBAAmB,EACpB,MAAM,2BAA2B,CAAA;AAClC,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,0BAA0B,CAAA;AACnE,OAAO,KAAK,EACV,MAAM,EACN,OAAO,EACP,QAAQ,EACR,cAAc,EACd,cAAc,EACf,MAAM,sBAAsB,CAAA;AAE7B,KAAK,mBAAmB,GAAG;IACzB,EAAE,CAAC,EAAE,aAAa,CAAA;IAClB,UAAU,CAAC,EAAE,CAAC,OAAO,EAAE,OAAO,GAAG,IAAI,KAAK,IAAI,CAAA;IAC9C,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IACxB,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IACvB,SAAS,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IAC3B,QAAQ,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IAC1B,SAAS,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IAC3B,QAAQ,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IAC1B,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAC1B,SAAS,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,KAAK,CAAA;IACtC,UAAU,CAAC,EAAE,SAAS,GAAG,SAAS,CAAA;IAClC,KAAK,CAAC,EAAE,OAAO,CAAA;IACf,MAAM,CAAC,EAAE,OAAO,CAAA;IAChB,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,QAAQ,CAAC,EAAE,QAAQ,CAAA;IACnB,SAAS,CAAC,EAAE,mBAAmB,CAAA;IAC/B,WAAW,CAAC,EAAE,MAAM,CAAA;CACrB,CAAA;AAED,KAAK,QAAQ,GAAG,MAAM,mBAAmB,CAAA;AAEzC,KAAK,eAAe,GAAG,QAAQ,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAA;AAEhD,KAAK,gBAAgB,GAAG,mBAAmB,GACzC,cAAc,CAAC,gBAAgB,EAAE,gBAAgB,CAAC,GAClD,mBAAmB,CAAC,mBAAmB,CAAC,CAAA;AAE1C,KAAK,gBAAgB,GAAG,cAAc,CACpC,aAAa,GAAG,sBAAsB,GAAG,oBAAoB,CAC9D,GAAG;IACF,SAAS,EAAE,MAAM,GAAG,CAAC,CAAA;IACrB,gBAAgB,EAAE,MAAM,GAAG,CAAC,CAAA;IAC5B,YAAY,EAAE,MAAM,CAAA;CACrB,CAAA;AACD,QAAA,MAAM,YAAY,EAAE,eAmBnB,CAAA;AAED,YAAY,EAAE,gBAAgB,EAAE,gBAAgB,EAAE,CAAA;AAClD,OAAO,EAAE,YAAY,EAAE,CAAA"}
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
import type { NewComponentTypes } from '@instructure/ui-themes';
|
|
2
|
+
import type { ContextViewProps, ContextViewStyle } from './props';
|
|
3
|
+
/**
|
|
4
|
+
* ---
|
|
5
|
+
* private: true
|
|
6
|
+
* ---
|
|
7
|
+
* Generates the style object from the theme and provided additional information
|
|
8
|
+
* @param {Object} componentTheme The theme variable object.
|
|
9
|
+
* @param {Object} props the props of the component, the style is applied to
|
|
10
|
+
* @return {Object} The final style object, which will be used in the component
|
|
11
|
+
*/
|
|
12
|
+
declare const generateStyle: (componentTheme: NewComponentTypes["ContextView"], props: ContextViewProps) => ContextViewStyle;
|
|
13
|
+
export default generateStyle;
|
|
14
|
+
//# sourceMappingURL=styles.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../src/ContextView/v2/styles.ts"],"names":[],"mappings":"AA0BA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,wBAAwB,CAAA;AAE/D,OAAO,KAAK,EAAE,gBAAgB,EAAE,gBAAgB,EAAE,MAAM,SAAS,CAAA;AAyOjE;;;;;;;;GAQG;AACH,QAAA,MAAM,aAAa,GACjB,gBAAgB,iBAAiB,CAAC,aAAa,CAAC,EAChD,OAAO,gBAAgB,KACtB,gBAwDF,CAAA;AAED,eAAe,aAAa,CAAA"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/View/v1/index.tsx"],"names":[],"mappings":"AAwBA,OAAO,EAAE,SAAS,EAAE,aAAa,EAAE,MAAM,OAAO,CAAA;AAiBhD,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,SAAS,CAAA;AAExC;;;;;GAKG;AACH,cAEM,IAAK,SAAQ,SAAS,CAAC,SAAS,CAAC;IACrC,MAAM,CAAC,WAAW,SAAS;IAC3B,MAAM,CAAC,YAAY,oDAAe;IAClC,MAAM,CAAC,YAAY;;;;;;;;;;;MAWT;IAgBV,MAAM,CAAC,aAAa,GAClB,OAAO,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,EAC1B,WAAW,aAAa,CAAC,GAAG,CAAC,yBA6B9B;IAED,OAAO,CAAC,kBAAkB,CAAS;IACnC,IAAI,QAAQ,mBAMX;gBAEW,KAAK,EAAE,SAAS;IAK5B,iBAAiB;IAIjB,kBAAkB;IAoDlB,GAAG,EAAE,OAAO,GAAG,IAAI,CAAO;IAE1B,gBAAgB,GAAI,IAAI,WAAW,GAAG,IAAI,UAKzC;IAED,MAAM;CA0CP;AAED,eAAe,IAAI,CAAA;AACnB,OAAO,EAAE,IAAI,EAAE,CAAA"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"props.d.ts","sourceRoot":"","sources":["../../../src/View/v1/props.ts"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../src/View/v1/styles.ts"],"names":[],"mappings":"AAgCA,OAAO,KAAK,EAAuB,SAAS,EAAE,MAAM,2BAA2B,CAAA;AAC/E,OAAO,KAAK,EAAE,SAAS,EAAE,SAAS,EAAe,MAAM,SAAS,CAAA;AA+LhE;;;;;GAKG;AACH,QAAA,MAAM,aAAa,GACjB,gBAAgB,SAAS,EACzB,OAAO,SAAS,KACf,SAiQF,CAAA;AACD,eAAe,aAAa,CAAA"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"theme.d.ts","sourceRoot":"","sources":["../../../src/View/v1/theme.ts"],"names":[],"mappings":"AA2BA,OAAO,KAAK,EAAE,KAAK,EAAsB,MAAM,wBAAwB,CAAA;AACvE,OAAO,EAAE,SAAS,EAAE,MAAM,2BAA2B,CAAA;AAErD;;;;GAIG;AACH,QAAA,MAAM,sBAAsB,GAAI,OAAO,KAAK,KAAG,SA+E9C,CAAA;AAED,eAAe,sBAAsB,CAAA"}
|
|
@@ -0,0 +1,36 @@
|
|
|
1
|
+
import { Component, ComponentType } from 'react';
|
|
2
|
+
import type { ViewProps } from './props';
|
|
3
|
+
/**
|
|
4
|
+
---
|
|
5
|
+
category: components
|
|
6
|
+
---
|
|
7
|
+
@module View
|
|
8
|
+
**/
|
|
9
|
+
declare class View extends Component<ViewProps> {
|
|
10
|
+
static componentId: string;
|
|
11
|
+
static allowedProps: readonly (keyof import("./props").ViewOwnProps)[];
|
|
12
|
+
static defaultProps: {
|
|
13
|
+
readonly display: "auto";
|
|
14
|
+
readonly overflowX: "visible";
|
|
15
|
+
readonly overflowY: "visible";
|
|
16
|
+
readonly withVisualDebug: false;
|
|
17
|
+
readonly borderColor: "primary";
|
|
18
|
+
readonly position: "static";
|
|
19
|
+
readonly focusPosition: "offset";
|
|
20
|
+
readonly focusColor: "info";
|
|
21
|
+
readonly shouldAnimateFocus: true;
|
|
22
|
+
readonly overscrollBehavior: "auto";
|
|
23
|
+
};
|
|
24
|
+
static omitViewProps: (props: Record<string, any>, Component: ComponentType<any>) => Record<string, any>;
|
|
25
|
+
private spanMarginVerified;
|
|
26
|
+
get _element(): Element | null;
|
|
27
|
+
constructor(props: ViewProps);
|
|
28
|
+
componentDidMount(): void;
|
|
29
|
+
componentDidUpdate(): void;
|
|
30
|
+
ref: Element | null;
|
|
31
|
+
handleElementRef: (el: HTMLElement | null) => void;
|
|
32
|
+
render(): import("@emotion/react/jsx-runtime").JSX.Element;
|
|
33
|
+
}
|
|
34
|
+
export default View;
|
|
35
|
+
export { View };
|
|
36
|
+
//# sourceMappingURL=index.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/View/v2/index.tsx"],"names":[],"mappings":"AAwBA,OAAO,EAAE,SAAS,EAAE,aAAa,EAAE,MAAM,OAAO,CAAA;AAgBhD,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,SAAS,CAAA;AAExC;;;;;GAKG;AACH,cAEM,IAAK,SAAQ,SAAS,CAAC,SAAS,CAAC;IACrC,MAAM,CAAC,WAAW,SAAS;IAC3B,MAAM,CAAC,YAAY,oDAAe;IAClC,MAAM,CAAC,YAAY;;;;;;;;;;;MAWT;IAgBV,MAAM,CAAC,aAAa,GAClB,OAAO,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,EAC1B,WAAW,aAAa,CAAC,GAAG,CAAC,yBA+B9B;IAED,OAAO,CAAC,kBAAkB,CAAS;IACnC,IAAI,QAAQ,mBAMX;gBAEW,KAAK,EAAE,SAAS;IAK5B,iBAAiB;IAIjB,kBAAkB;IAoDlB,GAAG,EAAE,OAAO,GAAG,IAAI,CAAO;IAE1B,gBAAgB,GAAI,IAAI,WAAW,GAAG,IAAI,UAKzC;IAED,MAAM;CA0CP;AAED,eAAe,IAAI,CAAA;AACnB,OAAO,EAAE,IAAI,EAAE,CAAA"}
|
|
@@ -0,0 +1,157 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import type { Cursor } from '@instructure/shared-types';
|
|
3
|
+
import type { AsElementType, OtherHTMLAttributes, ViewTheme } from '@instructure/shared-types';
|
|
4
|
+
import type { WithStyleProps, Spacing, BorderWidth, BorderRadii, Shadow, Stacking, ComponentStyle, StyleObject } from '@instructure/emotion';
|
|
5
|
+
type BorderColor = string | 'transparent' | 'primary' | 'secondary' | 'brand' | 'info' | 'success' | 'warning' | 'alert' | 'danger';
|
|
6
|
+
type ViewOwnProps = {
|
|
7
|
+
/**
|
|
8
|
+
* The element to render as the component root, `span` by default
|
|
9
|
+
*/
|
|
10
|
+
as?: AsElementType;
|
|
11
|
+
/**
|
|
12
|
+
* provides a reference to the underlying html element
|
|
13
|
+
*/
|
|
14
|
+
elementRef?: (element: HTMLElement | null) => void;
|
|
15
|
+
/**
|
|
16
|
+
* By default the display prop is 'auto', meaning it takes on the
|
|
17
|
+
* display rules of the html element it's rendered as (see `as` prop).
|
|
18
|
+
*/
|
|
19
|
+
display?: 'auto' | 'inline' | 'block' | 'inline-block' | 'flex' | 'inline-flex' | 'contents' | 'inherit' | 'initial' | 'revert' | 'revert-layer' | 'unset';
|
|
20
|
+
overflowX?: 'auto' | 'hidden' | 'visible';
|
|
21
|
+
overflowY?: 'auto' | 'hidden' | 'visible';
|
|
22
|
+
height?: string | number;
|
|
23
|
+
width?: string | number;
|
|
24
|
+
maxHeight?: string | number;
|
|
25
|
+
maxWidth?: string | number;
|
|
26
|
+
minHeight?: string | number;
|
|
27
|
+
minWidth?: string | number;
|
|
28
|
+
/**
|
|
29
|
+
* The children to render inside the <View />
|
|
30
|
+
*/
|
|
31
|
+
children?: React.ReactNode;
|
|
32
|
+
/**
|
|
33
|
+
* Designates the text alignment within the `<View />`
|
|
34
|
+
*/
|
|
35
|
+
textAlign?: 'start' | 'center' | 'end';
|
|
36
|
+
/**
|
|
37
|
+
* Sets the color of the View border.
|
|
38
|
+
* Accepts a color string value (e.g., "#FFFFFF", "red") or one of the predefined theme color options.
|
|
39
|
+
*/
|
|
40
|
+
borderColor?: BorderColor;
|
|
41
|
+
/**
|
|
42
|
+
* Designates the background style of the `<View />`
|
|
43
|
+
*/
|
|
44
|
+
background?: 'transparent' | 'primary' | 'secondary' | 'primary-inverse' | 'brand' | 'info' | 'alert' | 'success' | 'danger' | 'warning';
|
|
45
|
+
/**
|
|
46
|
+
* Specify a value for the CSS position property. Use `relative` if `focusable` will be true.
|
|
47
|
+
*/
|
|
48
|
+
position?: 'static' | 'absolute' | 'relative' | 'sticky' | 'fixed';
|
|
49
|
+
/**
|
|
50
|
+
* The `left` CSS property in left-to-right interfaces. Will not do anything if `position === "static"`.
|
|
51
|
+
*/
|
|
52
|
+
insetInlineStart?: string;
|
|
53
|
+
/**
|
|
54
|
+
* The `right` CSS property in left-to-right interfaces. Will not do anything if `position === "static"`.
|
|
55
|
+
*/
|
|
56
|
+
insetInlineEnd?: string;
|
|
57
|
+
/**
|
|
58
|
+
* The `top` CSS property. Will not do anything if `position === "static"`.
|
|
59
|
+
*/
|
|
60
|
+
insetBlockStart?: string;
|
|
61
|
+
/**
|
|
62
|
+
* The `bottom` CSS property. Will not do anything if `position === "static"`.
|
|
63
|
+
*/
|
|
64
|
+
insetBlockEnd?: string;
|
|
65
|
+
/**
|
|
66
|
+
* Manually control if the `View` should display a focus outline.
|
|
67
|
+
*
|
|
68
|
+
* When left `undefined` (which is the default) the focus outline will display
|
|
69
|
+
* automatically if the `View` is focusable and receives focus.
|
|
70
|
+
*/
|
|
71
|
+
withFocusOutline?: boolean;
|
|
72
|
+
/**
|
|
73
|
+
* Determines whether the focus outline displays offset or inset from the focused View
|
|
74
|
+
*/
|
|
75
|
+
focusPosition?: 'offset' | 'inset';
|
|
76
|
+
/**
|
|
77
|
+
* Determines the color of the focus outline
|
|
78
|
+
*/
|
|
79
|
+
focusColor?: 'info' | 'inverse' | 'success' | 'danger';
|
|
80
|
+
/**
|
|
81
|
+
* Determines if the focus ring should animate when it appears
|
|
82
|
+
*/
|
|
83
|
+
shouldAnimateFocus?: boolean;
|
|
84
|
+
/**
|
|
85
|
+
* Activate a dotted outline around the component to make building your
|
|
86
|
+
* layout easier
|
|
87
|
+
*/
|
|
88
|
+
withVisualDebug?: boolean;
|
|
89
|
+
dir?: 'ltr' | 'rtl';
|
|
90
|
+
/**
|
|
91
|
+
* Valid values are `0`, `none`, `auto`, and Spacing token values,
|
|
92
|
+
* see https://instructure.design/layout-spacing. Apply these values via
|
|
93
|
+
* familiar CSS-like shorthand. For example, `margin="small auto large"`.
|
|
94
|
+
*/
|
|
95
|
+
margin?: Spacing;
|
|
96
|
+
/**
|
|
97
|
+
* Valid values are `0`, `none`, `auto`, and Spacing token values,
|
|
98
|
+
* see https://instructure.design/layout-spacing. Apply these values via
|
|
99
|
+
* familiar CSS-like shorthand. For example, `padding="small auto large"`.
|
|
100
|
+
*/
|
|
101
|
+
padding?: Spacing;
|
|
102
|
+
/**
|
|
103
|
+
* Accepts the familiar CSS shorthand to designate border widths corresponding
|
|
104
|
+
* to edges
|
|
105
|
+
*/
|
|
106
|
+
borderWidth?: BorderWidth;
|
|
107
|
+
/**
|
|
108
|
+
* Accepts `small`, `medium`, `large`, `circle`, and `pill`. Border radius can be
|
|
109
|
+
* assigned to individual corners in CSS shorthand style (e.g., `"medium large none pill"`).
|
|
110
|
+
* Also accepts valid CSS length values like `1rem` or `12px`
|
|
111
|
+
*/
|
|
112
|
+
borderRadius?: BorderRadii;
|
|
113
|
+
/**
|
|
114
|
+
* Controls the shadow depth for the `<View />`
|
|
115
|
+
*/
|
|
116
|
+
shadow?: Shadow;
|
|
117
|
+
/**
|
|
118
|
+
* Controls the z-index depth for the `<View />`
|
|
119
|
+
*/
|
|
120
|
+
stacking?: Stacking;
|
|
121
|
+
/**
|
|
122
|
+
* Specify a mouse cursor to use when hovering over the `<View />`
|
|
123
|
+
*/
|
|
124
|
+
cursor?: Cursor;
|
|
125
|
+
/**
|
|
126
|
+
* Sets what a browser does when reaching the boundary of a scrolling area.
|
|
127
|
+
* Valid values are `auto`, `contain`, `none`.
|
|
128
|
+
*/
|
|
129
|
+
overscrollBehavior?: 'auto' | 'contain' | 'none';
|
|
130
|
+
/**
|
|
131
|
+
* DEPRECATED, this prop does nothing. Use the focusOutlineOffset theme
|
|
132
|
+
* variable
|
|
133
|
+
*
|
|
134
|
+
* Sets the radius of the focus border ring.
|
|
135
|
+
*
|
|
136
|
+
* For offset type, the given value is increased by the difference between the focus ring' offset and the focus ring's width.
|
|
137
|
+
*
|
|
138
|
+
* For inset type, the given value is decreased by the sum of the focus ring' offset and the focus ring's width.
|
|
139
|
+
*/
|
|
140
|
+
focusRingBorderRadius?: string;
|
|
141
|
+
/**
|
|
142
|
+
* Display the focus ring when any of the descendants is focused.
|
|
143
|
+
* (uses the [:focus-within](https://developer.mozilla.org/en-US/docs/Web/CSS/:focus-within)
|
|
144
|
+
* CSS selector)
|
|
145
|
+
*/
|
|
146
|
+
focusWithin?: boolean;
|
|
147
|
+
};
|
|
148
|
+
type PropKeys = keyof ViewOwnProps;
|
|
149
|
+
type ViewProps = ViewOwnProps & WithStyleProps<ViewTheme, ViewStyle> & OtherHTMLAttributes<ViewOwnProps>;
|
|
150
|
+
type AllowedPropKeys = Readonly<Array<PropKeys>>;
|
|
151
|
+
type ViewStyle = ComponentStyle<'view'> & {
|
|
152
|
+
inlineStyles: StyleObject;
|
|
153
|
+
};
|
|
154
|
+
declare const allowedProps: AllowedPropKeys;
|
|
155
|
+
export { allowedProps };
|
|
156
|
+
export type { ViewProps, ViewOwnProps, ViewStyle, BorderColor };
|
|
157
|
+
//# sourceMappingURL=props.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"props.d.ts","sourceRoot":"","sources":["../../../src/View/v2/props.ts"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
import type { NewComponentTypes, SharedTokens } from '@instructure/ui-themes';
|
|
2
|
+
import type { ViewProps, ViewStyle } from './props';
|
|
3
|
+
/**
|
|
4
|
+
* Generates the style object from the theme and provided additional information
|
|
5
|
+
* @param {Object} componentTheme The theme variable object.
|
|
6
|
+
* @param {Object} props the props of the component, the style is applied to
|
|
7
|
+
* @return {Object} The final style object, which will be used in the component
|
|
8
|
+
*/
|
|
9
|
+
declare const generateStyle: (componentTheme: NewComponentTypes["View"], props: ViewProps, sharedTokens: SharedTokens) => ViewStyle;
|
|
10
|
+
export default generateStyle;
|
|
11
|
+
//# sourceMappingURL=styles.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../src/View/v2/styles.ts"],"names":[],"mappings":"AAkCA,OAAO,KAAK,EAAE,iBAAiB,EAAE,YAAY,EAAE,MAAM,wBAAwB,CAAA;AAC7E,OAAO,KAAK,EAAE,SAAS,EAAE,SAAS,EAAe,MAAM,SAAS,CAAA;AA0LhE;;;;;GAKG;AACH,QAAA,MAAM,aAAa,GACjB,gBAAgB,iBAAiB,CAAC,MAAM,CAAC,EACzC,OAAO,SAAS,EAChB,cAAc,YAAY,KACzB,SA8QF,CAAA;AACD,eAAe,aAAa,CAAA"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"a.d.ts","sourceRoot":"","sources":["../../src/exports/a.ts"],"names":[],"mappings":"AAwBA,OAAO,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAA;AAC/C,OAAO,EAAE,IAAI,EAAE,MAAM,YAAY,CAAA;AAEjC,YAAY,EAAE,gBAAgB,EAAE,MAAM,yBAAyB,CAAA;AAC/D,YAAY,EAAE,SAAS,EAAE,YAAY,EAAE,MAAM,kBAAkB,CAAA"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"b.d.ts","sourceRoot":"","sources":["../../src/exports/b.ts"],"names":[],"mappings":"AAwBA,OAAO,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAA;AAC/C,OAAO,EAAE,IAAI,EAAE,MAAM,YAAY,CAAA;AAEjC,YAAY,EAAE,gBAAgB,EAAE,MAAM,yBAAyB,CAAA;AAC/D,YAAY,EAAE,SAAS,EAAE,YAAY,EAAE,MAAM,kBAAkB,CAAA"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/ContextView/index.tsx"],"names":[],"mappings":"AAwBA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAUjC,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,SAAS,CAAA;AAE/C;;;;GAIG;AAEH,cACM,WAAY,SAAQ,SAAS,CAAC,gBAAgB,CAAC;IACnD,MAAM,CAAC,QAAQ,CAAC,WAAW,iBAAgB;IAC3C,MAAM,CAAC,YAAY;;;;;;;;;;;;;;;;;;;SAAe;IAClC,MAAM,CAAC,YAAY;;;;;;;;;;;MAWlB;IAED,iBAAiB;IAIjB,kBAAkB;IAIlB,GAAG,EAAE,OAAO,GAAG,IAAI,CAAO;IAE1B,SAAS,GAAI,IAAI,OAAO,GAAG,IAAI,UAQ9B;IAED,MAAM;CA8DP;AAED,eAAe,WAAW,CAAA;AAC1B,OAAO,EAAE,WAAW,EAAE,CAAA"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"props.d.ts","sourceRoot":"","sources":["../../src/ContextView/props.ts"],"names":[],"mappings":"AAwBA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,KAAK,EACV,aAAa,EACb,gBAAgB,EAChB,mBAAmB,EACpB,MAAM,2BAA2B,CAAA;AAClC,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,0BAA0B,CAAA;AACnE,OAAO,KAAK,EACV,MAAM,EACN,OAAO,EACP,QAAQ,EACR,cAAc,EACd,cAAc,EACf,MAAM,sBAAsB,CAAA;AAE7B,KAAK,mBAAmB,GAAG;IACzB,EAAE,CAAC,EAAE,aAAa,CAAA;IAClB,UAAU,CAAC,EAAE,CAAC,OAAO,EAAE,OAAO,GAAG,IAAI,KAAK,IAAI,CAAA;IAC9C,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IACxB,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IACvB,SAAS,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IAC3B,QAAQ,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IAC1B,SAAS,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IAC3B,QAAQ,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IAC1B,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAC1B,SAAS,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,KAAK,CAAA;IACtC,UAAU,CAAC,EAAE,SAAS,GAAG,SAAS,CAAA;IAClC,KAAK,CAAC,EAAE,OAAO,CAAA;IACf,MAAM,CAAC,EAAE,OAAO,CAAA;IAChB,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,QAAQ,CAAC,EAAE,QAAQ,CAAA;IACnB,SAAS,CAAC,EAAE,mBAAmB,CAAA;IAC/B,WAAW,CAAC,EAAE,MAAM,CAAA;CACrB,CAAA;AAED,KAAK,QAAQ,GAAG,MAAM,mBAAmB,CAAA;AAEzC,KAAK,eAAe,GAAG,QAAQ,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAA;AAEhD,KAAK,gBAAgB,GAAG,mBAAmB,GACzC,cAAc,CAAC,gBAAgB,EAAE,gBAAgB,CAAC,GAClD,mBAAmB,CAAC,mBAAmB,CAAC,CAAA;AAE1C,KAAK,gBAAgB,GAAG,cAAc,CACpC,aAAa,GAAG,sBAAsB,GAAG,oBAAoB,CAC9D,GAAG;IACF,SAAS,EAAE,MAAM,GAAG,CAAC,CAAA;IACrB,gBAAgB,EAAE,MAAM,GAAG,CAAC,CAAA;CAC7B,CAAA;AACD,QAAA,MAAM,YAAY,EAAE,eAmBnB,CAAA;AAED,YAAY,EAAE,gBAAgB,EAAE,gBAAgB,EAAE,CAAA;AAClD,OAAO,EAAE,YAAY,EAAE,CAAA"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../src/ContextView/styles.ts"],"names":[],"mappings":"AA2BA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,2BAA2B,CAAA;AACjE,OAAO,KAAK,EAAE,gBAAgB,EAAE,gBAAgB,EAAE,MAAM,SAAS,CAAA;AAyOjE;;;;;;;;;GASG;AACH,QAAA,MAAM,aAAa,GACjB,gBAAgB,gBAAgB,EAChC,OAAO,gBAAgB,KACtB,gBAuDF,CAAA;AAED,eAAe,aAAa,CAAA"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"theme.d.ts","sourceRoot":"","sources":["../../src/ContextView/theme.ts"],"names":[],"mappings":"AAwBA,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,wBAAwB,CAAA;AACnD,OAAO,EAAE,gBAAgB,EAAE,MAAM,2BAA2B,CAAA;AAE5D;;;;GAIG;AACH,QAAA,MAAM,sBAAsB,GAAI,OAAO,KAAK,KAAG,gBAa9C,CAAA;AAED,eAAe,sBAAsB,CAAA"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/View/index.tsx"],"names":[],"mappings":"AAwBA,OAAO,EAAE,SAAS,EAAE,aAAa,EAAE,MAAM,OAAO,CAAA;AAiBhD,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,SAAS,CAAA;AAExC;;;;;GAKG;AACH,cAEM,IAAK,SAAQ,SAAS,CAAC,SAAS,CAAC;IACrC,MAAM,CAAC,WAAW,SAAS;IAC3B,MAAM,CAAC,YAAY,oDAAe;IAClC,MAAM,CAAC,YAAY;;;;;;;;;;;MAWT;IAgBV,MAAM,CAAC,aAAa,GAClB,OAAO,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,EAC1B,WAAW,aAAa,CAAC,GAAG,CAAC,yBA6B9B;IAED,OAAO,CAAC,kBAAkB,CAAS;IACnC,IAAI,QAAQ,mBAMX;gBAEW,KAAK,EAAE,SAAS;IAK5B,iBAAiB;IAIjB,kBAAkB;IAoDlB,GAAG,EAAE,OAAO,GAAG,IAAI,CAAO;IAE1B,gBAAgB,GAAI,IAAI,WAAW,GAAG,IAAI,UAKzC;IAED,MAAM;CA0CP;AAED,eAAe,IAAI,CAAA;AACnB,OAAO,EAAE,IAAI,EAAE,CAAA"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"props.d.ts","sourceRoot":"","sources":["../../src/View/props.ts"],"names":[],"mappings":"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"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../src/View/styles.ts"],"names":[],"mappings":"AAgCA,OAAO,KAAK,EAAuB,SAAS,EAAE,MAAM,2BAA2B,CAAA;AAC/E,OAAO,KAAK,EAAE,SAAS,EAAE,SAAS,EAAe,MAAM,SAAS,CAAA;AA+LhE;;;;;GAKG;AACH,QAAA,MAAM,aAAa,GACjB,gBAAgB,SAAS,EACzB,OAAO,SAAS,KACf,SAiQF,CAAA;AACD,eAAe,aAAa,CAAA"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"theme.d.ts","sourceRoot":"","sources":["../../src/View/theme.ts"],"names":[],"mappings":"AA2BA,OAAO,KAAK,EAAE,KAAK,EAAsB,MAAM,wBAAwB,CAAA;AACvE,OAAO,EAAE,SAAS,EAAE,MAAM,2BAA2B,CAAA;AAErD;;;;GAIG;AACH,QAAA,MAAM,sBAAsB,GAAI,OAAO,KAAK,KAAG,SA+E9C,CAAA;AAED,eAAe,sBAAsB,CAAA"}
|
package/types/index.d.ts
DELETED
package/types/index.d.ts.map
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAwBA,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAA;AAC3C,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAA;AAE7B,YAAY,EAAE,gBAAgB,EAAE,MAAM,qBAAqB,CAAA;AAC3D,YAAY,EAAE,SAAS,EAAE,YAAY,EAAE,MAAM,cAAc,CAAA"}
|
|
File without changes
|
|
File without changes
|
|
File without changes
|
|
File without changes
|
|
File without changes
|
|
File without changes
|
|
File without changes
|
|
File without changes
|
|
File without changes
|
|
File without changes
|
|
File without changes
|
|
File without changes
|
|
File without changes
|
|
File without changes
|
|
File without changes
|
|
File without changes
|
|
File without changes
|
|
File without changes
|
|
File without changes
|
|
File without changes
|
|
File without changes
|
|
File without changes
|
|
File without changes
|
|
File without changes
|
|
File without changes
|
|
File without changes
|
|
File without changes
|
|
File without changes
|