@instructure/ui-instructure 11.7.2-snapshot-9 → 11.7.2-snapshot-11

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.
Files changed (45) hide show
  1. package/CHANGELOG.md +5 -2
  2. package/es/AiInformation/v2/index.js +2 -2
  3. package/es/DataPermissionLevels/v2/index.js +143 -0
  4. package/es/DataPermissionLevels/v2/props.js +26 -0
  5. package/es/DataPermissionLevels/v2/styles.js +99 -0
  6. package/es/NutritionFacts/v2/index.js +151 -0
  7. package/es/NutritionFacts/v2/props.js +26 -0
  8. package/es/NutritionFacts/v2/styles.js +73 -0
  9. package/es/exports/b.js +2 -2
  10. package/lib/AiInformation/v2/index.js +2 -2
  11. package/lib/DataPermissionLevels/v2/index.js +150 -0
  12. package/lib/DataPermissionLevels/v2/props.js +31 -0
  13. package/lib/DataPermissionLevels/v2/styles.js +105 -0
  14. package/lib/NutritionFacts/v2/index.js +158 -0
  15. package/lib/NutritionFacts/v2/props.js +31 -0
  16. package/lib/NutritionFacts/v2/styles.js +79 -0
  17. package/lib/exports/b.js +2 -2
  18. package/package.json +16 -16
  19. package/src/AiInformation/v2/index.tsx +2 -2
  20. package/src/AiInformation/v2/styles.ts +2 -2
  21. package/src/DataPermissionLevels/v2/README.md +47 -0
  22. package/src/DataPermissionLevels/v2/index.tsx +137 -0
  23. package/src/DataPermissionLevels/v2/props.ts +106 -0
  24. package/src/DataPermissionLevels/v2/styles.ts +110 -0
  25. package/src/NutritionFacts/v2/README.md +99 -0
  26. package/src/NutritionFacts/v2/index.tsx +147 -0
  27. package/src/NutritionFacts/v2/props.ts +103 -0
  28. package/src/NutritionFacts/v2/styles.ts +81 -0
  29. package/src/exports/b.ts +4 -4
  30. package/tsconfig.build.tsbuildinfo +1 -1
  31. package/types/AiInformation/v2/styles.d.ts +2 -2
  32. package/types/AiInformation/v2/styles.d.ts.map +1 -1
  33. package/types/DataPermissionLevels/v2/index.d.ts +10 -0
  34. package/types/DataPermissionLevels/v2/index.d.ts.map +1 -0
  35. package/types/DataPermissionLevels/v2/props.d.ts +57 -0
  36. package/types/DataPermissionLevels/v2/props.d.ts.map +1 -0
  37. package/types/DataPermissionLevels/v2/styles.d.ts +15 -0
  38. package/types/DataPermissionLevels/v2/styles.d.ts.map +1 -0
  39. package/types/NutritionFacts/v2/index.d.ts +10 -0
  40. package/types/NutritionFacts/v2/index.d.ts.map +1 -0
  41. package/types/NutritionFacts/v2/props.d.ts +57 -0
  42. package/types/NutritionFacts/v2/props.d.ts.map +1 -0
  43. package/types/NutritionFacts/v2/styles.d.ts +15 -0
  44. package/types/NutritionFacts/v2/styles.d.ts.map +1 -0
  45. package/types/exports/b.d.ts +4 -4
@@ -1,5 +1,5 @@
1
1
  import type { NewComponentTypes, SharedTokens } from '@instructure/ui-themes';
2
- import type { AiInformationStyle } from './props';
2
+ import type { AiInformationStyle, AiInformationProps } from './props';
3
3
  /**
4
4
  * ---
5
5
  * private: true
@@ -10,6 +10,6 @@ import type { AiInformationStyle } from './props';
10
10
  * @param sharedTokens Shared token object that stores common values for the theme.
11
11
  * @return The final style object, which will be used in the component
12
12
  */
13
- declare const generateStyle: (componentTheme: NewComponentTypes["AiInformation"], _params: Record<string, never>, _sharedTokens: SharedTokens) => AiInformationStyle;
13
+ declare const generateStyle: (componentTheme: NewComponentTypes["AiInformation"], _params: AiInformationProps, _sharedTokens: SharedTokens) => AiInformationStyle;
14
14
  export default generateStyle;
15
15
  //# sourceMappingURL=styles.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../src/AiInformation/v2/styles.ts"],"names":[],"mappings":"AAwBA,OAAO,KAAK,EAAE,iBAAiB,EAAE,YAAY,EAAE,MAAM,wBAAwB,CAAA;AAC7E,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,SAAS,CAAA;AAEjD;;;;;;;;;GASG;AACH,QAAA,MAAM,aAAa,GACjB,gBAAgB,iBAAiB,CAAC,eAAe,CAAC,EAClD,SAAS,MAAM,CAAC,MAAM,EAAE,KAAK,CAAC,EAC9B,eAAe,YAAY,KAC1B,kBAyDF,CAAA;AAED,eAAe,aAAa,CAAA"}
1
+ {"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../src/AiInformation/v2/styles.ts"],"names":[],"mappings":"AAwBA,OAAO,KAAK,EAAE,iBAAiB,EAAE,YAAY,EAAE,MAAM,wBAAwB,CAAA;AAC7E,OAAO,KAAK,EAAE,kBAAkB,EAAE,kBAAkB,EAAE,MAAM,SAAS,CAAA;AAErE;;;;;;;;;GASG;AACH,QAAA,MAAM,aAAa,GACjB,gBAAgB,iBAAiB,CAAC,eAAe,CAAC,EAClD,SAAS,kBAAkB,EAC3B,eAAe,YAAY,KAC1B,kBAyDF,CAAA;AAED,eAAe,aAAa,CAAA"}
@@ -0,0 +1,10 @@
1
+ import { DataPermissionLevelsProps } from './props';
2
+ /**
3
+ ---
4
+ category: components/AI Components
5
+ ---
6
+ **/
7
+ declare const DataPermissionLevels: ({ modalLabel, title, data, closeButtonText, closeIconButtonScreenReaderLabel, currentFeature, currentFeatureText, triggerText, fullscreen, themeOverride }: DataPermissionLevelsProps) => import("@emotion/react/jsx-runtime").JSX.Element;
8
+ export default DataPermissionLevels;
9
+ export { DataPermissionLevels };
10
+ //# sourceMappingURL=index.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/DataPermissionLevels/v2/index.tsx"],"names":[],"mappings":"AA+BA,OAAO,EAAE,yBAAyB,EAAE,MAAM,SAAS,CAAA;AAGnD;;;;GAIG;AACH,QAAA,MAAM,oBAAoB,GAAI,4JAW3B,yBAAyB,qDAmF3B,CAAA;AAED,eAAe,oBAAoB,CAAA;AACnC,OAAO,EAAE,oBAAoB,EAAE,CAAA"}
@@ -0,0 +1,57 @@
1
+ import type { ComponentStyle, ThemeOverrideValue } from '@instructure/emotion';
2
+ import type { OtherHTMLAttributes } from '@instructure/shared-types';
3
+ type DataPermissionLevelsOwnProps = {
4
+ /**
5
+ * i18n text for the label of the modal
6
+ */
7
+ modalLabel: string;
8
+ /**
9
+ * i18n text for the dataPermissionLevels title
10
+ */
11
+ title: string;
12
+ /**
13
+ * i18n text for the "model and data" heading of the dataPermissionLevels
14
+ */
15
+ data: {
16
+ level: string;
17
+ title: string;
18
+ description: string;
19
+ highlighted?: boolean;
20
+ }[];
21
+ /**
22
+ * i18n text for the close button
23
+ */
24
+ closeButtonText: string;
25
+ /**
26
+ * i18n text for the close iconButton
27
+ */
28
+ closeIconButtonScreenReaderLabel: string;
29
+ /**
30
+ * i18n text for the "current feature" text
31
+ */
32
+ currentFeatureText: string;
33
+ /**
34
+ * i18n text for the current feature
35
+ */
36
+ currentFeature: string;
37
+ /**
38
+ * i18n text for the trigger
39
+ */
40
+ triggerText: string;
41
+ /**
42
+ * sets the modal size to 'fullscreen'. Used for small viewports
43
+ */
44
+ fullscreen?: boolean;
45
+ };
46
+ type PropKeys = keyof DataPermissionLevelsOwnProps;
47
+ type AllowedPropKeys = Readonly<Array<PropKeys>>;
48
+ type DataPermissionLevelsProps = DataPermissionLevelsOwnProps & {
49
+ themeOverride?: ThemeOverrideValue;
50
+ } & OtherHTMLAttributes<DataPermissionLevelsOwnProps>;
51
+ type DataPermissionLevelsStyle = ComponentStyle<'dataPermissionLevels' | 'body' | 'card' | 'level' | 'highlightedCard' | 'currentFeature' | 'contentContainer' | 'permissionTitle'> & {
52
+ maxWidth?: string;
53
+ };
54
+ declare const allowedProps: AllowedPropKeys;
55
+ export type { DataPermissionLevelsProps, DataPermissionLevelsStyle };
56
+ export { allowedProps };
57
+ //# sourceMappingURL=props.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"props.d.ts","sourceRoot":"","sources":["../../../src/DataPermissionLevels/v2/props.ts"],"names":[],"mappings":"AAwBA,OAAO,KAAK,EAAE,cAAc,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAA;AAC9E,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,2BAA2B,CAAA;AAEpE,KAAK,4BAA4B,GAAG;IAClC;;OAEG;IACH,UAAU,EAAE,MAAM,CAAA;IAClB;;OAEG;IACH,KAAK,EAAE,MAAM,CAAA;IACb;;OAEG;IACH,IAAI,EAAE;QACJ,KAAK,EAAE,MAAM,CAAA;QACb,KAAK,EAAE,MAAM,CAAA;QACb,WAAW,EAAE,MAAM,CAAA;QACnB,WAAW,CAAC,EAAE,OAAO,CAAA;KACtB,EAAE,CAAA;IACH;;OAEG;IACH,eAAe,EAAE,MAAM,CAAA;IACvB;;OAEG;IACH,gCAAgC,EAAE,MAAM,CAAA;IACxC;;OAEG;IACH,kBAAkB,EAAE,MAAM,CAAA;IAC1B;;OAEG;IACH,cAAc,EAAE,MAAM,CAAA;IACtB;;OAEG;IACH,WAAW,EAAE,MAAM,CAAA;IACnB;;OAEG;IACH,UAAU,CAAC,EAAE,OAAO,CAAA;CACrB,CAAA;AAED,KAAK,QAAQ,GAAG,MAAM,4BAA4B,CAAA;AAElD,KAAK,eAAe,GAAG,QAAQ,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAA;AAEhD,KAAK,yBAAyB,GAAG,4BAA4B,GAAG;IAC9D,aAAa,CAAC,EAAE,kBAAkB,CAAA;CACnC,GAAG,mBAAmB,CAAC,4BAA4B,CAAC,CAAA;AAErD,KAAK,yBAAyB,GAAG,cAAc,CAC3C,sBAAsB,GACtB,MAAM,GACN,MAAM,GACN,OAAO,GACP,iBAAiB,GACjB,gBAAgB,GAChB,kBAAkB,GAClB,iBAAiB,CACpB,GAAG;IACF,QAAQ,CAAC,EAAE,MAAM,CAAA;CAClB,CAAA;AAED,QAAA,MAAM,YAAY,EAAE,eAUnB,CAAA;AAED,YAAY,EAAE,yBAAyB,EAAE,yBAAyB,EAAE,CAAA;AACpE,OAAO,EAAE,YAAY,EAAE,CAAA"}
@@ -0,0 +1,15 @@
1
+ import type { NewComponentTypes, SharedTokens } from '@instructure/ui-themes';
2
+ import type { DataPermissionLevelsProps, DataPermissionLevelsStyle } from './props';
3
+ /**
4
+ * ---
5
+ * private: true
6
+ * ---
7
+ * Generates the style object from the theme and provided additional information
8
+ * @param componentTheme The theme variable object.
9
+ * @param params Additional parameters to customize the style.
10
+ * @param sharedTokens Shared token object that stores common values for the theme.
11
+ * @return The final style object, which will be used in the component
12
+ */
13
+ declare const generateStyle: (componentTheme: NewComponentTypes["DataPermissionLevels"], _params: DataPermissionLevelsProps, _sharedTokens: SharedTokens) => DataPermissionLevelsStyle;
14
+ export default generateStyle;
15
+ //# sourceMappingURL=styles.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../src/DataPermissionLevels/v2/styles.ts"],"names":[],"mappings":"AAwBA,OAAO,KAAK,EAAE,iBAAiB,EAAE,YAAY,EAAE,MAAM,wBAAwB,CAAA;AAC7E,OAAO,KAAK,EACV,yBAAyB,EACzB,yBAAyB,EAC1B,MAAM,SAAS,CAAA;AAEhB;;;;;;;;;GASG;AACH,QAAA,MAAM,aAAa,GACjB,gBAAgB,iBAAiB,CAAC,sBAAsB,CAAC,EACzD,SAAS,yBAAyB,EAClC,eAAe,YAAY,KAC1B,yBA+DF,CAAA;AAED,eAAe,aAAa,CAAA"}
@@ -0,0 +1,10 @@
1
+ import { NutritionFactsProps } from './props';
2
+ /**
3
+ ---
4
+ category: components/AI Components
5
+ ---
6
+ **/
7
+ declare const NutritionFacts: ({ modalLabel, title, featureName, data, closeButtonText, closeIconButtonScreenReaderLabel, triggerText, fullscreen, themeOverride }: NutritionFactsProps) => import("@emotion/react/jsx-runtime").JSX.Element;
8
+ export default NutritionFacts;
9
+ export { NutritionFacts };
10
+ //# sourceMappingURL=index.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/NutritionFacts/v2/index.tsx"],"names":[],"mappings":"AA+BA,OAAO,EAAE,mBAAmB,EAAE,MAAM,SAAS,CAAA;AAG7C;;;;GAIG;AACH,QAAA,MAAM,cAAc,GAAI,qIAUrB,mBAAmB,qDA8FrB,CAAA;AAED,eAAe,cAAc,CAAA;AAC7B,OAAO,EAAE,cAAc,EAAE,CAAA"}
@@ -0,0 +1,57 @@
1
+ import type { ComponentStyle, ThemeOverrideValue } from '@instructure/emotion';
2
+ import type { OtherHTMLAttributes } from '@instructure/shared-types';
3
+ type BlockType = {
4
+ blockTitle: string;
5
+ segmentData: {
6
+ segmentTitle: string;
7
+ description: string;
8
+ value: string;
9
+ valueDescription?: string;
10
+ }[];
11
+ };
12
+ type NutritionFactsOwnProps = {
13
+ /**
14
+ * i18n text for the label of the modal
15
+ */
16
+ modalLabel: string;
17
+ /**
18
+ * i18n text for the Nutrition Facts title
19
+ */
20
+ title: string;
21
+ /**
22
+ * i18n text for the feature name that the Nutrition Facts describes
23
+ */
24
+ featureName: string;
25
+ /**
26
+ * i18n text for the "model and data" heading of the Nutrition Facts
27
+ */
28
+ data: BlockType[];
29
+ /**
30
+ * i18n text for the close button
31
+ */
32
+ closeButtonText: string;
33
+ /**
34
+ * i18n text for the close iconButton
35
+ */
36
+ closeIconButtonScreenReaderLabel: string;
37
+ /**
38
+ * i18n text for the trigger
39
+ */
40
+ triggerText: string;
41
+ /**
42
+ * sets the modal size to 'fullscreen'. Used for small viewports
43
+ */
44
+ fullscreen?: boolean;
45
+ };
46
+ type PropKeys = keyof NutritionFactsOwnProps;
47
+ type AllowedPropKeys = Readonly<Array<PropKeys>>;
48
+ type NutritionFactsProps = NutritionFactsOwnProps & {
49
+ themeOverride?: ThemeOverrideValue;
50
+ } & OtherHTMLAttributes<NutritionFactsOwnProps>;
51
+ type NutritionFactsStyle = ComponentStyle<'segmentCard' | 'segmentCardExplainerContainer' | 'segmentContainer' | 'blockContainer' | 'body'> & {
52
+ maxWidth?: string;
53
+ };
54
+ declare const allowedProps: AllowedPropKeys;
55
+ export type { NutritionFactsProps, NutritionFactsStyle };
56
+ export { allowedProps };
57
+ //# sourceMappingURL=props.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"props.d.ts","sourceRoot":"","sources":["../../../src/NutritionFacts/v2/props.ts"],"names":[],"mappings":"AAwBA,OAAO,KAAK,EAAE,cAAc,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAA;AAC9E,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,2BAA2B,CAAA;AAEpE,KAAK,SAAS,GAAG;IACf,UAAU,EAAE,MAAM,CAAA;IAClB,WAAW,EAAE;QACX,YAAY,EAAE,MAAM,CAAA;QACpB,WAAW,EAAE,MAAM,CAAA;QACnB,KAAK,EAAE,MAAM,CAAA;QACb,gBAAgB,CAAC,EAAE,MAAM,CAAA;KAC1B,EAAE,CAAA;CACJ,CAAA;AAED,KAAK,sBAAsB,GAAG;IAC5B;;OAEG;IACH,UAAU,EAAE,MAAM,CAAA;IAClB;;OAEG;IACH,KAAK,EAAE,MAAM,CAAA;IACb;;OAEG;IACH,WAAW,EAAE,MAAM,CAAA;IACnB;;OAEG;IACH,IAAI,EAAE,SAAS,EAAE,CAAA;IACjB;;OAEG;IACH,eAAe,EAAE,MAAM,CAAA;IACvB;;OAEG;IACH,gCAAgC,EAAE,MAAM,CAAA;IACxC;;OAEG;IACH,WAAW,EAAE,MAAM,CAAA;IACnB;;OAEG;IACH,UAAU,CAAC,EAAE,OAAO,CAAA;CACrB,CAAA;AAED,KAAK,QAAQ,GAAG,MAAM,sBAAsB,CAAA;AAE5C,KAAK,eAAe,GAAG,QAAQ,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAA;AAEhD,KAAK,mBAAmB,GAAG,sBAAsB,GAAG;IAClD,aAAa,CAAC,EAAE,kBAAkB,CAAA;CACnC,GAAG,mBAAmB,CAAC,sBAAsB,CAAC,CAAA;AAE/C,KAAK,mBAAmB,GAAG,cAAc,CACrC,aAAa,GACb,+BAA+B,GAC/B,kBAAkB,GAClB,gBAAgB,GAChB,MAAM,CACT,GAAG;IACF,QAAQ,CAAC,EAAE,MAAM,CAAA;CAClB,CAAA;AAED,QAAA,MAAM,YAAY,EAAE,eASnB,CAAA;AAED,YAAY,EAAE,mBAAmB,EAAE,mBAAmB,EAAE,CAAA;AACxD,OAAO,EAAE,YAAY,EAAE,CAAA"}
@@ -0,0 +1,15 @@
1
+ import type { NewComponentTypes, SharedTokens } from '@instructure/ui-themes';
2
+ import type { NutritionFactsProps, NutritionFactsStyle } from './props';
3
+ /**
4
+ * ---
5
+ * private: true
6
+ * ---
7
+ * Generates the style object from the theme and provided additional information
8
+ * @param componentTheme The theme variable object.
9
+ * @param params Additional parameters to customize the style.
10
+ * @param sharedTokens Shared token object that stores common values for the theme.
11
+ * @return The final style object, which will be used in the component
12
+ */
13
+ declare const generateStyle: (componentTheme: NewComponentTypes["NutritionFacts"], _params: NutritionFactsProps, _sharedTokens: SharedTokens) => NutritionFactsStyle;
14
+ export default generateStyle;
15
+ //# sourceMappingURL=styles.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../src/NutritionFacts/v2/styles.ts"],"names":[],"mappings":"AAwBA,OAAO,KAAK,EAAE,iBAAiB,EAAE,YAAY,EAAE,MAAM,wBAAwB,CAAA;AAC7E,OAAO,KAAK,EAAE,mBAAmB,EAAE,mBAAmB,EAAE,MAAM,SAAS,CAAA;AAEvE;;;;;;;;;GASG;AACH,QAAA,MAAM,aAAa,GACjB,gBAAgB,iBAAiB,CAAC,gBAAgB,CAAC,EACnD,SAAS,mBAAmB,EAC5B,eAAe,YAAY,KAC1B,mBAqCF,CAAA;AAED,eAAe,aAAa,CAAA"}
@@ -1,7 +1,7 @@
1
- export { NutritionFacts } from '../NutritionFacts/v1';
2
- export { DataPermissionLevels } from '../DataPermissionLevels/v1';
1
+ export { NutritionFacts } from '../NutritionFacts/v2';
2
+ export { DataPermissionLevels } from '../DataPermissionLevels/v2';
3
3
  export { AiInformation } from '../AiInformation/v2';
4
- export type { NutritionFactsProps } from '../NutritionFacts/v1/props';
5
- export type { DataPermissionLevelsProps } from '../DataPermissionLevels/v1/props';
4
+ export type { NutritionFactsProps } from '../NutritionFacts/v2/props';
5
+ export type { DataPermissionLevelsProps } from '../DataPermissionLevels/v2/props';
6
6
  export type { AiInformationProps } from '../AiInformation/v2/props';
7
7
  //# sourceMappingURL=b.d.ts.map