student-review-screen 0.0.2 → 0.0.4

package/dist/components/Organisms/TeacherEvaluation/TeacherEvaluation.styles.d.ts

@@ -40,6 +40,50 @@ export function getTeacherColors(theme: any): {
     menuText: string;
     imageCardBg: string;
     imageCardBorder: string;
+    takeawayBg?: undefined;
+    takeawayBorder?: undefined;
+    takeawayText?: undefined;
+} | {
+    textPrimary: string;
+    textSecondary: string;
+    textMuted: string;
+    cardBg: string;
+    cardHeaderBg: string;
+    subCardBg: string;
+    previewHeaderBg: string;
+    previewBodyBg: string;
+    scoreOptionBg: string;
+    optionWrongBg: string;
+    optionWrongBorder: string;
+    optionWrongLabelBg: string;
+    optionCorrectBg: string;
+    optionCorrectBorder: string;
+    optionCorrectLabelBg: string;
+    scoreOptionSelectedBg: string;
+    cardBorder: string;
+    divider: string;
+    separator: string;
+    cardShadow: string;
+    takeawayBg: string;
+    takeawayBorder: string;
+    takeawayText: string;
+    indexColor: string;
+    optionLabelBg: string;
+    optionLabelColor: string;
+    accent: string;
+    accentHover: string;
+    accentSoft: string;
+    accentContrast: string;
+    accentShadow: string;
+    neutralBorder: string;
+    neutralText: string;
+    neutralHover: string;
+    menuBg: string;
+    menuBorder: string;
+    menuHover: string;
+    menuText: string;
+    imageCardBg: string;
+    imageCardBorder: string;
 };
 export function getStyles(theme?: string): {
     root: {
@@ -806,19 +850,20 @@ export function getStyles(theme?: string): {
     };
     studentContainer: {
         display: string;
-        gridTemplateColumns: string;
+        flexDirection: string;
         gap: string;
         width: string;
-    };
-    studentColumn: {
-        gridColumn: {
+        paddingInline: {
             base: string;
             md: string;
             lg: string;
         };
+    };
+    studentColumn: {
         display: string;
         flexDirection: string;
         gap: string;
+        width: string;
         minWidth: number;
     };
     progressBarSpacer: {
@@ -834,9 +879,16 @@ export function getStyles(theme?: string): {
     };
     discussRow: {
         display: string;
+        flexDirection: string;
+        alignItems: string;
         justifyContent: string;
         width: string;
-        marginTop: string;
+        paddingTop: string;
+        paddingBottom: string;
+        paddingInline: {
+            base: string;
+            md: string;
+        };
     };
     discussButton: {
         bg: string;
@@ -845,9 +897,12 @@ export function getStyles(theme?: string): {
         fontFamily: string;
         fontSize: string;
         fontWeight: number;
+        lineHeight: string;
+        paddingInline: string;
+        paddingBlock: string;
         height: string;
-        minWidth: string;
         borderRadius: string;
+        boxShadow: string;
         _hover: {
             bg: string;
         };
@@ -866,63 +921,140 @@ export function getStyles(theme?: string): {
             bg: string;
         };
     };
-    chatWrapper: {
+    takeawayWrapper: {
+        display: string;
+        flexDirection: string;
+        alignItems: string;
         width: string;
-        marginTop: string;
+        paddingTop: string;
+        paddingInline: {
+            base: string;
+            md: string;
+        };
     };
-    summaryWrapper: {
+    takeawayBox: {
+        display: string;
+        flexDirection: string;
+        gap: string;
         width: string;
-        marginTop: string;
+        bg: string;
+        border: string;
+        borderRadius: string;
+        padding: string;
+        fontFamily: string;
+        fontSize: string;
+        color: string;
+    };
+    takeawayTitle: {
+        fontFamily: string;
+        fontWeight: number;
+        fontSize: string;
+        lineHeight: string;
+        width: string;
+        color: string;
+    };
+    chatWrapper: {
+        width: string;
+        paddingInline: {
+            base: string;
+            md: string;
+        };
+        paddingTop: string;
     };
 };
-export namespace teacherColors {
-    const textPrimary: string;
-    const textSecondary: string;
-    const textMuted: string;
-    const cardBg: string;
-    const cardHeaderBg: string;
-    const subCardBg: string;
-    const previewHeaderBg: string;
-    const previewBodyBg: string;
-    const scoreOptionBg: string;
-    const scoreOptionSelectedBg: string;
-    const optionWrongBg: string;
-    const optionWrongBorder: string;
-    const optionWrongLabelBg: string;
-    const optionCorrectBg: string;
-    const optionCorrectBorder: string;
-    const optionCorrectLabelBg: string;
-    const cardBorder: string;
-    const divider: string;
-    const separator: string;
-    const cardShadow: string;
-    const indexColor: string;
-    const optionLabelBg: string;
-    const optionLabelColor: string;
-    const accent: string;
-    const accentHover: string;
-    const accentSoft: string;
-    const accentContrast: string;
-    const accentShadow: string;
-    const neutralBorder: string;
-    const neutralText: string;
-    const neutralHover: string;
-    const menuBg: string;
-    const menuBorder: string;
-    const menuHover: string;
-    const menuText: string;
-    const imageCardBg: string;
-    const imageCardBorder: string;
-}
+/** Dark tokens/styles, kept as the default export for existing imports. */
+export const teacherColors: {
+    textPrimary: string;
+    textSecondary: string;
+    textMuted: string;
+    cardBg: string;
+    cardHeaderBg: string;
+    subCardBg: string;
+    previewHeaderBg: string;
+    previewBodyBg: string;
+    scoreOptionBg: string;
+    scoreOptionSelectedBg: string;
+    optionWrongBg: string;
+    optionWrongBorder: string;
+    optionWrongLabelBg: string;
+    optionCorrectBg: string;
+    optionCorrectBorder: string;
+    optionCorrectLabelBg: string;
+    cardBorder: string;
+    divider: string;
+    separator: string;
+    cardShadow: string;
+    indexColor: string;
+    optionLabelBg: string;
+    optionLabelColor: string;
+    accent: string;
+    accentHover: string;
+    accentSoft: string;
+    accentContrast: string;
+    accentShadow: string;
+    neutralBorder: string;
+    neutralText: string;
+    neutralHover: string;
+    menuBg: string;
+    menuBorder: string;
+    menuHover: string;
+    menuText: string;
+    imageCardBg: string;
+    imageCardBorder: string;
+    takeawayBg?: undefined;
+    takeawayBorder?: undefined;
+    takeawayText?: undefined;
+} | {
+    textPrimary: string;
+    textSecondary: string;
+    textMuted: string;
+    cardBg: string;
+    cardHeaderBg: string;
+    subCardBg: string;
+    previewHeaderBg: string;
+    previewBodyBg: string;
+    scoreOptionBg: string;
+    optionWrongBg: string;
+    optionWrongBorder: string;
+    optionWrongLabelBg: string;
+    optionCorrectBg: string;
+    optionCorrectBorder: string;
+    optionCorrectLabelBg: string;
+    scoreOptionSelectedBg: string;
+    cardBorder: string;
+    divider: string;
+    separator: string;
+    cardShadow: string;
+    takeawayBg: string;
+    takeawayBorder: string;
+    takeawayText: string;
+    indexColor: string;
+    optionLabelBg: string;
+    optionLabelColor: string;
+    accent: string;
+    accentHover: string;
+    accentSoft: string;
+    accentContrast: string;
+    accentShadow: string;
+    neutralBorder: string;
+    neutralText: string;
+    neutralHover: string;
+    menuBg: string;
+    menuBorder: string;
+    menuHover: string;
+    menuText: string;
+    imageCardBg: string;
+    imageCardBorder: string;
+};
 declare namespace _default {
-    export namespace root {
+    namespace root {
         export const display: string;
         export const flexDirection: string;
         export const gap: string;
         export const width: string;
         export { FONT as fontFamily };
     }
-    export namespace sectionHeader {
+    namespace sectionHeader {
         const display_1: string;
         export { display_1 as display };
         const flexDirection_1: string;
@@ -932,7 +1064,7 @@ declare namespace _default {
         const width_1: string;
         export { width_1 as width };
     }
-    export namespace sectionTitle {
+    namespace sectionTitle {
         export { FONT as fontFamily };
         export const fontWeight: number;
         export namespace fontSize {
@@ -949,7 +1081,7 @@ declare namespace _default {
         export { color };
         export const margin: number;
     }
-    export namespace sectionDescription {
+    namespace sectionDescription {
         export { FONT as fontFamily };
         const fontWeight_1: number;
         export { fontWeight_1 as fontWeight };
@@ -962,7 +1094,7 @@ declare namespace _default {
         const margin_1: number;
         export { margin_1 as margin };
     }
-    export namespace questionList {
+    namespace questionList {
         const display_2: string;
         export { display_2 as display };
         const flexDirection_2: string;
@@ -972,7 +1104,7 @@ declare namespace _default {
         const width_2: string;
         export { width_2 as width };
     }
-    export namespace questionWrapper {
+    namespace questionWrapper {
         const display_3: string;
         export { display_3 as display };
         const flexDirection_3: string;
@@ -982,7 +1114,7 @@ declare namespace _default {
         const width_3: string;
         export { width_3 as width };
     }
-    export namespace evaluatedByLabel {
+    namespace evaluatedByLabel {
         export { FONT as fontFamily };
         const fontWeight_2: number;
         export { fontWeight_2 as fontWeight };
@@ -995,7 +1127,7 @@ declare namespace _default {
         const margin_2: number;
         export { margin_2 as margin };
     }
-    export namespace card {
+    namespace card {
         const display_4: string;
         export { display_4 as display };
         const flexDirection_4: string;
@@ -1012,7 +1144,7 @@ declare namespace _default {
         export { filter };
         export { FONT as fontFamily };
     }
-    export namespace cardHeader {
+    namespace cardHeader {
         const display_5: string;
         export { display_5 as display };
         export namespace flexDirection_5 {
@@ -1049,7 +1181,7 @@ declare namespace _default {
         const width_5: string;
         export { width_5 as width };
     }
-    export namespace headerQuestionContainer {
+    namespace headerQuestionContainer {
         const display_6: string;
         export { display_6 as display };
         const flexDirection_6: string;
@@ -1073,7 +1205,7 @@ declare namespace _default {
             export { md_7 as md };
         }
     }
-    export namespace objectiveHeaderRow {
+    namespace objectiveHeaderRow {
         const display_7: string;
         export { display_7 as display };
         export namespace flexDirection_7 {
@@ -1100,7 +1232,7 @@ declare namespace _default {
         const width_7: string;
         export { width_7 as width };
     }
-    export namespace questionIndexRow {
+    namespace questionIndexRow {
         const display_8: string;
         export { display_8 as display };
         const alignItems_3: string;
@@ -1110,7 +1242,7 @@ declare namespace _default {
         const width_8: string;
         export { width_8 as width };
     }
-    export namespace questionIndexCircle {
+    namespace questionIndexCircle {
         const display_9: string;
         export { display_9 as display };
         const alignItems_4: string;
@@ -1134,7 +1266,7 @@ declare namespace _default {
         const lineHeight_3: string;
         export { lineHeight_3 as lineHeight };
     }
-    export namespace questionTypeLabel {
+    namespace questionTypeLabel {
         export { FONT as fontFamily };
         const fontWeight_4: number;
         export { fontWeight_4 as fontWeight };
@@ -1147,7 +1279,7 @@ declare namespace _default {
         const margin_3: number;
         export { margin_3 as margin };
     }
-    export namespace questionText {
+    namespace questionText {
         export { FONT as fontFamily };
         const fontWeight_5: number;
         export { fontWeight_5 as fontWeight };
@@ -1161,7 +1293,7 @@ declare namespace _default {
         export { width_9 as width };
         export const wordBreak: string;
     }
-    export namespace previewContent {
+    namespace previewContent {
         const display_10: string;
         export { display_10 as display };
         const flexDirection_8: string;
@@ -1208,7 +1340,7 @@ declare namespace _default {
             export { md_16 as md };
         }
     }
-    export namespace previewHeader {
+    namespace previewHeader {
         const display_11: string;
         export { display_11 as display };
         const alignItems_5: string;
@@ -1234,7 +1366,7 @@ declare namespace _default {
         import bg_4 = previewHeaderBg;
         export { bg_4 as bg };
     }
-    export namespace previewTitle {
+    namespace previewTitle {
         export { FONT as fontFamily };
         const fontWeight_6: number;
         export { fontWeight_6 as fontWeight };
@@ -1257,7 +1389,7 @@ declare namespace _default {
         const margin_4: number;
         export { margin_4 as margin };
     }
-    export namespace previewClose {
+    namespace previewClose {
         import color_7 = textPrimary;
         export { color_7 as color };
         const flexShrink_2: number;
@@ -1267,7 +1399,7 @@ declare namespace _default {
             export { bg_5 as bg };
         }
     }
-    export namespace previewBody {
+    namespace previewBody {
         const flex_1: string;
         export { flex_1 as flex };
         export const minHeight: number;
@@ -1294,14 +1426,14 @@ declare namespace _default {
         }
         export { py_1 as py };
     }
-    export namespace previewImage {
+    namespace previewImage {
         const maxWidth_1: string;
         export { maxWidth_1 as maxWidth };
         const maxHeight_1: string;
         export { maxHeight_1 as maxHeight };
         export const objectFit: string;
     }
-    export namespace passageText {
+    namespace passageText {
         export { FONT as fontFamily };
         const fontWeight_7: number;
         export { fontWeight_7 as fontWeight };
@@ -1316,7 +1448,7 @@ declare namespace _default {
         const wordBreak_1: string;
         export { wordBreak_1 as wordBreak };
     }
-    export namespace comprehensionHeader {
+    namespace comprehensionHeader {
         const display_13: string;
         export { display_13 as display };
         const flexDirection_9: string;
@@ -1330,7 +1462,7 @@ declare namespace _default {
         const padding_1: string;
         export { padding_1 as padding };
     }
-    export namespace subQuestionList {
+    namespace subQuestionList {
         const display_14: string;
         export { display_14 as display };
         const flexDirection_10: string;
@@ -1342,7 +1474,7 @@ declare namespace _default {
         const padding_2: string;
         export { padding_2 as padding };
     }
-    export namespace subQuestionCard {
+    namespace subQuestionCard {
         const display_15: string;
         export { display_15 as display };
         const flexDirection_11: string;
@@ -1358,7 +1490,7 @@ declare namespace _default {
         import bg_6 = cardBg;
         export { bg_6 as bg };
     }
-    export namespace subQuestionIndexBadge {
+    namespace subQuestionIndexBadge {
         const display_16: string;
         export { display_16 as display };
         const alignItems_8: string;
@@ -1388,7 +1520,7 @@ declare namespace _default {
         const lineHeight_8: string;
         export { lineHeight_8 as lineHeight };
     }
-    export namespace subQuestionHeader {
+    namespace subQuestionHeader {
         const display_17: string;
         export { display_17 as display };
         const flexWrap_1: string;
@@ -1402,7 +1534,7 @@ declare namespace _default {
         const width_15: string;
         export { width_15 as width };
     }
-    export namespace subQuestionHeaderMain {
+    namespace subQuestionHeaderMain {
         const display_18: string;
         export { display_18 as display };
         const flexDirection_12: string;
@@ -1416,7 +1548,7 @@ declare namespace _default {
         const minWidth_2: string;
         export { minWidth_2 as minWidth };
     }
-    export namespace subQuestionIndexRow {
+    namespace subQuestionIndexRow {
         const display_19: string;
         export { display_19 as display };
         const alignItems_11: string;
@@ -1426,7 +1558,7 @@ declare namespace _default {
         const width_16: string;
         export { width_16 as width };
     }
-    export namespace subQuestionIndex {
+    namespace subQuestionIndex {
         export { FONT as fontFamily };
         const fontWeight_9: number;
         export { fontWeight_9 as fontWeight };
@@ -1441,7 +1573,7 @@ declare namespace _default {
         const flexShrink_4: number;
         export { flexShrink_4 as flexShrink };
     }
-    export namespace scoreBox {
+    namespace scoreBox {
         const display_20: string;
         export { display_20 as display };
         const alignItems_12: string;
@@ -1469,7 +1601,7 @@ declare namespace _default {
         const bg_8: string;
         export { bg_8 as bg };
     }
-    export const scoreSelect: {
+    const scoreSelect: {
         border: string;
         borderRadius: string;
         color: string;
@@ -1492,7 +1624,7 @@ declare namespace _default {
             color: string;
         };
     };
-    export namespace scorePanel {
+    namespace scorePanel {
         const display_21: string;
         export { display_21 as display };
         const flexDirection_13: string;
@@ -1516,7 +1648,7 @@ declare namespace _default {
         export { border_5 as border };
         export const boxShadow: string;
     }
-    export namespace scorePanelHeader {
+    namespace scorePanelHeader {
         const display_22: string;
         export { display_22 as display };
         const alignItems_13: string;
@@ -1528,7 +1660,7 @@ declare namespace _default {
         const width_18: string;
         export { width_18 as width };
     }
-    export namespace scorePanelTitle {
+    namespace scorePanelTitle {
         export { FONT as fontFamily };
         const fontWeight_11: number;
         export { fontWeight_11 as fontWeight };
@@ -1541,7 +1673,7 @@ declare namespace _default {
         const margin_6: number;
         export { margin_6 as margin };
     }
-    export namespace scorePanelClose {
+    namespace scorePanelClose {
         import color_13 = accent;
         export { color_13 as color };
         const flexShrink_6: number;
@@ -1552,7 +1684,7 @@ declare namespace _default {
         }
         export { _hover_1 as _hover };
     }
-    export namespace scoreOptionsGrid {
+    namespace scoreOptionsGrid {
         const display_23: string;
         export { display_23 as display };
         const flexWrap_2: string;
@@ -1562,7 +1694,7 @@ declare namespace _default {
         const width_19: string;
         export { width_19 as width };
     }
-    export namespace scoreOption {
+    namespace scoreOption {
         const display_24: string;
         export { display_24 as display };
         const alignItems_14: string;
@@ -1599,7 +1731,7 @@ declare namespace _default {
         }
         export { _hover_2 as _hover };
     }
-    export namespace scoreOptionSelected {
+    namespace scoreOptionSelected {
         const border_7: string;
         export { border_7 as border };
         import bg_12 = scoreOptionSelectedBg;
@@ -1609,7 +1741,7 @@ declare namespace _default {
         const fontWeight_13: number;
         export { fontWeight_13 as fontWeight };
     }
-    export namespace scorePanelNote {
+    namespace scorePanelNote {
         export { FONT as fontFamily };
         const fontWeight_14: number;
         export { fontWeight_14 as fontWeight };
@@ -1622,7 +1754,7 @@ declare namespace _default {
         const margin_7: number;
         export { margin_7 as margin };
     }
-    export namespace scorePanelActions {
+    namespace scorePanelActions {
         const display_25: string;
         export { display_25 as display };
         const justifyContent_7: string;
@@ -1630,7 +1762,7 @@ declare namespace _default {
         const width_20: string;
         export { width_20 as width };
     }
-    export namespace scoreUpdateButton {
+    namespace scoreUpdateButton {
         const display_26: string;
         export { display_26 as display };
         const alignItems_15: string;
@@ -1668,7 +1800,7 @@ declare namespace _default {
         }
         export { _hover_3 as _hover };
     }
-    export namespace cardBody {
+    namespace cardBody {
         const display_27: string;
         export { display_27 as display };
         const flexDirection_14: string;
@@ -1676,7 +1808,7 @@ declare namespace _default {
         const width_21: string;
         export { width_21 as width };
     }
-    export namespace block {
+    namespace block {
         const display_28: string;
         export { display_28 as display };
         const flexDirection_15: string;
@@ -1692,7 +1824,7 @@ declare namespace _default {
         const width_22: string;
         export { width_22 as width };
     }
-    export namespace feedbackBlock {
+    namespace feedbackBlock {
         const display_29: string;
         export { display_29 as display };
         const flexDirection_16: string;
@@ -1708,7 +1840,7 @@ declare namespace _default {
         const width_23: string;
         export { width_23 as width };
     }
-    export namespace blockSection {
+    namespace blockSection {
         const display_30: string;
         export { display_30 as display };
         const flexDirection_17: string;
@@ -1720,7 +1852,7 @@ declare namespace _default {
         const width_24: string;
         export { width_24 as width };
     }
-    export namespace blockTitleRow {
+    namespace blockTitleRow {
         const display_31: string;
         export { display_31 as display };
         const flexWrap_3: string;
@@ -1736,7 +1868,7 @@ declare namespace _default {
         const width_25: string;
         export { width_25 as width };
     }
-    export namespace blockTitle {
+    namespace blockTitle {
         export { FONT as fontFamily };
         const fontWeight_16: number;
         export { fontWeight_16 as fontWeight };
@@ -1750,7 +1882,7 @@ declare namespace _default {
         export { margin_8 as margin };
         export const whiteSpace: string;
     }
-    export namespace separator_1 {
+    namespace separator {
         const width_26: string;
         export { width_26 as width };
         const height_2: string;
@@ -1759,8 +1891,7 @@ declare namespace _default {
         const flexShrink_7: number;
         export { flexShrink_7 as flexShrink };
     }
-    export { separator_1 as separator };
-    export namespace answerText {
+    namespace answerText {
         export { FONT as fontFamily };
         const fontWeight_17: number;
         export { fontWeight_17 as fontWeight };
@@ -1775,7 +1906,7 @@ declare namespace _default {
         const wordBreak_2: string;
         export { wordBreak_2 as wordBreak };
     }
-    export namespace notAnswered {
+    namespace notAnswered {
         export { FONT as fontFamily };
         const fontWeight_18: number;
         export { fontWeight_18 as fontWeight };
@@ -1788,7 +1919,7 @@ declare namespace _default {
         const margin_9: number;
         export { margin_9 as margin };
     }
-    export namespace contentCard {
+    namespace contentCard {
         const display_32: string;
         export { display_32 as display };
         const flexDirection_18: string;
@@ -1806,7 +1937,7 @@ declare namespace _default {
         const width_28: string;
         export { width_28 as width };
     }
-    export namespace summaryHeadline {
+    namespace summaryHeadline {
         export { FONT as fontFamily };
         const fontWeight_19: number;
         export { fontWeight_19 as fontWeight };
@@ -1821,7 +1952,7 @@ declare namespace _default {
         const wordBreak_3: string;
         export { wordBreak_3 as wordBreak };
     }
-    export namespace summarySubTitle {
+    namespace summarySubTitle {
         export { FONT as fontFamily };
         const fontWeight_20: number;
         export { fontWeight_20 as fontWeight };
@@ -1836,7 +1967,7 @@ declare namespace _default {
         const width_30: string;
         export { width_30 as width };
     }
-    export const summaryBody: {
+    const summaryBody: {
         fontFamily: string;
         fontWeight: number;
         fontSize: string;
@@ -1866,7 +1997,7 @@ declare namespace _default {
             margin: number;
         };
     };
-    export namespace referenceText {
+    namespace referenceText {
         export { FONT as fontFamily };
         const fontWeight_21: number;
         export { fontWeight_21 as fontWeight };
@@ -1881,7 +2012,7 @@ declare namespace _default {
         const wordBreak_4: string;
         export { wordBreak_4 as wordBreak };
     }
-    export namespace imagesRow {
+    namespace imagesRow {
         const display_33: string;
         export { display_33 as display };
         const flexWrap_4: string;
@@ -1893,7 +2024,7 @@ declare namespace _default {
         const width_32: string;
         export { width_32 as width };
     }
-    export namespace imageCard {
+    namespace imageCard {
         const display_34: string;
         export { display_34 as display };
         const flexDirection_19: string;
@@ -1920,7 +2051,7 @@ declare namespace _default {
         const cursor_2: string;
         export { cursor_2 as cursor };
     }
-    export namespace image {
+    namespace image {
         export namespace width_34 {
             const base_25: string;
             export { base_25 as base };
@@ -1945,7 +2076,7 @@ declare namespace _default {
         const objectFit_1: string;
         export { objectFit_1 as objectFit };
     }
-    export namespace editButton {
+    namespace editButton {
         const display_35: string;
         export { display_35 as display };
         const alignItems_23: string;
@@ -1989,7 +2120,7 @@ declare namespace _default {
         }
         export { _hover_4 as _hover };
     }
-    export namespace saveButton {
+    namespace saveButton {
         const display_36: string;
         export { display_36 as display };
         const alignItems_24: string;
@@ -2031,7 +2162,7 @@ declare namespace _default {
         }
         export { _hover_5 as _hover };
     }
-    export namespace cancelButton {
+    namespace cancelButton {
         const display_37: string;
         export { display_37 as display };
         const alignItems_25: string;
@@ -2073,7 +2204,7 @@ declare namespace _default {
         }
         export { _hover_6 as _hover };
     }
-    export namespace editorActions {
+    namespace editorActions {
         const display_38: string;
         export { display_38 as display };
         const justifyContent_14: string;
@@ -2084,7 +2215,7 @@ declare namespace _default {
         export { width_35 as width };
         export const paddingTop: string;
     }
-    export namespace editorActionButton {
+    namespace editorActionButton {
         const display_39: string;
         export { display_39 as display };
         const alignItems_26: string;
@@ -2118,7 +2249,7 @@ declare namespace _default {
         const transition_5: string;
         export { transition_5 as transition };
     }
-    export namespace editorCancelButton {
+    namespace editorCancelButton {
         const border_12: string;
         export { border_12 as border };
         const bg_22: string;
@@ -2131,7 +2262,7 @@ declare namespace _default {
         }
         export { _hover_7 as _hover };
     }
-    export namespace editorSaveButton {
+    namespace editorSaveButton {
         const border_13: string;
         export { border_13 as border };
         import bg_24 = accent;
@@ -2144,60 +2275,77 @@ declare namespace _default {
         }
         export { _hover_8 as _hover };
     }
-    export namespace editorWrapper {
+    namespace editorWrapper {
         const width_36: string;
         export { width_36 as width };
     }
-    export namespace studentContainer {
+    namespace studentContainer {
         const display_40: string;
         export { display_40 as display };
-        export const gridTemplateColumns: string;
+        const flexDirection_20: string;
+        export { flexDirection_20 as flexDirection };
         const gap_28: string;
         export { gap_28 as gap };
         const width_37: string;
         export { width_37 as width };
-    }
-    export namespace studentColumn {
-        export namespace gridColumn {
+        export namespace paddingInline_8 {
             const base_29: string;
             export { base_29 as base };
             const md_29: string;
             export { md_29 as md };
             export const lg: string;
         }
+        export { paddingInline_8 as paddingInline };
+    }
+    namespace studentColumn {
         const display_41: string;
         export { display_41 as display };
-        const flexDirection_20: string;
-        export { flexDirection_20 as flexDirection };
+        const flexDirection_21: string;
+        export { flexDirection_21 as flexDirection };
         const gap_29: string;
         export { gap_29 as gap };
+        const width_38: string;
+        export { width_38 as width };
         const minWidth_6: number;
         export { minWidth_6 as minWidth };
     }
-    export namespace progressBarSpacer {
+    namespace progressBarSpacer {
         const paddingTop_1: string;
         export { paddingTop_1 as paddingTop };
     }
-    export namespace scriptWrapper {
+    namespace scriptWrapper {
         export const marginLeft: string;
-        const width_38: string;
-        export { width_38 as width };
-    }
-    export namespace questionBlock {
-        export const position: string;
         const width_39: string;
         export { width_39 as width };
     }
-    export namespace discussRow {
+    namespace questionBlock {
+        export const position: string;
+        const width_40: string;
+        export { width_40 as width };
+    }
+    namespace discussRow {
         const display_42: string;
         export { display_42 as display };
+        const flexDirection_22: string;
+        export { flexDirection_22 as flexDirection };
+        const alignItems_27: string;
+        export { alignItems_27 as alignItems };
         const justifyContent_16: string;
         export { justifyContent_16 as justifyContent };
-        const width_40: string;
-        export { width_40 as width };
-        export const marginTop: string;
+        const width_41: string;
+        export { width_41 as width };
+        const paddingTop_2: string;
+        export { paddingTop_2 as paddingTop };
+        export const paddingBottom: string;
+        export namespace paddingInline_9 {
+            const base_30: string;
+            export { base_30 as base };
+            const md_30: string;
+            export { md_30 as md };
+        }
+        export { paddingInline_9 as paddingInline };
     }
-    export namespace discussButton {
+    namespace discussButton {
         import bg_26 = accent;
         export { bg_26 as bg };
         import color_29 = accentContrast;
@@ -2209,19 +2357,25 @@ declare namespace _default {
         export { fontSize_25 as fontSize };
         const fontWeight_26: number;
         export { fontWeight_26 as fontWeight };
+        const lineHeight_25: string;
+        export { lineHeight_25 as lineHeight };
+        const paddingInline_10: string;
+        export { paddingInline_10 as paddingInline };
+        const paddingBlock_7: string;
+        export { paddingBlock_7 as paddingBlock };
         const height_4: string;
         export { height_4 as height };
-        const minWidth_7: string;
-        export { minWidth_7 as minWidth };
         const borderRadius_17: string;
         export { borderRadius_17 as borderRadius };
+        const boxShadow_2: string;
+        export { boxShadow_2 as boxShadow };
         export namespace _hover_9 {
             import bg_27 = accentHover;
             export { bg_27 as bg };
         }
         export { _hover_9 as _hover };
     }
-    export namespace viewDiscussButton {
+    namespace viewDiscussButton {
         const bg_28: string;
         export { bg_28 as bg };
         import color_30 = accent;
@@ -2235,8 +2389,8 @@ declare namespace _default {
         export { fontWeight_27 as fontWeight };
         const height_5: string;
         export { height_5 as height };
-        const minWidth_8: string;
-        export { minWidth_8 as minWidth };
+        const minWidth_7: string;
+        export { minWidth_7 as minWidth };
         const borderRadius_18: string;
         export { borderRadius_18 as borderRadius };
         export namespace _hover_10 {
@@ -2245,18 +2399,93 @@ declare namespace _default {
         }
         export { _hover_10 as _hover };
     }
-    export namespace chatWrapper {
-        const width_41: string;
-        export { width_41 as width };
-        const marginTop_1: string;
-        export { marginTop_1 as marginTop };
-    }
-    export namespace summaryWrapper {
+    namespace takeawayWrapper {
+        const display_43: string;
+        export { display_43 as display };
+        const flexDirection_23: string;
+        export { flexDirection_23 as flexDirection };
+        const alignItems_28: string;
+        export { alignItems_28 as alignItems };
         const width_42: string;
         export { width_42 as width };
-        const marginTop_2: string;
-        export { marginTop_2 as marginTop };
+        const paddingTop_3: string;
+        export { paddingTop_3 as paddingTop };
+        export namespace paddingInline_11 {
+            const base_31: string;
+            export { base_31 as base };
+            const md_31: string;
+            export { md_31 as md };
+        }
+        export { paddingInline_11 as paddingInline };
+    }
+    namespace takeawayBox {
+        const display_44: string;
+        export { display_44 as display };
+        const flexDirection_24: string;
+        export { flexDirection_24 as flexDirection };
+        const gap_30: string;
+        export { gap_30 as gap };
+        const width_43: string;
+        export { width_43 as width };
+        const bg_30: string;
+        export { bg_30 as bg };
+        const border_16: string;
+        export { border_16 as border };
+        const borderRadius_19: string;
+        export { borderRadius_19 as borderRadius };
+        const padding_7: string;
+        export { padding_7 as padding };
+        export { FONT as fontFamily };
+        const fontSize_27: string;
+        export { fontSize_27 as fontSize };
+        const color_31: string;
+        export { color_31 as color };
+    }
+    namespace takeawayTitle {
+        export { FONT as fontFamily };
+        const fontWeight_28: number;
+        export { fontWeight_28 as fontWeight };
+        const fontSize_28: string;
+        export { fontSize_28 as fontSize };
+        const lineHeight_26: string;
+        export { lineHeight_26 as lineHeight };
+        const width_44: string;
+        export { width_44 as width };
+        const color_32: string;
+        export { color_32 as color };
+    }
+    namespace chatWrapper {
+        const width_45: string;
+        export { width_45 as width };
+        export namespace paddingInline_12 {
+            const base_32: string;
+            export { base_32 as base };
+            const md_32: string;
+            export { md_32 as md };
+        }
+        export { paddingInline_12 as paddingInline };
+        const paddingTop_4: string;
+        export { paddingTop_4 as paddingTop };
     }
 }
 export default _default;
 declare const FONT: "'Inter', sans-serif";
+declare var textPrimary: string;
+declare var textMuted: string;
+declare var textSecondary: string;
+declare var cardBg: string;
+declare var cardShadow: string;
+declare var cardHeaderBg: string;
+declare var indexColor: string;
+declare var previewBodyBg: string;
+declare var previewHeaderBg: string;
+declare var neutralHover: string;
+declare var accent: string;
+declare var accentSoft: string;
+declare var scoreOptionBg: string;
+declare var scoreOptionSelectedBg: string;
+declare var accentContrast: string;
+declare var accentHover: string;
+declare var imageCardBg: string;
+declare var accentShadow: string;
+declare var neutralText: string;