wix-storybook-utils
Version:
Utilities for automated component documentation within Storybook
8 lines • 1.83 kB
JavaScript
"use strict";
Object.defineProperty(exports, "__esModule", { value: true });
exports._secondary = exports._light = exports._weight = exports._size = void 0;
exports._size = "\n<StorybookComponents.Stack flexDirection=\"column\">\n <Text size=\"medium\">\n Size medium is a default size that's used most of the time.\n </Text>\n <Text size=\"small\">\n Small size is used where medium doesn't fit or content is less important.\n </Text>\n <Text size=\"tiny\">\n Tiny size is used when there's no space or it's the last thing users need to\n see.\n </Text>\n</StorybookComponents.Stack>;\n";
exports._weight = "\n<StorybookComponents.Stack flexDirection=\"column\">\n <Text weight=\"bold\">\n Bold weight is meant to emphasize running text.\n </Text>\n <Text weight=\"normal\">\n Normal weight is for form field values and buttons.\n </Text>\n <Text weight=\"thin\">\n Thin weight is for a running text. All major paragraphs use it.\n </Text> \n</StorybookComponents.Stack>;\n";
exports._light = "\n<StorybookComponents.Stack flexDirection=\"column\">\n <Text>Dark text is used on light backgrounds.</Text>\n <StorybookComponents.Background skin=\"dark\">\n <Text light>Light text is used on dark backgrounds.</Text>\n </StorybookComponents.Background>\n</StorybookComponents.Stack>;\n";
exports._secondary = "\n<StorybookComponents.Stack flexDirection=\"column\">\n <Text skin=\"standard\" secondary>\n Dark secondary text is used where it's less important than standard text.\n </Text>\n <StorybookComponents.Background skin=\"dark\">\n <Text light secondary>\n Light secondary text also serves as neutral content just on a dark\n background.\n </Text>\n </StorybookComponents.Background>\n</StorybookComponents.Stack>;\n";
//# sourceMappingURL=Text.examples.js.map