@ndla/ui 50.1.6 → 50.2.0

package/es/Gloss/GlossExample.js

@@ -0,0 +1,62 @@
+import _styled from "@emotion/styled/base";
+/**
+ * Copyright (c) 2023-present, NDLA.
+ *
+ * This source code is licensed under the GPLv3 license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ */
+
+import { colors, spacing, fonts } from '@ndla/core';
+import { Text } from '@ndla/typography';
+import { jsx as _jsx } from "@emotion/react/jsx-runtime";
+import { jsxs as _jsxs } from "@emotion/react/jsx-runtime";
+const StyledGlossExampleWrapper = /*#__PURE__*/_styled("div", {
+  target: "ess9y4n2",
+  label: "StyledGlossExampleWrapper"
+})("&[data-is-standalone='true']{&:first-of-type{border-top:1px solid ", colors.brand.lighter, ";}}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkdsb3NzRXhhbXBsZS50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBb0I0QyIsImZpbGUiOiJHbG9zc0V4YW1wbGUudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiLyoqXG4gKiBDb3B5cmlnaHQgKGMpIDIwMjMtcHJlc2VudCwgTkRMQS5cbiAqXG4gKiBUaGlzIHNvdXJjZSBjb2RlIGlzIGxpY2Vuc2VkIHVuZGVyIHRoZSBHUEx2MyBsaWNlbnNlIGZvdW5kIGluIHRoZVxuICogTElDRU5TRSBmaWxlIGluIHRoZSByb290IGRpcmVjdG9yeSBvZiB0aGlzIHNvdXJjZSB0cmVlLlxuICpcbiAqL1xuXG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5pbXBvcnQgeyBjb2xvcnMsIHNwYWNpbmcsIGZvbnRzIH0gZnJvbSAnQG5kbGEvY29yZSc7XG5pbXBvcnQgeyBJR2xvc3NFeGFtcGxlIH0gZnJvbSAnQG5kbGEvdHlwZXMtYmFja2VuZC9jb25jZXB0LWFwaSc7XG5pbXBvcnQgeyBUZXh0IH0gZnJvbSAnQG5kbGEvdHlwb2dyYXBoeSc7XG5cbmV4cG9ydCBpbnRlcmZhY2UgUHJvcHMge1xuICBleGFtcGxlOiBJR2xvc3NFeGFtcGxlO1xuICBvcmlnaW5hbExhbmd1YWdlOiBzdHJpbmcgfCB1bmRlZmluZWQ7XG4gIGluZGV4OiBudW1iZXI7XG4gIGlzU3RhbmRhbG9uZT86IGJvb2xlYW47XG59XG5cbmNvbnN0IFN0eWxlZEdsb3NzRXhhbXBsZVdyYXBwZXIgPSBzdHlsZWQuZGl2YFxuICAmW2RhdGEtaXMtc3RhbmRhbG9uZT0ndHJ1ZSddIHtcbiAgICAmOmZpcnN0LW9mLXR5cGUge1xuICAgICAgYm9yZGVyLXRvcDogMXB4IHNvbGlkICR7Y29sb3JzLmJyYW5kLmxpZ2h0ZXJ9O1xuICAgIH1cbiAgfVxuYDtcbmNvbnN0IFN0eWxlZEdsb3NzRXhhbXBsZSA9IHN0eWxlZC5kaXZgXG4gIHBhZGRpbmc6ICR7c3BhY2luZy5zbWFsbH0gMDtcbiAgcGFkZGluZy1sZWZ0OiAke3NwYWNpbmcubm9ybWFsfTtcbiAgYm9yZGVyOiAxcHggc29saWQgJHtjb2xvcnMuYnJhbmQubGlnaHRlcn07XG4gIGJvcmRlci10b3A6IG5vbmU7XG5cbiAgJltkYXRhLWlzLWZpcnN0PSd0cnVlJ10ge1xuICAgIGJhY2tncm91bmQtY29sb3I6ICR7Y29sb3JzLmJhY2tncm91bmQubGlnaHRCbHVlfTtcbiAgfVxuYDtcbmNvbnN0IFN0eWxlZFRleHQgPSBzdHlsZWQoVGV4dClgXG4gICZbZGF0YS1pcy1maXJzdD0ndHJ1ZSddIHtcbiAgICBmb250LXdlaWdodDogJHtmb250cy53ZWlnaHQuYm9sZH07XG4gICAgY29sb3I6ICR7Y29sb3JzLmJyYW5kLmRhcmt9O1xuICB9XG4gICZbZGF0YS1waW55aW5dIHtcbiAgICBmb250LXN0eWxlOiBpdGFsaWM7XG4gIH1cbmA7XG5cbmNvbnN0IEdsb3NzRXhhbXBsZSA9ICh7IGV4YW1wbGUsIG9yaWdpbmFsTGFuZ3VhZ2UsIGluZGV4LCBpc1N0YW5kYWxvbmUgPSBmYWxzZSB9OiBQcm9wcykgPT4ge1xuICByZXR1cm4gKFxuICAgIDxTdHlsZWRHbG9zc0V4YW1wbGVXcmFwcGVyIGRhdGEtaXMtc3RhbmRhbG9uZT17aXNTdGFuZGFsb25lfT5cbiAgICAgIDxTdHlsZWRHbG9zc0V4YW1wbGUgZGF0YS1pcy1maXJzdD17aW5kZXggPT09IDB9IGxhbmc9e2V4YW1wbGUubGFuZ3VhZ2V9PlxuICAgICAgICA8U3R5bGVkVGV4dCBkYXRhLWlzLWZpcnN0PXtpbmRleCA9PT0gMH0gdGV4dFN0eWxlPVwibWV0YS10ZXh0LW1lZGl1bVwiIG1hcmdpbj1cIm5vbmVcIj5cbiAgICAgICAgICB7ZXhhbXBsZS5leGFtcGxlfVxuICAgICAgICA8L1N0eWxlZFRleHQ+XG4gICAgICA8L1N0eWxlZEdsb3NzRXhhbXBsZT5cblxuICAgICAge2V4YW1wbGUudHJhbnNjcmlwdGlvbnMucGlueWluICYmIChcbiAgICAgICAgPFN0eWxlZEdsb3NzRXhhbXBsZSBsYW5nPXtvcmlnaW5hbExhbmd1YWdlfT5cbiAgICAgICAgICA8U3R5bGVkVGV4dCBkYXRhLXBpbnlpbj1cIlwiIHRleHRTdHlsZT1cIm1ldGEtdGV4dC1tZWRpdW1cIiBtYXJnaW49XCJub25lXCI+XG4gICAgICAgICAgICB7ZXhhbXBsZS50cmFuc2NyaXB0aW9ucz8ucGlueWlufVxuICAgICAgICAgIDwvU3R5bGVkVGV4dD5cbiAgICAgICAgPC9TdHlsZWRHbG9zc0V4YW1wbGU+XG4gICAgICApfVxuICAgICAge2V4YW1wbGUudHJhbnNjcmlwdGlvbnMudHJhZGl0aW9uYWwgJiYgKFxuICAgICAgICA8U3R5bGVkR2xvc3NFeGFtcGxlIGxhbmc9e29yaWdpbmFsTGFuZ3VhZ2V9PlxuICAgICAgICAgIDxTdHlsZWRUZXh0IHRleHRTdHlsZT1cIm1ldGEtdGV4dC1tZWRpdW1cIiBtYXJnaW49XCJub25lXCI+XG4gICAgICAgICAgICB7ZXhhbXBsZS50cmFuc2NyaXB0aW9ucz8udHJhZGl0aW9uYWx9XG4gICAgICAgICAgPC9TdHlsZWRUZXh0PlxuICAgICAgICA8L1N0eWxlZEdsb3NzRXhhbXBsZT5cbiAgICAgICl9XG4gICAgPC9TdHlsZWRHbG9zc0V4YW1wbGVXcmFwcGVyPlxuICApO1xufTtcblxuZXhwb3J0IGRlZmF1bHQgR2xvc3NFeGFtcGxlO1xuIl19 */"));
+const StyledGlossExample = /*#__PURE__*/_styled("div", {
+  target: "ess9y4n1",
+  label: "StyledGlossExample"
+})("padding:", spacing.small, " 0;padding-left:", spacing.normal, ";border:1px solid ", colors.brand.lighter, ";border-top:none;&[data-is-first='true']{background-color:", colors.background.lightBlue, ";}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkdsb3NzRXhhbXBsZS50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBMkJxQyIsImZpbGUiOiJHbG9zc0V4YW1wbGUudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiLyoqXG4gKiBDb3B5cmlnaHQgKGMpIDIwMjMtcHJlc2VudCwgTkRMQS5cbiAqXG4gKiBUaGlzIHNvdXJjZSBjb2RlIGlzIGxpY2Vuc2VkIHVuZGVyIHRoZSBHUEx2MyBsaWNlbnNlIGZvdW5kIGluIHRoZVxuICogTElDRU5TRSBmaWxlIGluIHRoZSByb290IGRpcmVjdG9yeSBvZiB0aGlzIHNvdXJjZSB0cmVlLlxuICpcbiAqL1xuXG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5pbXBvcnQgeyBjb2xvcnMsIHNwYWNpbmcsIGZvbnRzIH0gZnJvbSAnQG5kbGEvY29yZSc7XG5pbXBvcnQgeyBJR2xvc3NFeGFtcGxlIH0gZnJvbSAnQG5kbGEvdHlwZXMtYmFja2VuZC9jb25jZXB0LWFwaSc7XG5pbXBvcnQgeyBUZXh0IH0gZnJvbSAnQG5kbGEvdHlwb2dyYXBoeSc7XG5cbmV4cG9ydCBpbnRlcmZhY2UgUHJvcHMge1xuICBleGFtcGxlOiBJR2xvc3NFeGFtcGxlO1xuICBvcmlnaW5hbExhbmd1YWdlOiBzdHJpbmcgfCB1bmRlZmluZWQ7XG4gIGluZGV4OiBudW1iZXI7XG4gIGlzU3RhbmRhbG9uZT86IGJvb2xlYW47XG59XG5cbmNvbnN0IFN0eWxlZEdsb3NzRXhhbXBsZVdyYXBwZXIgPSBzdHlsZWQuZGl2YFxuICAmW2RhdGEtaXMtc3RhbmRhbG9uZT0ndHJ1ZSddIHtcbiAgICAmOmZpcnN0LW9mLXR5cGUge1xuICAgICAgYm9yZGVyLXRvcDogMXB4IHNvbGlkICR7Y29sb3JzLmJyYW5kLmxpZ2h0ZXJ9O1xuICAgIH1cbiAgfVxuYDtcbmNvbnN0IFN0eWxlZEdsb3NzRXhhbXBsZSA9IHN0eWxlZC5kaXZgXG4gIHBhZGRpbmc6ICR7c3BhY2luZy5zbWFsbH0gMDtcbiAgcGFkZGluZy1sZWZ0OiAke3NwYWNpbmcubm9ybWFsfTtcbiAgYm9yZGVyOiAxcHggc29saWQgJHtjb2xvcnMuYnJhbmQubGlnaHRlcn07XG4gIGJvcmRlci10b3A6IG5vbmU7XG5cbiAgJltkYXRhLWlzLWZpcnN0PSd0cnVlJ10ge1xuICAgIGJhY2tncm91bmQtY29sb3I6ICR7Y29sb3JzLmJhY2tncm91bmQubGlnaHRCbHVlfTtcbiAgfVxuYDtcbmNvbnN0IFN0eWxlZFRleHQgPSBzdHlsZWQoVGV4dClgXG4gICZbZGF0YS1pcy1maXJzdD0ndHJ1ZSddIHtcbiAgICBmb250LXdlaWdodDogJHtmb250cy53ZWlnaHQuYm9sZH07XG4gICAgY29sb3I6ICR7Y29sb3JzLmJyYW5kLmRhcmt9O1xuICB9XG4gICZbZGF0YS1waW55aW5dIHtcbiAgICBmb250LXN0eWxlOiBpdGFsaWM7XG4gIH1cbmA7XG5cbmNvbnN0IEdsb3NzRXhhbXBsZSA9ICh7IGV4YW1wbGUsIG9yaWdpbmFsTGFuZ3VhZ2UsIGluZGV4LCBpc1N0YW5kYWxvbmUgPSBmYWxzZSB9OiBQcm9wcykgPT4ge1xuICByZXR1cm4gKFxuICAgIDxTdHlsZWRHbG9zc0V4YW1wbGVXcmFwcGVyIGRhdGEtaXMtc3RhbmRhbG9uZT17aXNTdGFuZGFsb25lfT5cbiAgICAgIDxTdHlsZWRHbG9zc0V4YW1wbGUgZGF0YS1pcy1maXJzdD17aW5kZXggPT09IDB9IGxhbmc9e2V4YW1wbGUubGFuZ3VhZ2V9PlxuICAgICAgICA8U3R5bGVkVGV4dCBkYXRhLWlzLWZpcnN0PXtpbmRleCA9PT0gMH0gdGV4dFN0eWxlPVwibWV0YS10ZXh0LW1lZGl1bVwiIG1hcmdpbj1cIm5vbmVcIj5cbiAgICAgICAgICB7ZXhhbXBsZS5leGFtcGxlfVxuICAgICAgICA8L1N0eWxlZFRleHQ+XG4gICAgICA8L1N0eWxlZEdsb3NzRXhhbXBsZT5cblxuICAgICAge2V4YW1wbGUudHJhbnNjcmlwdGlvbnMucGlueWluICYmIChcbiAgICAgICAgPFN0eWxlZEdsb3NzRXhhbXBsZSBsYW5nPXtvcmlnaW5hbExhbmd1YWdlfT5cbiAgICAgICAgICA8U3R5bGVkVGV4dCBkYXRhLXBpbnlpbj1cIlwiIHRleHRTdHlsZT1cIm1ldGEtdGV4dC1tZWRpdW1cIiBtYXJnaW49XCJub25lXCI+XG4gICAgICAgICAgICB7ZXhhbXBsZS50cmFuc2NyaXB0aW9ucz8ucGlueWlufVxuICAgICAgICAgIDwvU3R5bGVkVGV4dD5cbiAgICAgICAgPC9TdHlsZWRHbG9zc0V4YW1wbGU+XG4gICAgICApfVxuICAgICAge2V4YW1wbGUudHJhbnNjcmlwdGlvbnMudHJhZGl0aW9uYWwgJiYgKFxuICAgICAgICA8U3R5bGVkR2xvc3NFeGFtcGxlIGxhbmc9e29yaWdpbmFsTGFuZ3VhZ2V9PlxuICAgICAgICAgIDxTdHlsZWRUZXh0IHRleHRTdHlsZT1cIm1ldGEtdGV4dC1tZWRpdW1cIiBtYXJnaW49XCJub25lXCI+XG4gICAgICAgICAgICB7ZXhhbXBsZS50cmFuc2NyaXB0aW9ucz8udHJhZGl0aW9uYWx9XG4gICAgICAgICAgPC9TdHlsZWRUZXh0PlxuICAgICAgICA8L1N0eWxlZEdsb3NzRXhhbXBsZT5cbiAgICAgICl9XG4gICAgPC9TdHlsZWRHbG9zc0V4YW1wbGVXcmFwcGVyPlxuICApO1xufTtcblxuZXhwb3J0IGRlZmF1bHQgR2xvc3NFeGFtcGxlO1xuIl19 */"));
+const StyledText = /*#__PURE__*/_styled(Text, {
+  target: "ess9y4n0",
+  label: "StyledText"
+})("&[data-is-first='true']{font-weight:", fonts.weight.bold, ";color:", colors.brand.dark, ";}&[data-pinyin]{font-style:italic;}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkdsb3NzRXhhbXBsZS50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBcUMrQiIsImZpbGUiOiJHbG9zc0V4YW1wbGUudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiLyoqXG4gKiBDb3B5cmlnaHQgKGMpIDIwMjMtcHJlc2VudCwgTkRMQS5cbiAqXG4gKiBUaGlzIHNvdXJjZSBjb2RlIGlzIGxpY2Vuc2VkIHVuZGVyIHRoZSBHUEx2MyBsaWNlbnNlIGZvdW5kIGluIHRoZVxuICogTElDRU5TRSBmaWxlIGluIHRoZSByb290IGRpcmVjdG9yeSBvZiB0aGlzIHNvdXJjZSB0cmVlLlxuICpcbiAqL1xuXG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5pbXBvcnQgeyBjb2xvcnMsIHNwYWNpbmcsIGZvbnRzIH0gZnJvbSAnQG5kbGEvY29yZSc7XG5pbXBvcnQgeyBJR2xvc3NFeGFtcGxlIH0gZnJvbSAnQG5kbGEvdHlwZXMtYmFja2VuZC9jb25jZXB0LWFwaSc7XG5pbXBvcnQgeyBUZXh0IH0gZnJvbSAnQG5kbGEvdHlwb2dyYXBoeSc7XG5cbmV4cG9ydCBpbnRlcmZhY2UgUHJvcHMge1xuICBleGFtcGxlOiBJR2xvc3NFeGFtcGxlO1xuICBvcmlnaW5hbExhbmd1YWdlOiBzdHJpbmcgfCB1bmRlZmluZWQ7XG4gIGluZGV4OiBudW1iZXI7XG4gIGlzU3RhbmRhbG9uZT86IGJvb2xlYW47XG59XG5cbmNvbnN0IFN0eWxlZEdsb3NzRXhhbXBsZVdyYXBwZXIgPSBzdHlsZWQuZGl2YFxuICAmW2RhdGEtaXMtc3RhbmRhbG9uZT0ndHJ1ZSddIHtcbiAgICAmOmZpcnN0LW9mLXR5cGUge1xuICAgICAgYm9yZGVyLXRvcDogMXB4IHNvbGlkICR7Y29sb3JzLmJyYW5kLmxpZ2h0ZXJ9O1xuICAgIH1cbiAgfVxuYDtcbmNvbnN0IFN0eWxlZEdsb3NzRXhhbXBsZSA9IHN0eWxlZC5kaXZgXG4gIHBhZGRpbmc6ICR7c3BhY2luZy5zbWFsbH0gMDtcbiAgcGFkZGluZy1sZWZ0OiAke3NwYWNpbmcubm9ybWFsfTtcbiAgYm9yZGVyOiAxcHggc29saWQgJHtjb2xvcnMuYnJhbmQubGlnaHRlcn07XG4gIGJvcmRlci10b3A6IG5vbmU7XG5cbiAgJltkYXRhLWlzLWZpcnN0PSd0cnVlJ10ge1xuICAgIGJhY2tncm91bmQtY29sb3I6ICR7Y29sb3JzLmJhY2tncm91bmQubGlnaHRCbHVlfTtcbiAgfVxuYDtcbmNvbnN0IFN0eWxlZFRleHQgPSBzdHlsZWQoVGV4dClgXG4gICZbZGF0YS1pcy1maXJzdD0ndHJ1ZSddIHtcbiAgICBmb250LXdlaWdodDogJHtmb250cy53ZWlnaHQuYm9sZH07XG4gICAgY29sb3I6ICR7Y29sb3JzLmJyYW5kLmRhcmt9O1xuICB9XG4gICZbZGF0YS1waW55aW5dIHtcbiAgICBmb250LXN0eWxlOiBpdGFsaWM7XG4gIH1cbmA7XG5cbmNvbnN0IEdsb3NzRXhhbXBsZSA9ICh7IGV4YW1wbGUsIG9yaWdpbmFsTGFuZ3VhZ2UsIGluZGV4LCBpc1N0YW5kYWxvbmUgPSBmYWxzZSB9OiBQcm9wcykgPT4ge1xuICByZXR1cm4gKFxuICAgIDxTdHlsZWRHbG9zc0V4YW1wbGVXcmFwcGVyIGRhdGEtaXMtc3RhbmRhbG9uZT17aXNTdGFuZGFsb25lfT5cbiAgICAgIDxTdHlsZWRHbG9zc0V4YW1wbGUgZGF0YS1pcy1maXJzdD17aW5kZXggPT09IDB9IGxhbmc9e2V4YW1wbGUubGFuZ3VhZ2V9PlxuICAgICAgICA8U3R5bGVkVGV4dCBkYXRhLWlzLWZpcnN0PXtpbmRleCA9PT0gMH0gdGV4dFN0eWxlPVwibWV0YS10ZXh0LW1lZGl1bVwiIG1hcmdpbj1cIm5vbmVcIj5cbiAgICAgICAgICB7ZXhhbXBsZS5leGFtcGxlfVxuICAgICAgICA8L1N0eWxlZFRleHQ+XG4gICAgICA8L1N0eWxlZEdsb3NzRXhhbXBsZT5cblxuICAgICAge2V4YW1wbGUudHJhbnNjcmlwdGlvbnMucGlueWluICYmIChcbiAgICAgICAgPFN0eWxlZEdsb3NzRXhhbXBsZSBsYW5nPXtvcmlnaW5hbExhbmd1YWdlfT5cbiAgICAgICAgICA8U3R5bGVkVGV4dCBkYXRhLXBpbnlpbj1cIlwiIHRleHRTdHlsZT1cIm1ldGEtdGV4dC1tZWRpdW1cIiBtYXJnaW49XCJub25lXCI+XG4gICAgICAgICAgICB7ZXhhbXBsZS50cmFuc2NyaXB0aW9ucz8ucGlueWlufVxuICAgICAgICAgIDwvU3R5bGVkVGV4dD5cbiAgICAgICAgPC9TdHlsZWRHbG9zc0V4YW1wbGU+XG4gICAgICApfVxuICAgICAge2V4YW1wbGUudHJhbnNjcmlwdGlvbnMudHJhZGl0aW9uYWwgJiYgKFxuICAgICAgICA8U3R5bGVkR2xvc3NFeGFtcGxlIGxhbmc9e29yaWdpbmFsTGFuZ3VhZ2V9PlxuICAgICAgICAgIDxTdHlsZWRUZXh0IHRleHRTdHlsZT1cIm1ldGEtdGV4dC1tZWRpdW1cIiBtYXJnaW49XCJub25lXCI+XG4gICAgICAgICAgICB7ZXhhbXBsZS50cmFuc2NyaXB0aW9ucz8udHJhZGl0aW9uYWx9XG4gICAgICAgICAgPC9TdHlsZWRUZXh0PlxuICAgICAgICA8L1N0eWxlZEdsb3NzRXhhbXBsZT5cbiAgICAgICl9XG4gICAgPC9TdHlsZWRHbG9zc0V4YW1wbGVXcmFwcGVyPlxuICApO1xufTtcblxuZXhwb3J0IGRlZmF1bHQgR2xvc3NFeGFtcGxlO1xuIl19 */"));
+const GlossExample = _ref => {
+  let {
+    example,
+    originalLanguage,
+    index,
+    isStandalone = false
+  } = _ref;
+  return _jsxs(StyledGlossExampleWrapper, {
+    "data-is-standalone": isStandalone,
+    children: [_jsx(StyledGlossExample, {
+      "data-is-first": index === 0,
+      lang: example.language,
+      children: _jsx(StyledText, {
+        "data-is-first": index === 0,
+        textStyle: "meta-text-medium",
+        margin: "none",
+        children: example.example
+      })
+    }), example.transcriptions.pinyin && _jsx(StyledGlossExample, {
+      lang: originalLanguage,
+      children: _jsx(StyledText, {
+        "data-pinyin": "",
+        textStyle: "meta-text-medium",
+        margin: "none",
+        children: example.transcriptions?.pinyin
+      })
+    }), example.transcriptions.traditional && _jsx(StyledGlossExample, {
+      lang: originalLanguage,
+      children: _jsx(StyledText, {
+        textStyle: "meta-text-medium",
+        margin: "none",
+        children: example.transcriptions?.traditional
+      })
+    })]
+  });
+};
+export default GlossExample;

package/es/Gloss/index.js

@@ -6,4 +6,5 @@
  *
  */
 
-export { default as Gloss } from './Gloss';
+export { default as Gloss } from './Gloss';
+export { default as GlossExample } from './GlossExample';