@pingux/astro 2.101.0 → 2.102.0-alpha.0
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.
| @@ -2,5 +2,5 @@ import { StoryFn } from '@storybook/react'; | |
| 2 2 | 
             
            declare const _default: import("@storybook/types").ComponentAnnotations<import("@storybook/react/dist/types-0a347bb9").R, import("@storybook/types").Args>;
         | 
| 3 3 | 
             
            export default _default;
         | 
| 4 4 | 
             
            export declare const Default: StoryFn;
         | 
| 5 | 
            -
            export declare const  | 
| 6 | 
            -
            export declare const  | 
| 5 | 
            +
            export declare const CustomWidth: StoryFn;
         | 
| 6 | 
            +
            export declare const CustomStyle: StoryFn;
         | 
| @@ -5,7 +5,7 @@ var _interopRequireDefault = require("@babel/runtime-corejs3/helpers/interopRequ | |
| 5 5 | 
             
            _Object$defineProperty(exports, "__esModule", {
         | 
| 6 6 | 
             
              value: true
         | 
| 7 7 | 
             
            });
         | 
| 8 | 
            -
            exports["default"] = exports. | 
| 8 | 
            +
            exports["default"] = exports.Default = exports.CustomWidth = exports.CustomStyle = void 0;
         | 
| 9 9 | 
             
            var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/slicedToArray"));
         | 
| 10 10 | 
             
            var _map = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/map"));
         | 
| 11 11 | 
             
            var _entries = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/object/entries"));
         | 
| @@ -154,11 +154,12 @@ var Default = function Default() { | |
| 154 154 | 
             
              };
         | 
| 155 155 | 
             
              var baseAndSubtitleVariants = {
         | 
| 156 156 | 
             
                'Base (default variant of Text)': {
         | 
| 157 | 
            -
                  weight: fontWeights[ | 
| 157 | 
            +
                  weight: fontWeights[0],
         | 
| 158 158 | 
             
                  fontSize: fontSizes.md,
         | 
| 159 159 | 
             
                  color: 'text.primary',
         | 
| 160 160 | 
             
                  example: (0, _react2.jsx)(_index.Text, {
         | 
| 161 | 
            -
                    variant: "base"
         | 
| 161 | 
            +
                    variant: "base",
         | 
| 162 | 
            +
                    fontWeight: "0"
         | 
| 162 163 | 
             
                  }, '<Text variant="base"/>')
         | 
| 163 164 | 
             
                },
         | 
| 164 165 | 
             
                Subtitle: {
         | 
| @@ -352,13 +353,13 @@ var Default = function Default() { | |
| 352 353 | 
             
                  width: "60%"
         | 
| 353 354 | 
             
                }, (0, _react2.jsx)(_index.Text, null, key)), (0, _react2.jsx)(_index.TableCell, {
         | 
| 354 355 | 
             
                  sx: sx.cell,
         | 
| 355 | 
            -
                  width: " | 
| 356 | 
            +
                  width: "20%"
         | 
| 356 357 | 
             
                }, (0, _react2.jsx)(_index.Text, null, value.weight)), (0, _react2.jsx)(_index.TableCell, {
         | 
| 357 358 | 
             
                  sx: sx.cell,
         | 
| 358 | 
            -
                  width: " | 
| 359 | 
            +
                  width: "30%"
         | 
| 359 360 | 
             
                }, (0, _react2.jsx)(_index.Text, null, value.fontSize)), (0, _react2.jsx)(_index.TableCell, {
         | 
| 360 361 | 
             
                  sx: sx.cell,
         | 
| 361 | 
            -
                  width: " | 
| 362 | 
            +
                  width: "40%"
         | 
| 362 363 | 
             
                }, (0, _react2.jsx)(_index.Text, null, value.color)), (0, _react2.jsx)(_index.TableCell, {
         | 
| 363 364 | 
             
                  sx: sx.cell
         | 
| 364 365 | 
             
                }, value.example));
         | 
| @@ -425,15 +426,15 @@ var Default = function Default() { | |
| 425 426 | 
             
              }))));
         | 
| 426 427 | 
             
            };
         | 
| 427 428 | 
             
            exports.Default = Default;
         | 
| 428 | 
            -
            var  | 
| 429 | 
            +
            var CustomWidth = function CustomWidth() {
         | 
| 429 430 | 
             
              return (0, _react2.jsx)(_index.Box, {
         | 
| 430 431 | 
             
                width: 200
         | 
| 431 432 | 
             
              }, (0, _react2.jsx)(_index.Text, {
         | 
| 432 433 | 
             
                p: "xl"
         | 
| 433 434 | 
             
              }, "superlongtextinonelinewithnowhitespacessoitcanbelongerthatanywidth"));
         | 
| 434 435 | 
             
            };
         | 
| 435 | 
            -
            exports. | 
| 436 | 
            -
            var  | 
| 436 | 
            +
            exports.CustomWidth = CustomWidth;
         | 
| 437 | 
            +
            var CustomStyle = function CustomStyle() {
         | 
| 437 438 | 
             
              var textProps = {
         | 
| 438 439 | 
             
                fontFamily: 'times',
         | 
| 439 440 | 
             
                fontSize: 'md',
         | 
| @@ -455,8 +456,8 @@ var TypographyStyleProps = function TypographyStyleProps() { | |
| 455 456 | 
             
                sx: textProps
         | 
| 456 457 | 
             
              }, loremText));
         | 
| 457 458 | 
             
            };
         | 
| 458 | 
            -
            exports. | 
| 459 | 
            -
             | 
| 459 | 
            +
            exports.CustomStyle = CustomStyle;
         | 
| 460 | 
            +
            CustomStyle.argTypes = {
         | 
| 460 461 | 
             
              variant: {
         | 
| 461 462 | 
             
                control: {
         | 
| 462 463 | 
             
                  type: 'none'
         | 
| @@ -145,11 +145,12 @@ export var Default = function Default() { | |
| 145 145 | 
             
              };
         | 
| 146 146 | 
             
              var baseAndSubtitleVariants = {
         | 
| 147 147 | 
             
                'Base (default variant of Text)': {
         | 
| 148 | 
            -
                  weight: fontWeights[ | 
| 148 | 
            +
                  weight: fontWeights[0],
         | 
| 149 149 | 
             
                  fontSize: fontSizes.md,
         | 
| 150 150 | 
             
                  color: 'text.primary',
         | 
| 151 151 | 
             
                  example: ___EmotionJSX(Text, {
         | 
| 152 | 
            -
                    variant: "base"
         | 
| 152 | 
            +
                    variant: "base",
         | 
| 153 | 
            +
                    fontWeight: "0"
         | 
| 153 154 | 
             
                  }, '<Text variant="base"/>')
         | 
| 154 155 | 
             
                },
         | 
| 155 156 | 
             
                Subtitle: {
         | 
| @@ -343,13 +344,13 @@ export var Default = function Default() { | |
| 343 344 | 
             
                  width: "60%"
         | 
| 344 345 | 
             
                }, ___EmotionJSX(Text, null, key)), ___EmotionJSX(TableCell, {
         | 
| 345 346 | 
             
                  sx: sx.cell,
         | 
| 346 | 
            -
                  width: " | 
| 347 | 
            +
                  width: "20%"
         | 
| 347 348 | 
             
                }, ___EmotionJSX(Text, null, value.weight)), ___EmotionJSX(TableCell, {
         | 
| 348 349 | 
             
                  sx: sx.cell,
         | 
| 349 | 
            -
                  width: " | 
| 350 | 
            +
                  width: "30%"
         | 
| 350 351 | 
             
                }, ___EmotionJSX(Text, null, value.fontSize)), ___EmotionJSX(TableCell, {
         | 
| 351 352 | 
             
                  sx: sx.cell,
         | 
| 352 | 
            -
                  width: " | 
| 353 | 
            +
                  width: "40%"
         | 
| 353 354 | 
             
                }, ___EmotionJSX(Text, null, value.color)), ___EmotionJSX(TableCell, {
         | 
| 354 355 | 
             
                  sx: sx.cell
         | 
| 355 356 | 
             
                }, value.example));
         | 
| @@ -415,14 +416,14 @@ export var Default = function Default() { | |
| 415 416 | 
             
                });
         | 
| 416 417 | 
             
              }))));
         | 
| 417 418 | 
             
            };
         | 
| 418 | 
            -
            export var  | 
| 419 | 
            +
            export var CustomWidth = function CustomWidth() {
         | 
| 419 420 | 
             
              return ___EmotionJSX(Box, {
         | 
| 420 421 | 
             
                width: 200
         | 
| 421 422 | 
             
              }, ___EmotionJSX(Text, {
         | 
| 422 423 | 
             
                p: "xl"
         | 
| 423 424 | 
             
              }, "superlongtextinonelinewithnowhitespacessoitcanbelongerthatanywidth"));
         | 
| 424 425 | 
             
            };
         | 
| 425 | 
            -
            export var  | 
| 426 | 
            +
            export var CustomStyle = function CustomStyle() {
         | 
| 426 427 | 
             
              var textProps = {
         | 
| 427 428 | 
             
                fontFamily: 'times',
         | 
| 428 429 | 
             
                fontSize: 'md',
         | 
| @@ -444,7 +445,7 @@ export var TypographyStyleProps = function TypographyStyleProps() { | |
| 444 445 | 
             
                sx: textProps
         | 
| 445 446 | 
             
              }, loremText));
         | 
| 446 447 | 
             
            };
         | 
| 447 | 
            -
             | 
| 448 | 
            +
            CustomStyle.argTypes = {
         | 
| 448 449 | 
             
              variant: {
         | 
| 449 450 | 
             
                control: {
         | 
| 450 451 | 
             
                  type: 'none'
         |