@oaknational/oak-components 2.16.0 → 2.17.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/cjs/index.js +3 -3
- package/dist/cjs/index.js.map +1 -1
- package/dist/esm/index.js +3 -3
- package/dist/esm/index.js.map +1 -1
- package/dist/types.d.ts +32 -20
- package/package.json +1 -1
package/dist/types.d.ts
CHANGED
|
@@ -686,6 +686,8 @@ declare const parseFontSize: (font?: OakFontToken | null) => string | null | und
|
|
|
686
686
|
declare const parseLineHeight: (font?: OakFontToken | null) => string | null | undefined;
|
|
687
687
|
declare const parseLetterSpacing: (font?: OakFontToken | null) => "0.0115rem" | "-0.005rem" | undefined;
|
|
688
688
|
|
|
689
|
+
declare const parseBorderRadius: (value?: OakBorderRadiusToken | null) => string | undefined;
|
|
690
|
+
|
|
689
691
|
declare const parseZIndex: (value?: OakZIndexToken | number) => number | undefined;
|
|
690
692
|
|
|
691
693
|
declare const icons: {
|
|
@@ -864,6 +866,7 @@ declare const icons: {
|
|
|
864
866
|
readonly trash: "v1764692488/icons/icon_delete_edzcua.svg";
|
|
865
867
|
readonly list: "v1774882349/icons/List.svg";
|
|
866
868
|
readonly "media-clips": "v1774884267/icons/media-clips_nw3zpt.svg";
|
|
869
|
+
readonly retake: "v1775141914/icons/retake-icon_xgqxzv.svg";
|
|
867
870
|
};
|
|
868
871
|
type IconName = keyof typeof icons;
|
|
869
872
|
|
|
@@ -1113,7 +1116,7 @@ declare const OakImage: <C extends React__default.ElementType = React__default.F
|
|
|
1113
1116
|
lazyRoot?: string | undefined;
|
|
1114
1117
|
} & React__default.RefAttributes<HTMLImageElement | null>>>({ ...props }: OakImageProps<C>) => React__default.JSX.Element;
|
|
1115
1118
|
|
|
1116
|
-
declare const oakIconNames: ("data" | "search" | "video" | "filter" | "image" | "x" | "download" | "list" | "header-underline" | "question-mark" | "ai" | "ai-additional-material" | "ai-quiz" | "ai-slide-deck" | "ai-worksheet" | "home" | "send" | "rocket" | "edit" | "expand" | "minimise" | "hamburger" | "cross" | "copy" | "bell" | "twitter" | "worksheet" | "facebook" | "share" | "arrow-right" | "arrow-down" | "arrow-left" | "arrow-up" | "worksheet-3" | "chevron-right" | "save" | "success" | "error" | "quiz-3" | "chevron-down" | "linkedin" | "magic-carpet" | "books" | "supervision-level" | "quiz-white" | "additional-material" | "slide-deck-3" | "sign-language" | "external" | "equipment-required" | "chevron-left" | "chevron-up" | "go" | "copyright" | "project" | "slide-deck" | "content-guidance" | "tick" | "instagram" | "dot" | "warning" | "lightbulb-yellow" | "lightbulb" | "pencil" | "quiz" | "intro" | "loopdown" | "teacher-lesson" | "teacher-unit" | "move-arrows" | "info" | "play" | "bookmark-outlined" | "bookmark-filled" | "microsoft-teams" | "google-classroom" | "clipboard" | "book-steps" | "free-tag" | "threads" | "spreadsheet" | "curriculum-plan" | "chatting" | "snack-break" | "subject-art" | "subject-biology" | "subject-chemistry" | "subject-citizenship" | "subject-gcse-citizenship" | "subject-core-citizenship" | "subject-combined-science" | "subject-communication-and-language" | "subject-computing" | "subject-computer-science" | "subject-core-computing" | "subject-cooking-nutrition" | "subject-computing-non-gcse" | "subject-creative-arts" | "subject-design-technology" | "subject-drama" | "subject-english" | "subject-english-language" | "subject-english-grammar" | "subject-english-handwriting" | "subject-english-reading-for-pleasure" | "subject-english-spelling" | "subject-english-reading-writing-oracy" | "subject-english-vocabulary" | "subject-expressive-arts-and-design" | "subject-financial-education" | "subject-french" | "subject-geography" | "subject-german" | "subject-history" | "subject-independent-living" | "subject-latin" | "subject-literacy" | "subject-maths" | "subject-music" | "subject-numeracy" | "occupational-therapy" | "subject-personal-social-and-emotional-development" | "subject-physical-development" | "subject-physical-education" | "subject-core-physical-education" | "subject-gcse-physical-education" | "subject-physical-therapy" | "subject-physics" | "subject-religious-education" | "subject-core-religious-education" | "subject-gcse-religious-education" | "subject-rshe-pshe" | "subject-rshe" | "subject-rule-of-law" | "subject-philosophy" | "subject-social-science" | "subject-theology" | "subject-science" | "subject-sensory-integration" | "subject-spanish" | "subject-speech-and-language-therapy" | "subject-specialist" | "subject-therapy" | "subject-therapies" | "subject-occupational-therapy" | "subject-understanding-the-world" | "swimming" | "homepage-robot-waving" | "homepage-three-pupils" | "homepage-teacher" | "homepage-teacher-map" | "audio-clip-large" | "audio-clip-small" | "box-border-bottom" | "box-border-left" | "box-border-right" | "box-border-top" | "bubble-1" | "bubble-2" | "burst" | "confetti" | "icon-background-square" | "looping-arrow-1" | "looping-line-1" | "looping-line-2" | "looping-line-3" | "looping-line-4" | "looping-line-5" | "speech-bubble" | "tag-promotional" | "tick-mark-happiness" | "underline-1" | "logo" | "trash" | "media-clips")[];
|
|
1119
|
+
declare const oakIconNames: ("data" | "search" | "video" | "filter" | "image" | "x" | "download" | "list" | "header-underline" | "question-mark" | "ai" | "ai-additional-material" | "ai-quiz" | "ai-slide-deck" | "ai-worksheet" | "home" | "send" | "rocket" | "edit" | "expand" | "minimise" | "hamburger" | "cross" | "copy" | "bell" | "twitter" | "worksheet" | "facebook" | "share" | "arrow-right" | "arrow-down" | "arrow-left" | "arrow-up" | "worksheet-3" | "chevron-right" | "save" | "success" | "error" | "quiz-3" | "chevron-down" | "linkedin" | "magic-carpet" | "books" | "supervision-level" | "quiz-white" | "additional-material" | "slide-deck-3" | "sign-language" | "external" | "equipment-required" | "chevron-left" | "chevron-up" | "go" | "copyright" | "project" | "slide-deck" | "content-guidance" | "tick" | "instagram" | "dot" | "warning" | "lightbulb-yellow" | "lightbulb" | "pencil" | "quiz" | "intro" | "loopdown" | "teacher-lesson" | "teacher-unit" | "move-arrows" | "info" | "play" | "bookmark-outlined" | "bookmark-filled" | "microsoft-teams" | "google-classroom" | "clipboard" | "book-steps" | "free-tag" | "threads" | "spreadsheet" | "curriculum-plan" | "chatting" | "snack-break" | "subject-art" | "subject-biology" | "subject-chemistry" | "subject-citizenship" | "subject-gcse-citizenship" | "subject-core-citizenship" | "subject-combined-science" | "subject-communication-and-language" | "subject-computing" | "subject-computer-science" | "subject-core-computing" | "subject-cooking-nutrition" | "subject-computing-non-gcse" | "subject-creative-arts" | "subject-design-technology" | "subject-drama" | "subject-english" | "subject-english-language" | "subject-english-grammar" | "subject-english-handwriting" | "subject-english-reading-for-pleasure" | "subject-english-spelling" | "subject-english-reading-writing-oracy" | "subject-english-vocabulary" | "subject-expressive-arts-and-design" | "subject-financial-education" | "subject-french" | "subject-geography" | "subject-german" | "subject-history" | "subject-independent-living" | "subject-latin" | "subject-literacy" | "subject-maths" | "subject-music" | "subject-numeracy" | "occupational-therapy" | "subject-personal-social-and-emotional-development" | "subject-physical-development" | "subject-physical-education" | "subject-core-physical-education" | "subject-gcse-physical-education" | "subject-physical-therapy" | "subject-physics" | "subject-religious-education" | "subject-core-religious-education" | "subject-gcse-religious-education" | "subject-rshe-pshe" | "subject-rshe" | "subject-rule-of-law" | "subject-philosophy" | "subject-social-science" | "subject-theology" | "subject-science" | "subject-sensory-integration" | "subject-spanish" | "subject-speech-and-language-therapy" | "subject-specialist" | "subject-therapy" | "subject-therapies" | "subject-occupational-therapy" | "subject-understanding-the-world" | "swimming" | "homepage-robot-waving" | "homepage-three-pupils" | "homepage-teacher" | "homepage-teacher-map" | "audio-clip-large" | "audio-clip-small" | "box-border-bottom" | "box-border-left" | "box-border-right" | "box-border-top" | "bubble-1" | "bubble-2" | "burst" | "confetti" | "icon-background-square" | "looping-arrow-1" | "looping-line-1" | "looping-line-2" | "looping-line-3" | "looping-line-4" | "looping-line-5" | "speech-bubble" | "tag-promotional" | "tick-mark-happiness" | "underline-1" | "logo" | "trash" | "media-clips" | "retake")[];
|
|
1117
1120
|
type OakIconName = IconName;
|
|
1118
1121
|
type OakIconProps = Omit<OakImageProps, "alt" | "src"> & {
|
|
1119
1122
|
/**
|
|
@@ -1628,7 +1631,7 @@ type InternalShadowRoundButtonProps = Omit<InternalButtonProps, "$pa" | "$ph" |
|
|
|
1628
1631
|
* called after a mouseEnter and mouseLeave event has happened
|
|
1629
1632
|
*/
|
|
1630
1633
|
declare const InternalShadowRoundButton: <C extends React__default.ElementType = "button">(props: Omit<InternalButtonProps, "$pa" | "$ph" | "$pv" | "$ba" | "$borderColor" | "$color" | "$background" | "$borderRadius"> & {
|
|
1631
|
-
iconName?: "data" | "search" | "video" | "filter" | "image" | "x" | "download" | "list" | "header-underline" | "question-mark" | "ai" | "ai-additional-material" | "ai-quiz" | "ai-slide-deck" | "ai-worksheet" | "home" | "send" | "rocket" | "edit" | "expand" | "minimise" | "hamburger" | "cross" | "copy" | "bell" | "twitter" | "worksheet" | "facebook" | "share" | "arrow-right" | "arrow-down" | "arrow-left" | "arrow-up" | "worksheet-3" | "chevron-right" | "save" | "success" | "error" | "quiz-3" | "chevron-down" | "linkedin" | "magic-carpet" | "books" | "supervision-level" | "quiz-white" | "additional-material" | "slide-deck-3" | "sign-language" | "external" | "equipment-required" | "chevron-left" | "chevron-up" | "go" | "copyright" | "project" | "slide-deck" | "content-guidance" | "tick" | "instagram" | "dot" | "warning" | "lightbulb-yellow" | "lightbulb" | "pencil" | "quiz" | "intro" | "loopdown" | "teacher-lesson" | "teacher-unit" | "move-arrows" | "info" | "play" | "bookmark-outlined" | "bookmark-filled" | "microsoft-teams" | "google-classroom" | "clipboard" | "book-steps" | "free-tag" | "threads" | "spreadsheet" | "curriculum-plan" | "chatting" | "snack-break" | "subject-art" | "subject-biology" | "subject-chemistry" | "subject-citizenship" | "subject-gcse-citizenship" | "subject-core-citizenship" | "subject-combined-science" | "subject-communication-and-language" | "subject-computing" | "subject-computer-science" | "subject-core-computing" | "subject-cooking-nutrition" | "subject-computing-non-gcse" | "subject-creative-arts" | "subject-design-technology" | "subject-drama" | "subject-english" | "subject-english-language" | "subject-english-grammar" | "subject-english-handwriting" | "subject-english-reading-for-pleasure" | "subject-english-spelling" | "subject-english-reading-writing-oracy" | "subject-english-vocabulary" | "subject-expressive-arts-and-design" | "subject-financial-education" | "subject-french" | "subject-geography" | "subject-german" | "subject-history" | "subject-independent-living" | "subject-latin" | "subject-literacy" | "subject-maths" | "subject-music" | "subject-numeracy" | "occupational-therapy" | "subject-personal-social-and-emotional-development" | "subject-physical-development" | "subject-physical-education" | "subject-core-physical-education" | "subject-gcse-physical-education" | "subject-physical-therapy" | "subject-physics" | "subject-religious-education" | "subject-core-religious-education" | "subject-gcse-religious-education" | "subject-rshe-pshe" | "subject-rshe" | "subject-rule-of-law" | "subject-philosophy" | "subject-social-science" | "subject-theology" | "subject-science" | "subject-sensory-integration" | "subject-spanish" | "subject-speech-and-language-therapy" | "subject-specialist" | "subject-therapy" | "subject-therapies" | "subject-occupational-therapy" | "subject-understanding-the-world" | "swimming" | "homepage-robot-waving" | "homepage-three-pupils" | "homepage-teacher" | "homepage-teacher-map" | "audio-clip-large" | "audio-clip-small" | "box-border-bottom" | "box-border-left" | "box-border-right" | "box-border-top" | "bubble-1" | "bubble-2" | "burst" | "confetti" | "icon-background-square" | "looping-arrow-1" | "looping-line-1" | "looping-line-2" | "looping-line-3" | "looping-line-4" | "looping-line-5" | "speech-bubble" | "tag-promotional" | "tick-mark-happiness" | "underline-1" | "logo" | "trash" | "media-clips" | undefined;
|
|
1634
|
+
iconName?: "data" | "search" | "video" | "filter" | "image" | "x" | "download" | "list" | "header-underline" | "question-mark" | "ai" | "ai-additional-material" | "ai-quiz" | "ai-slide-deck" | "ai-worksheet" | "home" | "send" | "rocket" | "edit" | "expand" | "minimise" | "hamburger" | "cross" | "copy" | "bell" | "twitter" | "worksheet" | "facebook" | "share" | "arrow-right" | "arrow-down" | "arrow-left" | "arrow-up" | "worksheet-3" | "chevron-right" | "save" | "success" | "error" | "quiz-3" | "chevron-down" | "linkedin" | "magic-carpet" | "books" | "supervision-level" | "quiz-white" | "additional-material" | "slide-deck-3" | "sign-language" | "external" | "equipment-required" | "chevron-left" | "chevron-up" | "go" | "copyright" | "project" | "slide-deck" | "content-guidance" | "tick" | "instagram" | "dot" | "warning" | "lightbulb-yellow" | "lightbulb" | "pencil" | "quiz" | "intro" | "loopdown" | "teacher-lesson" | "teacher-unit" | "move-arrows" | "info" | "play" | "bookmark-outlined" | "bookmark-filled" | "microsoft-teams" | "google-classroom" | "clipboard" | "book-steps" | "free-tag" | "threads" | "spreadsheet" | "curriculum-plan" | "chatting" | "snack-break" | "subject-art" | "subject-biology" | "subject-chemistry" | "subject-citizenship" | "subject-gcse-citizenship" | "subject-core-citizenship" | "subject-combined-science" | "subject-communication-and-language" | "subject-computing" | "subject-computer-science" | "subject-core-computing" | "subject-cooking-nutrition" | "subject-computing-non-gcse" | "subject-creative-arts" | "subject-design-technology" | "subject-drama" | "subject-english" | "subject-english-language" | "subject-english-grammar" | "subject-english-handwriting" | "subject-english-reading-for-pleasure" | "subject-english-spelling" | "subject-english-reading-writing-oracy" | "subject-english-vocabulary" | "subject-expressive-arts-and-design" | "subject-financial-education" | "subject-french" | "subject-geography" | "subject-german" | "subject-history" | "subject-independent-living" | "subject-latin" | "subject-literacy" | "subject-maths" | "subject-music" | "subject-numeracy" | "occupational-therapy" | "subject-personal-social-and-emotional-development" | "subject-physical-development" | "subject-physical-education" | "subject-core-physical-education" | "subject-gcse-physical-education" | "subject-physical-therapy" | "subject-physics" | "subject-religious-education" | "subject-core-religious-education" | "subject-gcse-religious-education" | "subject-rshe-pshe" | "subject-rshe" | "subject-rule-of-law" | "subject-philosophy" | "subject-social-science" | "subject-theology" | "subject-science" | "subject-sensory-integration" | "subject-spanish" | "subject-speech-and-language-therapy" | "subject-specialist" | "subject-therapy" | "subject-therapies" | "subject-occupational-therapy" | "subject-understanding-the-world" | "swimming" | "homepage-robot-waving" | "homepage-three-pupils" | "homepage-teacher" | "homepage-teacher-map" | "audio-clip-large" | "audio-clip-small" | "box-border-bottom" | "box-border-left" | "box-border-right" | "box-border-top" | "bubble-1" | "bubble-2" | "burst" | "confetti" | "icon-background-square" | "looping-arrow-1" | "looping-line-1" | "looping-line-2" | "looping-line-3" | "looping-line-4" | "looping-line-5" | "speech-bubble" | "tag-promotional" | "tick-mark-happiness" | "underline-1" | "logo" | "trash" | "media-clips" | "retake" | undefined;
|
|
1632
1635
|
isTrailingIcon?: boolean | undefined;
|
|
1633
1636
|
defaultTextColor: OakUiRoleToken;
|
|
1634
1637
|
hoverTextColor: OakUiRoleToken;
|
|
@@ -1662,7 +1665,7 @@ declare const OakTertiaryButton: <C extends React__default.ElementType = "button
|
|
|
1662
1665
|
iconBackground?: OakRoundIconProps["$background"];
|
|
1663
1666
|
iconColorFilter?: OakRoundIconProps["$colorFilter"];
|
|
1664
1667
|
isTrailingIcon?: boolean | undefined;
|
|
1665
|
-
iconName?: "data" | "search" | "video" | "filter" | "image" | "x" | "download" | "list" | "header-underline" | "question-mark" | "ai" | "ai-additional-material" | "ai-quiz" | "ai-slide-deck" | "ai-worksheet" | "home" | "send" | "rocket" | "edit" | "expand" | "minimise" | "hamburger" | "cross" | "copy" | "bell" | "twitter" | "worksheet" | "facebook" | "share" | "arrow-right" | "arrow-down" | "arrow-left" | "arrow-up" | "worksheet-3" | "chevron-right" | "save" | "success" | "error" | "quiz-3" | "chevron-down" | "linkedin" | "magic-carpet" | "books" | "supervision-level" | "quiz-white" | "additional-material" | "slide-deck-3" | "sign-language" | "external" | "equipment-required" | "chevron-left" | "chevron-up" | "go" | "copyright" | "project" | "slide-deck" | "content-guidance" | "tick" | "instagram" | "dot" | "warning" | "lightbulb-yellow" | "lightbulb" | "pencil" | "quiz" | "intro" | "loopdown" | "teacher-lesson" | "teacher-unit" | "move-arrows" | "info" | "play" | "bookmark-outlined" | "bookmark-filled" | "microsoft-teams" | "google-classroom" | "clipboard" | "book-steps" | "free-tag" | "threads" | "spreadsheet" | "curriculum-plan" | "chatting" | "snack-break" | "subject-art" | "subject-biology" | "subject-chemistry" | "subject-citizenship" | "subject-gcse-citizenship" | "subject-core-citizenship" | "subject-combined-science" | "subject-communication-and-language" | "subject-computing" | "subject-computer-science" | "subject-core-computing" | "subject-cooking-nutrition" | "subject-computing-non-gcse" | "subject-creative-arts" | "subject-design-technology" | "subject-drama" | "subject-english" | "subject-english-language" | "subject-english-grammar" | "subject-english-handwriting" | "subject-english-reading-for-pleasure" | "subject-english-spelling" | "subject-english-reading-writing-oracy" | "subject-english-vocabulary" | "subject-expressive-arts-and-design" | "subject-financial-education" | "subject-french" | "subject-geography" | "subject-german" | "subject-history" | "subject-independent-living" | "subject-latin" | "subject-literacy" | "subject-maths" | "subject-music" | "subject-numeracy" | "occupational-therapy" | "subject-personal-social-and-emotional-development" | "subject-physical-development" | "subject-physical-education" | "subject-core-physical-education" | "subject-gcse-physical-education" | "subject-physical-therapy" | "subject-physics" | "subject-religious-education" | "subject-core-religious-education" | "subject-gcse-religious-education" | "subject-rshe-pshe" | "subject-rshe" | "subject-rule-of-law" | "subject-philosophy" | "subject-social-science" | "subject-theology" | "subject-science" | "subject-sensory-integration" | "subject-spanish" | "subject-speech-and-language-therapy" | "subject-specialist" | "subject-therapy" | "subject-therapies" | "subject-occupational-therapy" | "subject-understanding-the-world" | "swimming" | "homepage-robot-waving" | "homepage-three-pupils" | "homepage-teacher" | "homepage-teacher-map" | "audio-clip-large" | "audio-clip-small" | "box-border-bottom" | "box-border-left" | "box-border-right" | "box-border-top" | "bubble-1" | "bubble-2" | "burst" | "confetti" | "icon-background-square" | "looping-arrow-1" | "looping-line-1" | "looping-line-2" | "looping-line-3" | "looping-line-4" | "looping-line-5" | "speech-bubble" | "tag-promotional" | "tick-mark-happiness" | "underline-1" | "logo" | "trash" | "media-clips" | undefined;
|
|
1668
|
+
iconName?: "data" | "search" | "video" | "filter" | "image" | "x" | "download" | "list" | "header-underline" | "question-mark" | "ai" | "ai-additional-material" | "ai-quiz" | "ai-slide-deck" | "ai-worksheet" | "home" | "send" | "rocket" | "edit" | "expand" | "minimise" | "hamburger" | "cross" | "copy" | "bell" | "twitter" | "worksheet" | "facebook" | "share" | "arrow-right" | "arrow-down" | "arrow-left" | "arrow-up" | "worksheet-3" | "chevron-right" | "save" | "success" | "error" | "quiz-3" | "chevron-down" | "linkedin" | "magic-carpet" | "books" | "supervision-level" | "quiz-white" | "additional-material" | "slide-deck-3" | "sign-language" | "external" | "equipment-required" | "chevron-left" | "chevron-up" | "go" | "copyright" | "project" | "slide-deck" | "content-guidance" | "tick" | "instagram" | "dot" | "warning" | "lightbulb-yellow" | "lightbulb" | "pencil" | "quiz" | "intro" | "loopdown" | "teacher-lesson" | "teacher-unit" | "move-arrows" | "info" | "play" | "bookmark-outlined" | "bookmark-filled" | "microsoft-teams" | "google-classroom" | "clipboard" | "book-steps" | "free-tag" | "threads" | "spreadsheet" | "curriculum-plan" | "chatting" | "snack-break" | "subject-art" | "subject-biology" | "subject-chemistry" | "subject-citizenship" | "subject-gcse-citizenship" | "subject-core-citizenship" | "subject-combined-science" | "subject-communication-and-language" | "subject-computing" | "subject-computer-science" | "subject-core-computing" | "subject-cooking-nutrition" | "subject-computing-non-gcse" | "subject-creative-arts" | "subject-design-technology" | "subject-drama" | "subject-english" | "subject-english-language" | "subject-english-grammar" | "subject-english-handwriting" | "subject-english-reading-for-pleasure" | "subject-english-spelling" | "subject-english-reading-writing-oracy" | "subject-english-vocabulary" | "subject-expressive-arts-and-design" | "subject-financial-education" | "subject-french" | "subject-geography" | "subject-german" | "subject-history" | "subject-independent-living" | "subject-latin" | "subject-literacy" | "subject-maths" | "subject-music" | "subject-numeracy" | "occupational-therapy" | "subject-personal-social-and-emotional-development" | "subject-physical-development" | "subject-physical-education" | "subject-core-physical-education" | "subject-gcse-physical-education" | "subject-physical-therapy" | "subject-physics" | "subject-religious-education" | "subject-core-religious-education" | "subject-gcse-religious-education" | "subject-rshe-pshe" | "subject-rshe" | "subject-rule-of-law" | "subject-philosophy" | "subject-social-science" | "subject-theology" | "subject-science" | "subject-sensory-integration" | "subject-spanish" | "subject-speech-and-language-therapy" | "subject-specialist" | "subject-therapy" | "subject-therapies" | "subject-occupational-therapy" | "subject-understanding-the-world" | "swimming" | "homepage-robot-waving" | "homepage-three-pupils" | "homepage-teacher" | "homepage-teacher-map" | "audio-clip-large" | "audio-clip-small" | "box-border-bottom" | "box-border-left" | "box-border-right" | "box-border-top" | "bubble-1" | "bubble-2" | "burst" | "confetti" | "icon-background-square" | "looping-arrow-1" | "looping-line-1" | "looping-line-2" | "looping-line-3" | "looping-line-4" | "looping-line-5" | "speech-bubble" | "tag-promotional" | "tick-mark-happiness" | "underline-1" | "logo" | "trash" | "media-clips" | "retake" | undefined;
|
|
1666
1669
|
} & Partial<InternalShadowRoundButtonProps> & {
|
|
1667
1670
|
element?: C | undefined;
|
|
1668
1671
|
} & React__default.PropsWithoutRef<React__default.ComponentProps<C>>) => React__default.JSX.Element;
|
|
@@ -1679,7 +1682,7 @@ declare const OakTertiaryInvertedButton: <C extends React__default.ElementType =
|
|
|
1679
1682
|
iconBackground?: OakRoundIconProps["$background"];
|
|
1680
1683
|
iconColorFilter?: OakRoundIconProps["$colorFilter"];
|
|
1681
1684
|
isTrailingIcon?: boolean | undefined;
|
|
1682
|
-
iconName?: "data" | "search" | "video" | "filter" | "image" | "x" | "download" | "list" | "header-underline" | "question-mark" | "ai" | "ai-additional-material" | "ai-quiz" | "ai-slide-deck" | "ai-worksheet" | "home" | "send" | "rocket" | "edit" | "expand" | "minimise" | "hamburger" | "cross" | "copy" | "bell" | "twitter" | "worksheet" | "facebook" | "share" | "arrow-right" | "arrow-down" | "arrow-left" | "arrow-up" | "worksheet-3" | "chevron-right" | "save" | "success" | "error" | "quiz-3" | "chevron-down" | "linkedin" | "magic-carpet" | "books" | "supervision-level" | "quiz-white" | "additional-material" | "slide-deck-3" | "sign-language" | "external" | "equipment-required" | "chevron-left" | "chevron-up" | "go" | "copyright" | "project" | "slide-deck" | "content-guidance" | "tick" | "instagram" | "dot" | "warning" | "lightbulb-yellow" | "lightbulb" | "pencil" | "quiz" | "intro" | "loopdown" | "teacher-lesson" | "teacher-unit" | "move-arrows" | "info" | "play" | "bookmark-outlined" | "bookmark-filled" | "microsoft-teams" | "google-classroom" | "clipboard" | "book-steps" | "free-tag" | "threads" | "spreadsheet" | "curriculum-plan" | "chatting" | "snack-break" | "subject-art" | "subject-biology" | "subject-chemistry" | "subject-citizenship" | "subject-gcse-citizenship" | "subject-core-citizenship" | "subject-combined-science" | "subject-communication-and-language" | "subject-computing" | "subject-computer-science" | "subject-core-computing" | "subject-cooking-nutrition" | "subject-computing-non-gcse" | "subject-creative-arts" | "subject-design-technology" | "subject-drama" | "subject-english" | "subject-english-language" | "subject-english-grammar" | "subject-english-handwriting" | "subject-english-reading-for-pleasure" | "subject-english-spelling" | "subject-english-reading-writing-oracy" | "subject-english-vocabulary" | "subject-expressive-arts-and-design" | "subject-financial-education" | "subject-french" | "subject-geography" | "subject-german" | "subject-history" | "subject-independent-living" | "subject-latin" | "subject-literacy" | "subject-maths" | "subject-music" | "subject-numeracy" | "occupational-therapy" | "subject-personal-social-and-emotional-development" | "subject-physical-development" | "subject-physical-education" | "subject-core-physical-education" | "subject-gcse-physical-education" | "subject-physical-therapy" | "subject-physics" | "subject-religious-education" | "subject-core-religious-education" | "subject-gcse-religious-education" | "subject-rshe-pshe" | "subject-rshe" | "subject-rule-of-law" | "subject-philosophy" | "subject-social-science" | "subject-theology" | "subject-science" | "subject-sensory-integration" | "subject-spanish" | "subject-speech-and-language-therapy" | "subject-specialist" | "subject-therapy" | "subject-therapies" | "subject-occupational-therapy" | "subject-understanding-the-world" | "swimming" | "homepage-robot-waving" | "homepage-three-pupils" | "homepage-teacher" | "homepage-teacher-map" | "audio-clip-large" | "audio-clip-small" | "box-border-bottom" | "box-border-left" | "box-border-right" | "box-border-top" | "bubble-1" | "bubble-2" | "burst" | "confetti" | "icon-background-square" | "looping-arrow-1" | "looping-line-1" | "looping-line-2" | "looping-line-3" | "looping-line-4" | "looping-line-5" | "speech-bubble" | "tag-promotional" | "tick-mark-happiness" | "underline-1" | "logo" | "trash" | "media-clips" | undefined;
|
|
1685
|
+
iconName?: "data" | "search" | "video" | "filter" | "image" | "x" | "download" | "list" | "header-underline" | "question-mark" | "ai" | "ai-additional-material" | "ai-quiz" | "ai-slide-deck" | "ai-worksheet" | "home" | "send" | "rocket" | "edit" | "expand" | "minimise" | "hamburger" | "cross" | "copy" | "bell" | "twitter" | "worksheet" | "facebook" | "share" | "arrow-right" | "arrow-down" | "arrow-left" | "arrow-up" | "worksheet-3" | "chevron-right" | "save" | "success" | "error" | "quiz-3" | "chevron-down" | "linkedin" | "magic-carpet" | "books" | "supervision-level" | "quiz-white" | "additional-material" | "slide-deck-3" | "sign-language" | "external" | "equipment-required" | "chevron-left" | "chevron-up" | "go" | "copyright" | "project" | "slide-deck" | "content-guidance" | "tick" | "instagram" | "dot" | "warning" | "lightbulb-yellow" | "lightbulb" | "pencil" | "quiz" | "intro" | "loopdown" | "teacher-lesson" | "teacher-unit" | "move-arrows" | "info" | "play" | "bookmark-outlined" | "bookmark-filled" | "microsoft-teams" | "google-classroom" | "clipboard" | "book-steps" | "free-tag" | "threads" | "spreadsheet" | "curriculum-plan" | "chatting" | "snack-break" | "subject-art" | "subject-biology" | "subject-chemistry" | "subject-citizenship" | "subject-gcse-citizenship" | "subject-core-citizenship" | "subject-combined-science" | "subject-communication-and-language" | "subject-computing" | "subject-computer-science" | "subject-core-computing" | "subject-cooking-nutrition" | "subject-computing-non-gcse" | "subject-creative-arts" | "subject-design-technology" | "subject-drama" | "subject-english" | "subject-english-language" | "subject-english-grammar" | "subject-english-handwriting" | "subject-english-reading-for-pleasure" | "subject-english-spelling" | "subject-english-reading-writing-oracy" | "subject-english-vocabulary" | "subject-expressive-arts-and-design" | "subject-financial-education" | "subject-french" | "subject-geography" | "subject-german" | "subject-history" | "subject-independent-living" | "subject-latin" | "subject-literacy" | "subject-maths" | "subject-music" | "subject-numeracy" | "occupational-therapy" | "subject-personal-social-and-emotional-development" | "subject-physical-development" | "subject-physical-education" | "subject-core-physical-education" | "subject-gcse-physical-education" | "subject-physical-therapy" | "subject-physics" | "subject-religious-education" | "subject-core-religious-education" | "subject-gcse-religious-education" | "subject-rshe-pshe" | "subject-rshe" | "subject-rule-of-law" | "subject-philosophy" | "subject-social-science" | "subject-theology" | "subject-science" | "subject-sensory-integration" | "subject-spanish" | "subject-speech-and-language-therapy" | "subject-specialist" | "subject-therapy" | "subject-therapies" | "subject-occupational-therapy" | "subject-understanding-the-world" | "swimming" | "homepage-robot-waving" | "homepage-three-pupils" | "homepage-teacher" | "homepage-teacher-map" | "audio-clip-large" | "audio-clip-small" | "box-border-bottom" | "box-border-left" | "box-border-right" | "box-border-top" | "bubble-1" | "bubble-2" | "burst" | "confetti" | "icon-background-square" | "looping-arrow-1" | "looping-line-1" | "looping-line-2" | "looping-line-3" | "looping-line-4" | "looping-line-5" | "speech-bubble" | "tag-promotional" | "tick-mark-happiness" | "underline-1" | "logo" | "trash" | "media-clips" | "retake" | undefined;
|
|
1683
1686
|
} & {
|
|
1684
1687
|
element?: C | undefined;
|
|
1685
1688
|
} & React__default.PropsWithoutRef<React__default.ComponentProps<C>>) => React__default.JSX.Element;
|
|
@@ -2728,21 +2731,6 @@ type OakSearchFilterCheckBoxProps = Omit<BaseCheckBoxProps, "defaultChecked"> &
|
|
|
2728
2731
|
*/
|
|
2729
2732
|
declare const OakSearchFilterCheckBox: (props: OakSearchFilterCheckBoxProps) => React__default.JSX.Element;
|
|
2730
2733
|
|
|
2731
|
-
type Status = "error" | "selected" | "neutral";
|
|
2732
|
-
type OakCATQuestionProps = {
|
|
2733
|
-
questionNumber: number;
|
|
2734
|
-
status: Status;
|
|
2735
|
-
initialOpen?: boolean;
|
|
2736
|
-
questionTypeInput: ReactNode;
|
|
2737
|
-
questionStem: ReactNode;
|
|
2738
|
-
answersSection: ReactNode;
|
|
2739
|
-
hintInput: ReactElement;
|
|
2740
|
-
feedbackInput: ReactElement;
|
|
2741
|
-
hintInputId: string;
|
|
2742
|
-
feedbackInputId: string;
|
|
2743
|
-
};
|
|
2744
|
-
declare const OakCATQuestion: (props: OakCATQuestionProps) => React__default.JSX.Element;
|
|
2745
|
-
|
|
2746
2734
|
interface OakCaptionCardProps {
|
|
2747
2735
|
captionId: string;
|
|
2748
2736
|
videoTitle: string;
|
|
@@ -5467,6 +5455,30 @@ declare const OakUL: styled_components.StyledComponent<"ul", styled_components.D
|
|
|
5467
5455
|
$reset?: boolean | undefined;
|
|
5468
5456
|
}, never>;
|
|
5469
5457
|
|
|
5458
|
+
type UnstyledChevronAccordionProps = {
|
|
5459
|
+
/** The header of the accordion. */
|
|
5460
|
+
header: ReactNode;
|
|
5461
|
+
/** Whether the accordion should be open initially. */
|
|
5462
|
+
isInitiallyOpen?: boolean;
|
|
5463
|
+
/** The content of the accordion. */
|
|
5464
|
+
content: ReactNode;
|
|
5465
|
+
/** Optional subheader to display above the fold. */
|
|
5466
|
+
subheader?: ReactNode;
|
|
5467
|
+
/** The id of the accordion. */
|
|
5468
|
+
id: string;
|
|
5469
|
+
/** Aria label for the button when the accordion is open. */
|
|
5470
|
+
ariaLabelOpen?: string;
|
|
5471
|
+
/** Aria label for the button when the accordion is closed. */
|
|
5472
|
+
ariaLabelClose?: string;
|
|
5473
|
+
} & FlexStyleProps & OakBoxProps & ColorStyleProps;
|
|
5474
|
+
/**
|
|
5475
|
+
* - UnstyledChevronAccordion has a chevron icon that rotates when the accordion is open.
|
|
5476
|
+
* - Unlike InternalChevronAccordion, it has no border effects for hover or focus states.
|
|
5477
|
+
* - Only the chevron is interactive so as to allow interactive elements to be placed in the header.
|
|
5478
|
+
* - The intention is for these to be added by consuming components as needed.
|
|
5479
|
+
*/
|
|
5480
|
+
declare const UnstyledChevronAccordion: ({ isInitiallyOpen, ...props }: UnstyledChevronAccordionProps) => React__default.JSX.Element;
|
|
5481
|
+
|
|
5470
5482
|
/**
|
|
5471
5483
|
*
|
|
5472
5484
|
* Currently this is just for storybook as it is already applied in OWA
|
|
@@ -5512,4 +5524,4 @@ declare const useIsScrolled: () => {
|
|
|
5512
5524
|
|
|
5513
5525
|
declare const useBreakpoint: () => Device;
|
|
5514
5526
|
|
|
5515
|
-
export { type BannerTypes, type Consent, HeadingTagComponent, IconDown, IconUp, type InternalQuizResultItemProps, type LessonSectionName$1 as LessonSectionName, type MenuItemProps, OakAccordion, type OakAccordionProps, type OakAllSpacingToken, OakAnchorTarget, type OakAnchorTargetProps, OakAspectRatio, type OakAspectRatioProps, OakBackLink, type OakBackLinkProps, OakBasicAccordion, type OakBasicAccordionProps, type OakBorderRadiusToken, type OakBorderWidthToken, OakBox, type OakBoxProps, type OakBreadcrumb, type OakBreadcrumbWithoutHref, OakBreadcrumbs, type OakBreadcrumbsProps, OakBulletList, type OakBulletListProps, OakButtonAsRadioGroup, OakButtonWithDropdown, type OakButtonWithDropdownProps,
|
|
5527
|
+
export { type BannerTypes, type Consent, HeadingTagComponent, IconDown, IconUp, type InternalQuizResultItemProps, type LessonSectionName$1 as LessonSectionName, type MenuItemProps, OakAccordion, type OakAccordionProps, type OakAllSpacingToken, OakAnchorTarget, type OakAnchorTargetProps, OakAspectRatio, type OakAspectRatioProps, OakBackLink, type OakBackLinkProps, OakBasicAccordion, type OakBasicAccordionProps, type OakBorderRadiusToken, type OakBorderWidthToken, OakBox, type OakBoxProps, type OakBreadcrumb, type OakBreadcrumbWithoutHref, OakBreadcrumbs, type OakBreadcrumbsProps, OakBulletList, type OakBulletListProps, OakButtonAsRadioGroup, OakButtonWithDropdown, type OakButtonWithDropdownProps, OakCaptionCard, type OakCaptionCardProps, OakCaptionSearch, type OakCaptionSearchProps, OakCard, OakCardHeader, type OakCardHeaderprops, type OakCardProps, OakCardWithHandDrawnBorder, type OakCardWithHandDrawnBorderProps, OakCarousel, type OakCarouselProps, OakCheckBox, type OakCheckBoxProps, OakCloseButton, type OakCloseButtonProps, OakCloudinaryConfigProvider, OakCloudinaryImage, type OakCloudinaryImageProps, OakCodeRenderer, type OakCodeRendererProps, OakCollapsibleContent, type OakCollapsibleContentProps, type OakColorFilterToken, type OakColorToken, type OakCombinedSpacingToken, OakCookieBanner, type OakCookieBannerProps, OakCookieConsent, OakCookieConsentContext, type OakCookieConsentProps, OakCookieConsentProvider, OakCookieSettingsModal, type OakCookieSettingsModalProps, OakCopyLinkButton, OakDownloadCard, type OakDownloadCardProps, OakDownloadsAccordion, type OakDownloadsAccordionProps, OakDownloadsJourneyChildSubjectTierSelector, type OakDownloadsJourneyChildSubjectTierSelectorProps, OakDragAndDropInstructions, OakDraggable, OakDraggableFeedback, type OakDropShadowToken, OakDroppable, type OakDroppableProps, OakFieldError, type OakFieldErrorProps, OakFieldset, type OakFieldsetProps, OakFilterDrawer, OakFlex, type OakFlexProps, OakFocusIndicator, type OakFocusIndicatorProps, type OakFontSizeToken, type OakFontToken, OakForm, OakFormInput, type OakFormInputProps, OakFormInputWithLabels, type OakFormInputWithLabelsProps, type OakFormProps, OakGlobalStyle, OakGrid, OakGridArea, type OakGridAreaProps, type OakGridProps, type OakHandDrawnBoxWithIconProps, OakHandDrawnCard, type OakHandDrawnCardProps, OakHandDrawnCardWithIcon, OakHandDrawnFocusUnderline, type OakHandDrawnFocusUnderlineProps, OakHandDrawnHR, type OakHandDrawnHRProps, OakHeaderHero, type OakHeaderHeroProps, OakHeading, type OakHeadingProps, type OakHeadingTag, OakHintButton, type OakHintButtonProps, OakHomepageTabButton, type OakHomepageTabButtonProps, OakHoverLink, type OakHoverLinkProps, OakIcon, type OakIconName, type OakIconProps, OakImage, type OakImageProps, OakInfo, OakInfoButton, type OakInfoButtonProps, type OakInfoCardProps, type OakInfoProps, OakInformativeModal, OakInformativeModalBody, type OakInformativeModalBodyProps, OakInformativeModalBorderColor, type OakInformativeModalCloseAction, OakInformativeModalFooter, type OakInformativeModalFooterProps, type OakInformativeModalProps, OakInlineBanner, type OakInlineBannerProps, type OakInlineBannerTypes, type OakInlineBannerVariantProps, type OakInlineBannerVariants, OakInlineRegistrationBanner, type OakInlineRegistrationBannerProps, type OakInnerPaddingToken, OakJauntyAngleLabel, type OakJauntyAngleLabelProps, OakKbd, type OakKbdProps, OakLI, type OakLIProps, OakLabel, type OakLabelProps, OakLeftAlignedButton, type OakLeftAlignedButtonProps, OakLessonBottomNav, type OakLessonBottomNavProps, OakLessonInfoCard, OakLessonLayout, type OakLessonLayoutProps, OakLessonNavItem, type OakLessonNavItemProps, OakLessonReviewIntroVideo, type OakLessonReviewIntroVideoProps, OakLessonReviewItem, type OakLessonReviewItemProps, OakLessonReviewQuiz, OakLessonTopNav, type OakLessonTopNavProps, OakLessonVideoTranscript, OakLink, OakLinkCard, type OakLinkCardProps, type OakLinkProps, OakListItem, type OakListItemProps, OakLoadingSpinner, type OakLoadingSpinnerProps, OakMaxWidth, OakMediaClip, OakMediaClipList, OakMediaClipListAccordion, type OakMediaClipListProps, type OakMediaClipProps, OakMediaClipStackListItem, type OakMediaClipStackListItemProps, OakModalCenter, OakModalCenterBody, type OakModalCenterBodyProps, type OakModalCenterProps, OakMultilineText, type OakMultilineTextProps, OakOL, type OakOLProps, type OakOpacityToken, OakOptGroup, type OakOptGroupProps, OakOption, type OakOptionProps, OakOutlineAccordion, type OakOutlineAccordionProps, OakP, type OakPProps, OakPagination, type OakPaginationProps, OakPrimaryButton, type OakPrimaryButtonProps, OakPrimaryInvertedButton, type OakPrimaryInvertedButtonProps, OakPrimaryNav, OakPrimaryNavItem, type OakPrimaryNavItemProps, type OakPrimaryNavProps, OakPromoTag, type OakPromoTagProps, type OakPupilContentGuidance, OakPupilJourneyContentGuidance, type OakPupilJourneyContentGuidanceProps, OakPupilJourneyHeader, type OakPupilJourneyHeaderProps, OakPupilJourneyLayout, type OakPupilJourneyLayoutProps, OakPupilJourneyList, OakPupilJourneyListCounter, OakPupilJourneyListItem, OakPupilJourneyListItemSubheading, type OakPupilJourneyListItemSubheadingProps, type OakPupilJourneyListProps, OakPupilJourneyOptionalityButton, OakPupilJourneyOptionalityItem, type OakPupilJourneyOptionalityItemProps, OakPupilJourneyProgrammeOptions, type OakPupilJourneyProgrammeOptionsProps, OakPupilJourneyUnitsFilter, type OakPupilJourneyUnitsFilterProps, OakPupilJourneyYearButton, type OakPupilJourneyYearButtonProps, OakQuizCheckBox, type OakQuizCheckBoxProps, OakQuizCounter, type OakQuizCounterProps, OakQuizFeedback, type OakQuizFeedbackProps, OakQuizHint, type OakQuizHintProps, OakQuizMatch, OakQuizMatchItemId, type OakQuizMatchProps, OakQuizOrder, type OakQuizOrderProps, OakQuizOrderitemId, OakQuizPrintableHeader, type OakQuizPrintableHeaderProps, OakQuizPrintableSubHeader, type OakQuizPrintableSubHeaderProps, OakQuizRadioButton, type OakQuizRadioButtonProps, OakQuizResultItem, OakQuizTextInput, OakQuote, type OakQuoteProps, OakRadioAsButton, type OakRadioAsButtonProps, OakRadioButton, OakRadioGroup, type OakRadioGroupProps, OakRadioTile, type OakRadioTileProps, OakRoundIcon, type OakRoundIconProps, OakSaveButton, type OakSaveButtonProps, OakSaveCount, type OakSaveCountProps, OakScaleImageButton, type OakScaleImageButtonProps, OakScreenReader, OakSearchFilterCheckBox, type OakSearchFilterCheckBoxProps, OakSecondaryButton, OakSecondaryButtonAsRadio, type OakSecondaryButtonAsRadioProps, type OakSecondaryButtonProps, OakSecondaryButtonWithDropdown, type OakSecondaryButtonWithDropdownProps, OakSecondaryLink, type OakSecondaryLinkProps, OakSelect, type OakSelectProps, OakSideMenuNav, OakSideMenuNavLink, type OakSideMenuNavLinkProps, type OakSideMenuNavProps, OakSignLanguageButton, OakSmallPrimaryButton, type OakSmallPrimaryButtonProps, OakSmallPrimaryInvertedButton, type OakSmallPrimaryInvertedButtonProps, OakSmallSecondaryButton, type OakSmallSecondaryButtonProps, OakSmallSecondaryButtonWithDropdown, type OakSmallSecondaryButtonWithDropdownProps, OakSmallSecondaryToggleButton, type OakSmallSecondaryToggleButtonProps, OakSmallTertiaryInvertedButton, type OakSmallTertiaryInvertedButtonProps, type OakSolidBorderAccordionProps, type OakSpaceBetweenToken, OakSpan, type OakSpanProps, OakStaticMessageCard, OakSubjectIcon, OakSubjectIconButton, type OakSubjectIconButtonProps, type OakSubjectIconProps, OakSvg, type OakSvgNames, type OakSvgProps, OakTabs, type OakTabsProps, OakTagFunctional, type OakTagFunctionalProps, OakTeacherNotesInline, type OakTeacherNotesInlineProps, OakTeacherNotesModal, type OakTeacherNotesModalProps, OakTertiaryButton, OakTertiaryInvertedButton, OakTertiaryOLNav, type OakTertiaryOLNavProps, OakTextArea, type OakTextAreaProps, OakTextInput, type OakTextInputProps, type OakTheme, OakThemeProvider, type OakThemeProviderProps, OakTimer, type OakTimerProps, OakToast, type OakToastProps, OakTooltip, type OakTooltipProps, type OakTransitionToken, OakTypography, type OakTypographyProps, OakUL, type OakULProps, type OakUiRoleToken, OakUnitListItem, type OakUnitListItemProps, OakUnitListOptionalityItem, OakUnitListOptionalityItemCard, type OakUnitListOptionalityItemCardProps, type OakUnitListOptionalityItemProps, OakVideoTranscript, type OakZIndexToken, type Phase$1 as Phase, type PolicyConsent, type PupilJourneySectionName, RadioContext, ReviewItemContainer, ReviewItemTitleSection, StyledMediaClipImage, type Subject, type Tier, type TileItem, UnstyledChevronAccordion, type UnstyledChevronAccordionProps, announcements, bannerTypes, bannerVariants, colorSchemes, formatTimeCode, generateOakIconURL, getBackgroundUrlForSection, getDefaultContextState, installMockIntersectionObserver, installMockResizeObserver, isTileItem, isValidIconName, lessonSectionNames, oakAllSpacingTokens, oakBorderRadiusTokens, oakBorderWidthTokens, oakBoxCss, oakColorTokens, oakDarkTheme, oakDefaultTheme, oakDropShadowTokens, oakFlexCss, oakFontSizeTokens, oakFontTokens, oakHeadingTags, oakIconNames, oakInnerPaddingTokens, oakLIDefaults, oakOpacityTokens, oakPlaceholder, oakSpaceBetweenTokens, oakTransitionTokens, oakUiRoleTokens, oakZIndexTokens, parseBorder, parseBorderRadius, parseColor, parseColorFilter, parseDropShadow, parseFontSize, parseFontWeight, parseLetterSpacing, parseLineHeight, parseOpacity, parseSpacing, parseTransitions, parseZIndex, placeholderStyles, removedGuidanceDuplicates, rgbToHex, useBreakpoint, useCookieConsent, useDevice, useIsScrolled, useMediaQuery, useMounted };
|