linkedunion-design-kit 1.5.2 → 1.5.4
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/app/layout.d.ts +1 -1
- package/dist/app/layout.js +7 -11
- package/dist/app/page.js +4 -10
- package/dist/index.d.ts +15 -12
- package/dist/index.js +15 -30
- package/dist/jest.config.js +15 -21
- package/dist/jest.setup.d.ts +0 -1
- package/dist/jest.setup.js +3 -12
- package/dist/{components/Color/TextColor/TextColor.stories.d.ts → src/components/Accordion/Accordion.stories.d.ts} +2 -2
- package/dist/src/components/Accordion/Accordion.stories.js +32 -0
- package/dist/{components → src/components}/Avatar/Avatar.d.ts +1 -1
- package/dist/src/components/Avatar/Avatar.js +12 -0
- package/dist/src/components/Avatar/Avatar.stories.js +43 -0
- package/dist/src/components/Avatar/Avatar.test.js +50 -0
- package/dist/src/components/Avatar/index.d.ts +32 -0
- package/dist/src/components/Avatar/index.js +32 -0
- package/dist/src/components/Avatar/type.d.ts +11 -0
- package/dist/src/components/Button/Button.d.ts +3 -0
- package/dist/src/components/Button/Button.js +7 -0
- package/dist/{components → src/components}/Button/Button.stories.d.ts +2 -1
- package/dist/src/components/Button/Button.stories.js +56 -0
- package/dist/src/components/Button/Button.test.js +62 -0
- package/dist/src/components/Button/IconButton.d.ts +3 -0
- package/dist/src/components/Button/IconButton.js +30 -0
- package/dist/src/components/Button/IconButton.stories.d.ts +4 -0
- package/dist/src/components/Button/IconButton.stories.js +53 -0
- package/dist/src/components/Button/IconButton.test.js +30 -0
- package/dist/src/components/Button/index.d.ts +39 -0
- package/dist/src/components/Button/index.js +39 -0
- package/dist/src/components/Button/type.d.ts +23 -0
- package/dist/src/components/ColorPicker/ColorPicker.d.ts +3 -0
- package/dist/src/components/ColorPicker/ColorPicker.js +27 -0
- package/dist/src/components/ColorPicker/ColorPicker.stories.d.ts +5 -0
- package/dist/src/components/ColorPicker/ColorPicker.stories.js +24 -0
- package/dist/src/components/ColorPicker/type.d.ts +4 -0
- package/dist/src/components/Colors/color.d.ts +4 -0
- package/dist/src/components/Colors/color.js +6 -0
- package/dist/src/components/Colors/color.stories.d.ts +7 -0
- package/dist/src/components/Colors/color.stories.js +32 -0
- package/dist/src/components/Colors/color.test.js +24 -0
- package/dist/src/components/EditorTooltip/EditorTooltip.d.ts +5 -0
- package/dist/src/components/EditorTooltip/EditorTooltip.js +9 -0
- package/dist/src/components/EditorTooltip/EditorTooltip.stories.d.ts +6 -0
- package/dist/src/components/EditorTooltip/EditorTooltip.stories.js +24 -0
- package/dist/{components → src/components}/Icons/IconList.test.js +18 -20
- package/dist/src/components/Icons/IconView.js +8 -0
- package/dist/{components → src/components}/Icons/IconView.stories.js +6 -9
- package/dist/src/components/Icons/LUIcon.d.ts +3 -0
- package/dist/src/components/Icons/LUIcon.js +32 -0
- package/dist/src/components/Icons/LUIcon.stories.js +44 -0
- package/dist/src/components/Icons/SingleIcon.test.js +67 -0
- package/dist/src/components/Icons/index.d.ts +16 -0
- package/dist/src/components/Icons/index.js +16 -0
- package/dist/src/components/Icons/type.d.ts +8 -0
- package/dist/src/components/ImageUploader/ImageUploader.stories.d.ts +6 -0
- package/dist/src/components/ImageUploader/ImageUploader.stories.js +18 -0
- package/dist/src/components/ImageUploader/type.d.ts +8 -0
- package/dist/src/components/Images/LuImage.d.ts +3 -0
- package/dist/{components/Typography/Body/Body.js → src/components/Images/LuImage.js} +8 -9
- package/dist/src/components/Images/LuImage.stories.d.ts +6 -0
- package/dist/src/components/Images/LuImage.stories.js +166 -0
- package/dist/src/components/Images/LuImage.test.d.ts +1 -0
- package/dist/src/components/Images/LuImage.test.js +56 -0
- package/dist/src/components/Images/index.d.ts +19 -0
- package/dist/src/components/Images/index.js +19 -0
- package/dist/src/components/Images/type.d.ts +7 -0
- package/dist/src/components/Images/type.js +1 -0
- package/dist/src/components/Input/Input.d.ts +3 -0
- package/dist/{components/Typography/Headings/Headings.js → src/components/Input/Input.js} +6 -9
- package/dist/src/components/Input/Input.stories.d.ts +5 -0
- package/dist/src/components/Input/Input.stories.js +46 -0
- package/dist/src/components/Input/index.d.ts +10 -0
- package/dist/src/components/Input/index.js +10 -0
- package/dist/src/components/Input/type.d.ts +8 -0
- package/dist/src/components/Input/type.js +1 -0
- package/dist/src/components/Label/Label.d.ts +3 -0
- package/dist/{components/Typography/Display/Display.js → src/components/Label/Label.js} +6 -9
- package/dist/src/components/Label/Label.stories.d.ts +5 -0
- package/dist/src/components/Label/Label.stories.js +36 -0
- package/dist/src/components/Label/type.d.ts +9 -0
- package/dist/src/components/Label/type.js +1 -0
- package/dist/src/components/MediaCard/Card.d.ts +3 -0
- package/dist/src/components/MediaCard/Card.js +45 -0
- package/dist/src/components/MediaCard/Card.stories.js +57 -0
- package/dist/src/components/MediaCard/Card.test.js +28 -0
- package/dist/{components → src/components}/MediaCard/ContactProfile/ContactProfile.d.ts +1 -1
- package/dist/src/components/MediaCard/ContactProfile/ContactProfile.js +27 -0
- package/dist/src/components/MediaCard/ContactProfile/ContactProfile.test.d.ts +1 -0
- package/dist/{components → src/components}/MediaCard/ContactProfile/ContactProfile.test.js +17 -13
- package/dist/{components → src/components}/MediaCard/ContactProfile/ContactProfileTheme1.d.ts +1 -1
- package/dist/src/components/MediaCard/ContactProfile/ContactProfileTheme1.js +8 -0
- package/dist/{components → src/components}/MediaCard/ContactProfile/ContactProfileTheme1.test.js +15 -38
- package/dist/{components → src/components}/MediaCard/ContactProfile/ContactProfileTheme2.d.ts +1 -1
- package/dist/src/components/MediaCard/ContactProfile/ContactProfileTheme2.js +8 -0
- package/dist/{components → src/components}/MediaCard/ContactProfile/ContactProfileTheme2.test.js +15 -38
- package/dist/{components → src/components}/MediaCard/PostByCategory/PostByCategory.d.ts +1 -1
- package/dist/src/components/MediaCard/PostByCategory/PostByCategory.js +31 -0
- package/dist/src/components/MediaCard/PostByCategory/PostByCategory.test.d.ts +1 -0
- package/dist/{components → src/components}/MediaCard/PostByCategory/PostByCategory.test.js +18 -13
- package/dist/{components → src/components}/MediaCard/PostByCategory/PostByCategoryTheme1.d.ts +1 -1
- package/dist/src/components/MediaCard/PostByCategory/PostByCategoryTheme1.js +8 -0
- package/dist/{components → src/components}/MediaCard/PostByCategory/PostByCategoryTheme1.test.js +15 -38
- package/dist/{components → src/components}/MediaCard/PostByCategory/PostByCategoryTheme2.d.ts +1 -1
- package/dist/src/components/MediaCard/PostByCategory/PostByCategoryTheme2.js +8 -0
- package/dist/{components → src/components}/MediaCard/PostByCategory/PostByCategoryTheme2.test.js +16 -39
- package/dist/{components → src/components}/MediaCard/index.js +2 -5
- package/dist/src/components/MediaCard/type.d.ts +26 -0
- package/dist/src/components/MediaCard/type.js +1 -0
- package/dist/src/components/Switch/Switch.d.ts +3 -0
- package/dist/src/components/Switch/Switch.js +7 -0
- package/dist/{components/Spacing/Padding/PaddingToken.stories.d.ts → src/components/Switch/Switch.stories.d.ts} +1 -1
- package/dist/src/components/Switch/Switch.stories.js +78 -0
- package/dist/src/components/Switch/type.d.ts +5 -0
- package/dist/src/components/Switch/type.js +1 -0
- package/dist/src/components/Title/Title.js +8 -0
- package/dist/src/components/Title/Title.module.css +43 -0
- package/dist/{components → src/components}/Title/Title.stories.js +9 -15
- package/dist/src/components/Title/Title.test.d.ts +1 -0
- package/dist/src/components/Title/Title.test.js +25 -0
- package/dist/src/components/Typography/Typography.d.ts +3 -0
- package/dist/src/components/Typography/Typography.js +29 -0
- package/dist/src/components/Typography/Typography.stories.d.ts +5 -0
- package/dist/src/components/Typography/Typography.stories.js +37 -0
- package/dist/src/components/Typography/type.d.ts +7 -0
- package/dist/src/components/Typography/type.js +1 -0
- package/dist/src/components/ui/accordion.d.ts +7 -0
- package/dist/src/components/ui/accordion.js +43 -0
- package/dist/src/components/ui/button.d.ts +10 -0
- package/dist/src/components/ui/button.js +54 -0
- package/dist/src/components/ui/imageUploader.d.ts +3 -0
- package/dist/src/components/ui/imageUploader.js +68 -0
- package/dist/src/components/ui/input.d.ts +3 -0
- package/dist/src/components/ui/input.js +29 -0
- package/dist/src/components/ui/label.d.ts +12 -0
- package/dist/src/components/ui/label.js +41 -0
- package/dist/src/components/ui/switch.d.ts +22 -0
- package/dist/src/components/ui/switch.js +70 -0
- package/dist/src/components/ui/tooltip.d.ts +7 -0
- package/dist/src/components/ui/tooltip.js +42 -0
- package/dist/src/components/ui/typography.d.ts +26 -0
- package/dist/src/components/ui/typography.js +65 -0
- package/dist/src/lib/utils.d.ts +2 -0
- package/dist/src/lib/utils.js +9 -0
- package/dist/src/utils/colors.d.ts +70 -0
- package/dist/src/utils/colors.js +70 -0
- package/dist/{utils → src/utils}/constants.d.ts +2 -0
- package/dist/src/utils/constants.js +4 -0
- package/dist/src/utils/enums.d.ts +9 -0
- package/dist/src/utils/enums.js +11 -0
- package/dist/{utils → src/utils}/iconList.js +6 -4
- package/dist/src/utils/index.d.ts +18 -0
- package/dist/src/utils/index.js +20 -0
- package/dist/styles/global.css +2739 -4141
- package/dist/tailwind.config.js +10 -178
- package/package.json +19 -7
- package/dist/.next/types/app/page.d.ts +0 -8
- package/dist/.next/types/app/page.js +0 -57
- package/dist/app/scripts.d.ts +0 -2
- package/dist/app/scripts.js +0 -16
- package/dist/components/Avatar/Avatar.js +0 -15
- package/dist/components/Avatar/Avatar.stories.js +0 -52
- package/dist/components/Avatar/Avatar.test.js +0 -54
- package/dist/components/Border/BorderRadius/BorderRadius.d.ts +0 -2
- package/dist/components/Border/BorderRadius/BorderRadius.js +0 -11
- package/dist/components/Border/BorderRadius/BorderRadius.stories.d.ts +0 -4
- package/dist/components/Border/BorderRadius/BorderRadius.stories.js +0 -38
- package/dist/components/Border/BorderRadius/BorderRadius.test.js +0 -25
- package/dist/components/Border/BorderRadius/BorderRadiusTable.d.ts +0 -1
- package/dist/components/Border/BorderRadius/BorderRadiusTable.js +0 -9
- package/dist/components/Border/BorderRadius/BorderRadiusView.d.ts +0 -2
- package/dist/components/Border/BorderRadius/BorderRadiusView.js +0 -9
- package/dist/components/Border/BorderWidth/BorderWidth.d.ts +0 -2
- package/dist/components/Border/BorderWidth/BorderWidth.js +0 -11
- package/dist/components/Border/BorderWidth/BorderWidth.stories.d.ts +0 -4
- package/dist/components/Border/BorderWidth/BorderWidth.stories.js +0 -38
- package/dist/components/Border/BorderWidth/BorderWidth.test.js +0 -25
- package/dist/components/Border/BorderWidth/BorderWidthTable.d.ts +0 -1
- package/dist/components/Border/BorderWidth/BorderWidthTable.js +0 -9
- package/dist/components/Border/BorderWidth/ViewBorderWidth.d.ts +0 -2
- package/dist/components/Border/BorderWidth/ViewBorderWidth.js +0 -9
- package/dist/components/Button/Button.d.ts +0 -3
- package/dist/components/Button/Button.js +0 -22
- package/dist/components/Button/Button.stories.js +0 -160
- package/dist/components/Button/Button.test.d.ts +0 -1
- package/dist/components/Button/Button.test.js +0 -54
- package/dist/components/Button/index.d.ts +0 -4
- package/dist/components/Button/index.js +0 -8
- package/dist/components/Color/BackgroundColor/BackgroundColor.d.ts +0 -2
- package/dist/components/Color/BackgroundColor/BackgroundColor.js +0 -9
- package/dist/components/Color/BackgroundColor/BackgroundColor.stories.d.ts +0 -10
- package/dist/components/Color/BackgroundColor/BackgroundColor.stories.js +0 -103
- package/dist/components/Color/BackgroundColor/BackgroundColor.test.js +0 -17
- package/dist/components/Color/BackgroundColor/index.d.ts +0 -7
- package/dist/components/Color/BackgroundColor/index.js +0 -18
- package/dist/components/Color/Color.test.d.ts +0 -1
- package/dist/components/Color/Color.test.js +0 -38
- package/dist/components/Color/TextColor/TextColor.d.ts +0 -3
- package/dist/components/Color/TextColor/TextColor.js +0 -9
- package/dist/components/Color/TextColor/TextColor.stories.js +0 -35
- package/dist/components/Color/TextColor/TextColor.test.d.ts +0 -1
- package/dist/components/Color/TextColor/TextColor.test.js +0 -43
- package/dist/components/Icons/IconView.js +0 -11
- package/dist/components/Icons/LUIcon.d.ts +0 -3
- package/dist/components/Icons/LUIcon.js +0 -11
- package/dist/components/Icons/LUIcon.stories.js +0 -56
- package/dist/components/Icons/SingleIcon.test.js +0 -53
- package/dist/components/Images/LuImage.d.ts +0 -3
- package/dist/components/Images/LuImage.js +0 -14
- package/dist/components/Images/LuImage.stories.d.ts +0 -4
- package/dist/components/Images/LuImage.stories.js +0 -53
- package/dist/components/Images/LuImage.test.d.ts +0 -1
- package/dist/components/Images/LuImage.test.js +0 -68
- package/dist/components/MediaCard/Card.d.ts +0 -3
- package/dist/components/MediaCard/Card.js +0 -48
- package/dist/components/MediaCard/Card.stories.js +0 -61
- package/dist/components/MediaCard/Card.test.js +0 -33
- package/dist/components/MediaCard/ContactProfile/ContactProfile.js +0 -27
- package/dist/components/MediaCard/ContactProfile/ContactProfileTheme1.js +0 -16
- package/dist/components/MediaCard/ContactProfile/ContactProfileTheme2.js +0 -16
- package/dist/components/MediaCard/PostByCategory/PostByCategory.js +0 -27
- package/dist/components/MediaCard/PostByCategory/PostByCategoryTheme1.js +0 -16
- package/dist/components/MediaCard/PostByCategory/PostByCategoryTheme2.js +0 -16
- package/dist/components/MediaCard/card.module.css +0 -52
- package/dist/components/Size/MinWidthHeight.d.ts +0 -3
- package/dist/components/Size/MinWidthHeight.js +0 -8
- package/dist/components/Size/MinWidthHeight.stories.d.ts +0 -5
- package/dist/components/Size/MinWidthHeight.stories.js +0 -46
- package/dist/components/Size/MinWidthHeight.test.d.ts +0 -1
- package/dist/components/Size/MinWidthHeight.test.js +0 -34
- package/dist/components/Size/Size.d.ts +0 -4
- package/dist/components/Size/Size.js +0 -10
- package/dist/components/Size/Size.stories.d.ts +0 -6
- package/dist/components/Size/Size.stories.js +0 -35
- package/dist/components/Size/Size.test.d.ts +0 -1
- package/dist/components/Size/Size.test.js +0 -73
- package/dist/components/Size/WidthAndHeight.test.d.ts +0 -1
- package/dist/components/Size/WidthAndHeight.test.js +0 -34
- package/dist/components/Size/WidthHeight.d.ts +0 -3
- package/dist/components/Size/WidthHeight.js +0 -8
- package/dist/components/Size/WidthHeight.stories.d.ts +0 -5
- package/dist/components/Size/WidthHeight.stories.js +0 -46
- package/dist/components/Spacing/Margin/Margin.d.ts +0 -1
- package/dist/components/Spacing/Margin/Margin.js +0 -9
- package/dist/components/Spacing/Margin/MarginBottom.d.ts +0 -1
- package/dist/components/Spacing/Margin/MarginBottom.js +0 -9
- package/dist/components/Spacing/Margin/MarginLeft.d.ts +0 -1
- package/dist/components/Spacing/Margin/MarginLeft.js +0 -9
- package/dist/components/Spacing/Margin/MarginRight.d.ts +0 -1
- package/dist/components/Spacing/Margin/MarginRight.js +0 -9
- package/dist/components/Spacing/Margin/MarginToken.d.ts +0 -1
- package/dist/components/Spacing/Margin/MarginToken.js +0 -16
- package/dist/components/Spacing/Margin/MarginToken.stories.d.ts +0 -4
- package/dist/components/Spacing/Margin/MarginToken.stories.js +0 -22
- package/dist/components/Spacing/Margin/MarginToken.test.js +0 -22
- package/dist/components/Spacing/Margin/MarginTop.d.ts +0 -1
- package/dist/components/Spacing/Margin/MarginTop.js +0 -9
- package/dist/components/Spacing/Margin/MarginX.d.ts +0 -1
- package/dist/components/Spacing/Margin/MarginX.js +0 -9
- package/dist/components/Spacing/Margin/MarginY.d.ts +0 -1
- package/dist/components/Spacing/Margin/MarginY.js +0 -9
- package/dist/components/Spacing/Padding/Padding.d.ts +0 -1
- package/dist/components/Spacing/Padding/Padding.js +0 -9
- package/dist/components/Spacing/Padding/PaddingBottom.d.ts +0 -1
- package/dist/components/Spacing/Padding/PaddingBottom.js +0 -9
- package/dist/components/Spacing/Padding/PaddingLeft.d.ts +0 -1
- package/dist/components/Spacing/Padding/PaddingLeft.js +0 -9
- package/dist/components/Spacing/Padding/PaddingRight.d.ts +0 -1
- package/dist/components/Spacing/Padding/PaddingRight.js +0 -9
- package/dist/components/Spacing/Padding/PaddingToken.d.ts +0 -1
- package/dist/components/Spacing/Padding/PaddingToken.js +0 -16
- package/dist/components/Spacing/Padding/PaddingToken.stories.js +0 -22
- package/dist/components/Spacing/Padding/PaddingToken.test.js +0 -22
- package/dist/components/Spacing/Padding/PaddingTop.d.ts +0 -1
- package/dist/components/Spacing/Padding/PaddingTop.js +0 -9
- package/dist/components/Spacing/Padding/PaddingX.d.ts +0 -1
- package/dist/components/Spacing/Padding/PaddingX.js +0 -9
- package/dist/components/Spacing/Padding/PaddingY.d.ts +0 -1
- package/dist/components/Spacing/Padding/PaddingY.js +0 -9
- package/dist/components/Title/Title.js +0 -13
- package/dist/components/Title/Title.module.css +0 -56
- package/dist/components/Title/Title.test.js +0 -30
- package/dist/components/Typography/Body/Body.d.ts +0 -3
- package/dist/components/Typography/Body/Body.stories.d.ts +0 -6
- package/dist/components/Typography/Body/Body.stories.js +0 -75
- package/dist/components/Typography/Body/body.test.d.ts +0 -1
- package/dist/components/Typography/Body/body.test.js +0 -49
- package/dist/components/Typography/Body/index.d.ts +0 -14
- package/dist/components/Typography/Body/index.js +0 -53
- package/dist/components/Typography/Body/type.d.ts +0 -7
- package/dist/components/Typography/Body/type.js +0 -2
- package/dist/components/Typography/Display/Display.d.ts +0 -3
- package/dist/components/Typography/Display/Display.stories.d.ts +0 -6
- package/dist/components/Typography/Display/Display.stories.js +0 -79
- package/dist/components/Typography/Display/Display.test.d.ts +0 -1
- package/dist/components/Typography/Display/Display.test.js +0 -49
- package/dist/components/Typography/Display/index.d.ts +0 -38
- package/dist/components/Typography/Display/index.js +0 -64
- package/dist/components/Typography/Display/type.d.ts +0 -8
- package/dist/components/Typography/Display/type.js +0 -2
- package/dist/components/Typography/Headings/Heading.test.d.ts +0 -1
- package/dist/components/Typography/Headings/Heading.test.js +0 -49
- package/dist/components/Typography/Headings/Headings.d.ts +0 -3
- package/dist/components/Typography/Headings/Headings.stories.d.ts +0 -6
- package/dist/components/Typography/Headings/Headings.stories.js +0 -69
- package/dist/components/Typography/Headings/index.d.ts +0 -21
- package/dist/components/Typography/Headings/index.js +0 -71
- package/dist/components/Typography/Headings/type.d.ts +0 -6
- package/dist/components/Typography/Headings/type.js +0 -2
- package/dist/components/Typography/Typography.css +0 -3016
- package/dist/components/Typography/Typography.d.ts +0 -2
- package/dist/components/Typography/Typography.js +0 -9
- package/dist/components/Typography/Typography.stories.d.ts +0 -5
- package/dist/components/Typography/Typography.stories.js +0 -87
- package/dist/components/Typography/Typography.test.d.ts +0 -1
- package/dist/components/Typography/Typography.test.js +0 -42
- package/dist/global/components/Table/Table.d.ts +0 -14
- package/dist/global/components/Table/Table.js +0 -14
- package/dist/utils/colors.d.ts +0 -7
- package/dist/utils/colors.js +0 -10
- package/dist/utils/constants.js +0 -5
- package/dist/utils/enums.d.ts +0 -60
- package/dist/utils/enums.js +0 -69
- package/dist/utils/index.d.ts +0 -1448
- package/dist/utils/index.js +0 -1597
- /package/dist/{components → src/components}/Avatar/Avatar.stories.d.ts +0 -0
- /package/dist/{components → src/components}/Avatar/Avatar.test.d.ts +0 -0
- /package/dist/{components/Border/BorderRadius/BorderRadius.test.d.ts → src/components/Avatar/type.js} +0 -0
- /package/dist/{components/Border/BorderWidth/BorderWidth.test.d.ts → src/components/Button/Button.test.d.ts} +0 -0
- /package/dist/{components/Color/BackgroundColor/BackgroundColor.test.d.ts → src/components/Button/IconButton.test.d.ts} +0 -0
- /package/dist/{components/Icons/IconList.test.d.ts → src/components/Button/type.js} +0 -0
- /package/dist/{components/Icons/SingleIcon.test.d.ts → src/components/ColorPicker/type.js} +0 -0
- /package/dist/{components/MediaCard/ContactProfile/ContactProfile.test.d.ts → src/components/Colors/color.test.d.ts} +0 -0
- /package/dist/{components/MediaCard/PostByCategory/PostByCategory.test.d.ts → src/components/Icons/IconList.test.d.ts} +0 -0
- /package/dist/{components → src/components}/Icons/IconView.d.ts +0 -0
- /package/dist/{components → src/components}/Icons/IconView.stories.d.ts +0 -0
- /package/dist/{components → src/components}/Icons/LUIcon.stories.d.ts +0 -0
- /package/dist/{components/Spacing/Margin/MarginToken.test.d.ts → src/components/Icons/SingleIcon.test.d.ts} +0 -0
- /package/dist/{components/Spacing/Padding/PaddingToken.test.d.ts → src/components/Icons/type.js} +0 -0
- /package/dist/{components/Title/Title.test.d.ts → src/components/ImageUploader/type.js} +0 -0
- /package/dist/{components → src/components}/MediaCard/Card.stories.d.ts +0 -0
- /package/dist/{components → src/components}/MediaCard/Card.test.d.ts +0 -0
- /package/dist/{components → src/components}/MediaCard/ContactProfile/ContactProfileTheme1.test.d.ts +0 -0
- /package/dist/{components → src/components}/MediaCard/ContactProfile/ContactProfileTheme2.test.d.ts +0 -0
- /package/dist/{components → src/components}/MediaCard/PostByCategory/PostByCategoryTheme1.test.d.ts +0 -0
- /package/dist/{components → src/components}/MediaCard/PostByCategory/PostByCategoryTheme2.test.d.ts +0 -0
- /package/dist/{components → src/components}/MediaCard/index.d.ts +0 -0
- /package/dist/{components → src/components}/Title/Title.d.ts +0 -0
- /package/dist/{components → src/components}/Title/Title.stories.d.ts +0 -0
- /package/dist/{utils → src/utils}/iconList.d.ts +0 -0
|
@@ -1,22 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
var __assign = (this && this.__assign) || function () {
|
|
3
|
-
__assign = Object.assign || function(t) {
|
|
4
|
-
for (var s, i = 1, n = arguments.length; i < n; i++) {
|
|
5
|
-
s = arguments[i];
|
|
6
|
-
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
|
|
7
|
-
t[p] = s[p];
|
|
8
|
-
}
|
|
9
|
-
return t;
|
|
10
|
-
};
|
|
11
|
-
return __assign.apply(this, arguments);
|
|
12
|
-
};
|
|
13
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
|
14
|
-
exports.Margin = void 0;
|
|
15
|
-
var jsx_runtime_1 = require("react/jsx-runtime");
|
|
16
|
-
var MarginToken_1 = require("../../../components/Spacing/Margin/MarginToken");
|
|
17
|
-
exports.default = {
|
|
18
|
-
title: "Components/Spacing",
|
|
19
|
-
component: MarginToken_1.MarginToken,
|
|
20
|
-
};
|
|
21
|
-
var Template = function (args) { return (0, jsx_runtime_1.jsx)(MarginToken_1.MarginToken, __assign({}, args)); };
|
|
22
|
-
exports.Margin = Template.bind({});
|
|
@@ -1,22 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
-
var jsx_runtime_1 = require("react/jsx-runtime");
|
|
4
|
-
var react_1 = require("@testing-library/react");
|
|
5
|
-
var MarginToken_1 = require("./MarginToken");
|
|
6
|
-
describe("MarginToken Component", function () {
|
|
7
|
-
it("renders the spacing token table with correct headers and tokens", function () {
|
|
8
|
-
(0, react_1.render)((0, jsx_runtime_1.jsx)(MarginToken_1.MarginToken, {}));
|
|
9
|
-
// Verify the section title is displayed
|
|
10
|
-
expect(react_1.screen.getByText("Spacing Token", { exact: true })).toBeInTheDocument();
|
|
11
|
-
// Check if table headers are displayed
|
|
12
|
-
expect(react_1.screen.getByText("Alias Token Name")).toBeInTheDocument();
|
|
13
|
-
expect(react_1.screen.getByText("Base unit Multiplier of 8")).toBeInTheDocument();
|
|
14
|
-
expect(react_1.screen.getByText("Value(PX)(REM)")).toBeInTheDocument();
|
|
15
|
-
// Verify the tokens from Margin components are rendered
|
|
16
|
-
expect(react_1.screen.getByText("lu-m-100")).toBeInTheDocument(); // Example from Margin
|
|
17
|
-
expect(react_1.screen.getByText("lu-mt-100")).toBeInTheDocument(); // Example from MarginTop
|
|
18
|
-
expect(react_1.screen.getByText("lu-ml-100")).toBeInTheDocument(); // Example from MarginLeft
|
|
19
|
-
expect(react_1.screen.getByText("lu-mb-100")).toBeInTheDocument(); // Example from MarginBottom
|
|
20
|
-
expect(react_1.screen.getByText("lu-mr-100")).toBeInTheDocument(); // Example from MarginRight
|
|
21
|
-
});
|
|
22
|
-
});
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export declare const MarginTop: () => import("react/jsx-runtime").JSX.Element;
|
|
@@ -1,9 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
-
exports.MarginTop = void 0;
|
|
4
|
-
var jsx_runtime_1 = require("react/jsx-runtime");
|
|
5
|
-
var utils_1 = require("../../../utils");
|
|
6
|
-
var MarginTop = function () {
|
|
7
|
-
return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)("tr", { children: (0, jsx_runtime_1.jsx)("td", { colSpan: 3, className: "".concat(utils_1.table_sub_heading_className), children: "Margin Top" }) }), (0, jsx_runtime_1.jsxs)("tr", { children: [(0, jsx_runtime_1.jsx)("td", { className: "".concat(utils_1.table_row_className), children: (0, jsx_runtime_1.jsx)("span", { className: "".concat(utils_1.table_data_className), children: "lu-mt-0" }) }), (0, jsx_runtime_1.jsx)("td", { className: "".concat(utils_1.table_row_className), children: (0, jsx_runtime_1.jsx)("span", { className: "".concat(utils_1.table_data_className), children: "0x" }) }), (0, jsx_runtime_1.jsx)("td", { className: "".concat(utils_1.table_row_className), children: (0, jsx_runtime_1.jsx)("span", { className: "".concat(utils_1.table_data_className), children: "0px = 0rem" }) })] }), (0, jsx_runtime_1.jsxs)("tr", { children: [(0, jsx_runtime_1.jsx)("td", { className: "".concat(utils_1.table_row_className), children: (0, jsx_runtime_1.jsx)("span", { className: "".concat(utils_1.table_data_className), children: "lu-mt-050" }) }), (0, jsx_runtime_1.jsx)("td", { className: "".concat(utils_1.table_row_className), children: (0, jsx_runtime_1.jsx)("span", { className: "".concat(utils_1.table_data_className), children: "0.5x" }) }), (0, jsx_runtime_1.jsx)("td", { className: "".concat(utils_1.table_row_className), children: (0, jsx_runtime_1.jsx)("span", { className: "".concat(utils_1.table_data_className), children: "4px = 0.25rem" }) })] }), (0, jsx_runtime_1.jsxs)("tr", { children: [(0, jsx_runtime_1.jsx)("td", { className: "".concat(utils_1.table_row_className), children: (0, jsx_runtime_1.jsx)("span", { className: "".concat(utils_1.table_data_className), children: "lu-mt-100" }) }), (0, jsx_runtime_1.jsx)("td", { className: "".concat(utils_1.table_row_className), children: (0, jsx_runtime_1.jsx)("span", { className: "".concat(utils_1.table_data_className), children: "1x" }) }), (0, jsx_runtime_1.jsx)("td", { className: "".concat(utils_1.table_row_className), children: (0, jsx_runtime_1.jsx)("span", { className: "".concat(utils_1.table_data_className), children: "8px = 0.5rem" }) })] }), (0, jsx_runtime_1.jsxs)("tr", { children: [(0, jsx_runtime_1.jsx)("td", { className: "".concat(utils_1.table_row_className), children: (0, jsx_runtime_1.jsx)("span", { className: "".concat(utils_1.table_data_className), children: "lu-mt-150" }) }), (0, jsx_runtime_1.jsx)("td", { className: "".concat(utils_1.table_row_className), children: (0, jsx_runtime_1.jsx)("span", { className: "".concat(utils_1.table_data_className), children: "1.5x" }) }), (0, jsx_runtime_1.jsx)("td", { className: "".concat(utils_1.table_row_className), children: (0, jsx_runtime_1.jsx)("span", { className: "".concat(utils_1.table_data_className), children: "12px = 0.75rem" }) })] }), (0, jsx_runtime_1.jsxs)("tr", { children: [(0, jsx_runtime_1.jsx)("td", { className: "".concat(utils_1.table_row_className), children: (0, jsx_runtime_1.jsx)("span", { className: "".concat(utils_1.table_data_className), children: "lu-mt-200" }) }), (0, jsx_runtime_1.jsx)("td", { className: "".concat(utils_1.table_row_className), children: (0, jsx_runtime_1.jsx)("span", { className: "".concat(utils_1.table_data_className), children: "2x" }) }), (0, jsx_runtime_1.jsx)("td", { className: "".concat(utils_1.table_row_className), children: (0, jsx_runtime_1.jsx)("span", { className: "".concat(utils_1.table_data_className), children: "16px = 1rem" }) })] }), (0, jsx_runtime_1.jsxs)("tr", { children: [(0, jsx_runtime_1.jsx)("td", { className: "".concat(utils_1.table_row_className), children: (0, jsx_runtime_1.jsx)("span", { className: "".concat(utils_1.table_data_className), children: "lu-mt-250" }) }), (0, jsx_runtime_1.jsx)("td", { className: "".concat(utils_1.table_row_className), children: (0, jsx_runtime_1.jsx)("span", { className: "".concat(utils_1.table_data_className), children: "2.5x" }) }), (0, jsx_runtime_1.jsx)("td", { className: "".concat(utils_1.table_row_className), children: (0, jsx_runtime_1.jsx)("span", { className: "".concat(utils_1.table_data_className), children: "20px = 1.25rem" }) })] }), (0, jsx_runtime_1.jsxs)("tr", { children: [(0, jsx_runtime_1.jsx)("td", { className: "".concat(utils_1.table_row_className), children: (0, jsx_runtime_1.jsx)("span", { className: "".concat(utils_1.table_data_className), children: "lu-mt-300" }) }), (0, jsx_runtime_1.jsx)("td", { className: "".concat(utils_1.table_row_className), children: (0, jsx_runtime_1.jsx)("span", { className: "".concat(utils_1.table_data_className), children: "3x" }) }), (0, jsx_runtime_1.jsx)("td", { className: "".concat(utils_1.table_row_className), children: (0, jsx_runtime_1.jsx)("span", { className: "".concat(utils_1.table_data_className), children: "24px = 1.5rem" }) })] }), (0, jsx_runtime_1.jsxs)("tr", { children: [(0, jsx_runtime_1.jsx)("td", { className: "".concat(utils_1.table_row_className), children: (0, jsx_runtime_1.jsx)("span", { className: "".concat(utils_1.table_data_className), children: "lu-mt-400" }) }), (0, jsx_runtime_1.jsx)("td", { className: "".concat(utils_1.table_row_className), children: (0, jsx_runtime_1.jsx)("span", { className: "".concat(utils_1.table_data_className), children: "4x" }) }), (0, jsx_runtime_1.jsx)("td", { className: "".concat(utils_1.table_row_className), children: (0, jsx_runtime_1.jsx)("span", { className: "".concat(utils_1.table_data_className), children: "32px = 2rem" }) })] }), (0, jsx_runtime_1.jsxs)("tr", { children: [(0, jsx_runtime_1.jsx)("td", { className: "".concat(utils_1.table_row_className), children: (0, jsx_runtime_1.jsx)("span", { className: "".concat(utils_1.table_data_className), children: "lu-mt-500" }) }), (0, jsx_runtime_1.jsx)("td", { className: "".concat(utils_1.table_row_className), children: (0, jsx_runtime_1.jsx)("span", { className: "".concat(utils_1.table_data_className), children: "5x" }) }), (0, jsx_runtime_1.jsx)("td", { className: "".concat(utils_1.table_row_className), children: (0, jsx_runtime_1.jsx)("span", { className: "".concat(utils_1.table_data_className), children: "40px = 2.5rem" }) })] }), (0, jsx_runtime_1.jsxs)("tr", { children: [(0, jsx_runtime_1.jsx)("td", { className: "".concat(utils_1.table_row_className), children: (0, jsx_runtime_1.jsx)("span", { className: "".concat(utils_1.table_data_className), children: "lu-mt-600" }) }), (0, jsx_runtime_1.jsx)("td", { className: "".concat(utils_1.table_row_className), children: (0, jsx_runtime_1.jsx)("span", { className: "".concat(utils_1.table_data_className), children: "6x" }) }), (0, jsx_runtime_1.jsx)("td", { className: "".concat(utils_1.table_row_className), children: (0, jsx_runtime_1.jsx)("span", { className: "".concat(utils_1.table_data_className), children: "48px = 3rem" }) })] }), (0, jsx_runtime_1.jsxs)("tr", { children: [(0, jsx_runtime_1.jsx)("td", { className: "".concat(utils_1.table_row_className), children: (0, jsx_runtime_1.jsx)("span", { className: "".concat(utils_1.table_data_className), children: "lu-mt-800" }) }), (0, jsx_runtime_1.jsx)("td", { className: "".concat(utils_1.table_row_className), children: (0, jsx_runtime_1.jsx)("span", { className: "".concat(utils_1.table_data_className), children: "8x" }) }), (0, jsx_runtime_1.jsx)("td", { className: "".concat(utils_1.table_row_className), children: (0, jsx_runtime_1.jsx)("span", { className: "".concat(utils_1.table_data_className), children: "64px = 4rem" }) })] }), (0, jsx_runtime_1.jsxs)("tr", { children: [(0, jsx_runtime_1.jsx)("td", { className: "".concat(utils_1.table_row_className), children: (0, jsx_runtime_1.jsx)("span", { className: "".concat(utils_1.table_data_className), children: "lu-mt-1000" }) }), (0, jsx_runtime_1.jsx)("td", { className: "".concat(utils_1.table_row_className), children: (0, jsx_runtime_1.jsx)("span", { className: "".concat(utils_1.table_data_className), children: "10x" }) }), (0, jsx_runtime_1.jsx)("td", { className: "".concat(utils_1.table_row_className), children: (0, jsx_runtime_1.jsx)("span", { className: "".concat(utils_1.table_data_className), children: "80px = 5rem" }) })] }), (0, jsx_runtime_1.jsxs)("tr", { children: [(0, jsx_runtime_1.jsx)("td", { className: "".concat(utils_1.table_row_className), children: (0, jsx_runtime_1.jsx)("span", { className: "".concat(utils_1.table_data_className), children: "lu-mt-1500" }) }), (0, jsx_runtime_1.jsx)("td", { className: "".concat(utils_1.table_row_className), children: (0, jsx_runtime_1.jsx)("span", { className: "".concat(utils_1.table_data_className), children: "15x" }) }), (0, jsx_runtime_1.jsx)("td", { className: "".concat(utils_1.table_row_className), children: (0, jsx_runtime_1.jsx)("span", { className: "".concat(utils_1.table_data_className), children: "120px = 7.5rem" }) })] }), (0, jsx_runtime_1.jsxs)("tr", { children: [(0, jsx_runtime_1.jsx)("td", { className: "".concat(utils_1.table_row_className), children: (0, jsx_runtime_1.jsx)("span", { className: "".concat(utils_1.table_data_className), children: "lu-mt-2000" }) }), (0, jsx_runtime_1.jsx)("td", { className: "".concat(utils_1.table_row_className), children: (0, jsx_runtime_1.jsx)("span", { className: "".concat(utils_1.table_data_className), children: "20x" }) }), (0, jsx_runtime_1.jsx)("td", { className: "".concat(utils_1.table_row_className), children: (0, jsx_runtime_1.jsx)("span", { className: "".concat(utils_1.table_data_className), children: "160px = 10rem" }) })] }), (0, jsx_runtime_1.jsxs)("tr", { children: [(0, jsx_runtime_1.jsx)("td", { className: "".concat(utils_1.table_row_className), children: (0, jsx_runtime_1.jsx)("span", { className: "".concat(utils_1.table_data_className), children: "lu-mt-2500" }) }), (0, jsx_runtime_1.jsx)("td", { className: "".concat(utils_1.table_row_className), children: (0, jsx_runtime_1.jsx)("span", { className: "".concat(utils_1.table_data_className), children: "25x" }) }), (0, jsx_runtime_1.jsx)("td", { className: "".concat(utils_1.table_row_className), children: (0, jsx_runtime_1.jsx)("span", { className: "".concat(utils_1.table_data_className), children: "200px = 12.5rem" }) })] }), (0, jsx_runtime_1.jsxs)("tr", { children: [(0, jsx_runtime_1.jsx)("td", { className: "".concat(utils_1.table_row_className), children: (0, jsx_runtime_1.jsx)("span", { className: "".concat(utils_1.table_data_className), children: "lu-mt-3000" }) }), (0, jsx_runtime_1.jsx)("td", { className: "".concat(utils_1.table_row_className), children: (0, jsx_runtime_1.jsx)("span", { className: "".concat(utils_1.table_data_className), children: "30x" }) }), (0, jsx_runtime_1.jsx)("td", { className: "".concat(utils_1.table_row_className), children: (0, jsx_runtime_1.jsx)("span", { className: "".concat(utils_1.table_data_className), children: "240px = 15rem" }) })] })] }));
|
|
8
|
-
};
|
|
9
|
-
exports.MarginTop = MarginTop;
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export declare const MarginX: () => import("react/jsx-runtime").JSX.Element;
|
|
@@ -1,9 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
-
exports.MarginX = void 0;
|
|
4
|
-
var jsx_runtime_1 = require("react/jsx-runtime");
|
|
5
|
-
var utils_1 = require("../../../utils");
|
|
6
|
-
var MarginX = function () {
|
|
7
|
-
return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)("tr", { children: (0, jsx_runtime_1.jsx)("td", { colSpan: 3, className: "".concat(utils_1.table_sub_heading_className), children: "Margin X axis" }) }), (0, jsx_runtime_1.jsxs)("tr", { children: [(0, jsx_runtime_1.jsx)("td", { className: "".concat(utils_1.table_row_className), children: (0, jsx_runtime_1.jsx)("span", { className: "".concat(utils_1.table_data_className), children: "lu-mx-auto" }) }), (0, jsx_runtime_1.jsx)("td", { className: "".concat(utils_1.table_row_className), children: (0, jsx_runtime_1.jsx)("span", { className: "".concat(utils_1.table_data_className), children: "auto" }) }), (0, jsx_runtime_1.jsx)("td", { className: "".concat(utils_1.table_row_className), children: (0, jsx_runtime_1.jsx)("span", { className: "".concat(utils_1.table_data_className), children: "auto" }) })] }), (0, jsx_runtime_1.jsxs)("tr", { children: [(0, jsx_runtime_1.jsx)("td", { className: "".concat(utils_1.table_row_className), children: (0, jsx_runtime_1.jsx)("span", { className: "".concat(utils_1.table_data_className), children: "lu-mx-0" }) }), (0, jsx_runtime_1.jsx)("td", { className: "".concat(utils_1.table_row_className), children: (0, jsx_runtime_1.jsx)("span", { className: "".concat(utils_1.table_data_className), children: "0x" }) }), (0, jsx_runtime_1.jsx)("td", { className: "".concat(utils_1.table_row_className), children: (0, jsx_runtime_1.jsx)("span", { className: "".concat(utils_1.table_data_className), children: "0px = 0rem" }) })] }), (0, jsx_runtime_1.jsxs)("tr", { children: [(0, jsx_runtime_1.jsx)("td", { className: "".concat(utils_1.table_row_className), children: (0, jsx_runtime_1.jsx)("span", { className: "".concat(utils_1.table_data_className), children: "lu-mx-050" }) }), (0, jsx_runtime_1.jsx)("td", { className: "".concat(utils_1.table_row_className), children: (0, jsx_runtime_1.jsx)("span", { className: "".concat(utils_1.table_data_className), children: "0.5x" }) }), (0, jsx_runtime_1.jsx)("td", { className: "".concat(utils_1.table_row_className), children: (0, jsx_runtime_1.jsx)("span", { className: "".concat(utils_1.table_data_className), children: "4px = 0.25rem" }) })] }), (0, jsx_runtime_1.jsxs)("tr", { children: [(0, jsx_runtime_1.jsx)("td", { className: "".concat(utils_1.table_row_className), children: (0, jsx_runtime_1.jsx)("span", { className: "".concat(utils_1.table_data_className), children: "lu-mx-100" }) }), (0, jsx_runtime_1.jsx)("td", { className: "".concat(utils_1.table_row_className), children: (0, jsx_runtime_1.jsx)("span", { className: "".concat(utils_1.table_data_className), children: "1x" }) }), (0, jsx_runtime_1.jsx)("td", { className: "".concat(utils_1.table_row_className), children: (0, jsx_runtime_1.jsx)("span", { className: "".concat(utils_1.table_data_className), children: "8px = 0.5rem" }) })] }), (0, jsx_runtime_1.jsxs)("tr", { children: [(0, jsx_runtime_1.jsx)("td", { className: "".concat(utils_1.table_row_className), children: (0, jsx_runtime_1.jsx)("span", { className: "".concat(utils_1.table_data_className), children: "lu-mx-150" }) }), (0, jsx_runtime_1.jsx)("td", { className: "".concat(utils_1.table_row_className), children: (0, jsx_runtime_1.jsx)("span", { className: "".concat(utils_1.table_data_className), children: "1.5x" }) }), (0, jsx_runtime_1.jsx)("td", { className: "".concat(utils_1.table_row_className), children: (0, jsx_runtime_1.jsx)("span", { className: "".concat(utils_1.table_data_className), children: "12px = 0.75rem" }) })] }), (0, jsx_runtime_1.jsxs)("tr", { children: [(0, jsx_runtime_1.jsx)("td", { className: "".concat(utils_1.table_row_className), children: (0, jsx_runtime_1.jsx)("span", { className: "".concat(utils_1.table_data_className), children: "lu-mx-200" }) }), (0, jsx_runtime_1.jsx)("td", { className: "".concat(utils_1.table_row_className), children: (0, jsx_runtime_1.jsx)("span", { className: "".concat(utils_1.table_data_className), children: "2x" }) }), (0, jsx_runtime_1.jsx)("td", { className: "".concat(utils_1.table_row_className), children: (0, jsx_runtime_1.jsx)("span", { className: "".concat(utils_1.table_data_className), children: "16px = 1rem" }) })] }), (0, jsx_runtime_1.jsxs)("tr", { children: [(0, jsx_runtime_1.jsx)("td", { className: "".concat(utils_1.table_row_className), children: (0, jsx_runtime_1.jsx)("span", { className: "".concat(utils_1.table_data_className), children: "lu-mx-250" }) }), (0, jsx_runtime_1.jsx)("td", { className: "".concat(utils_1.table_row_className), children: (0, jsx_runtime_1.jsx)("span", { className: "".concat(utils_1.table_data_className), children: "2.5x" }) }), (0, jsx_runtime_1.jsx)("td", { className: "".concat(utils_1.table_row_className), children: (0, jsx_runtime_1.jsx)("span", { className: "".concat(utils_1.table_data_className), children: "20px = 1.25rem" }) })] }), (0, jsx_runtime_1.jsxs)("tr", { children: [(0, jsx_runtime_1.jsx)("td", { className: "".concat(utils_1.table_row_className), children: (0, jsx_runtime_1.jsx)("span", { className: "".concat(utils_1.table_data_className), children: "lu-mx-300" }) }), (0, jsx_runtime_1.jsx)("td", { className: "".concat(utils_1.table_row_className), children: (0, jsx_runtime_1.jsx)("span", { className: "".concat(utils_1.table_data_className), children: "3x" }) }), (0, jsx_runtime_1.jsx)("td", { className: "".concat(utils_1.table_row_className), children: (0, jsx_runtime_1.jsx)("span", { className: "".concat(utils_1.table_data_className), children: "24px = 1.5rem" }) })] }), (0, jsx_runtime_1.jsxs)("tr", { children: [(0, jsx_runtime_1.jsx)("td", { className: "".concat(utils_1.table_row_className), children: (0, jsx_runtime_1.jsx)("span", { className: "".concat(utils_1.table_data_className), children: "lu-mx-400" }) }), (0, jsx_runtime_1.jsx)("td", { className: "".concat(utils_1.table_row_className), children: (0, jsx_runtime_1.jsx)("span", { className: "".concat(utils_1.table_data_className), children: "4x" }) }), (0, jsx_runtime_1.jsx)("td", { className: "".concat(utils_1.table_row_className), children: (0, jsx_runtime_1.jsx)("span", { className: "".concat(utils_1.table_data_className), children: "32px = 2rem" }) })] }), (0, jsx_runtime_1.jsxs)("tr", { children: [(0, jsx_runtime_1.jsx)("td", { className: "".concat(utils_1.table_row_className), children: (0, jsx_runtime_1.jsx)("span", { className: "".concat(utils_1.table_data_className), children: "lu-mx-500" }) }), (0, jsx_runtime_1.jsx)("td", { className: "".concat(utils_1.table_row_className), children: (0, jsx_runtime_1.jsx)("span", { className: "".concat(utils_1.table_data_className), children: "5x" }) }), (0, jsx_runtime_1.jsx)("td", { className: "".concat(utils_1.table_row_className), children: (0, jsx_runtime_1.jsx)("span", { className: "".concat(utils_1.table_data_className), children: "40px = 2.5rem" }) })] }), (0, jsx_runtime_1.jsxs)("tr", { children: [(0, jsx_runtime_1.jsx)("td", { className: "".concat(utils_1.table_row_className), children: (0, jsx_runtime_1.jsx)("span", { className: "".concat(utils_1.table_data_className), children: "lu-mx-600" }) }), (0, jsx_runtime_1.jsx)("td", { className: "".concat(utils_1.table_row_className), children: (0, jsx_runtime_1.jsx)("span", { className: "".concat(utils_1.table_data_className), children: "6x" }) }), (0, jsx_runtime_1.jsx)("td", { className: "".concat(utils_1.table_row_className), children: (0, jsx_runtime_1.jsx)("span", { className: "".concat(utils_1.table_data_className), children: "48px = 3rem" }) })] }), (0, jsx_runtime_1.jsxs)("tr", { children: [(0, jsx_runtime_1.jsx)("td", { className: "".concat(utils_1.table_row_className), children: (0, jsx_runtime_1.jsx)("span", { className: "".concat(utils_1.table_data_className), children: "lu-mx-800" }) }), (0, jsx_runtime_1.jsx)("td", { className: "".concat(utils_1.table_row_className), children: (0, jsx_runtime_1.jsx)("span", { className: "".concat(utils_1.table_data_className), children: "8x" }) }), (0, jsx_runtime_1.jsx)("td", { className: "".concat(utils_1.table_row_className), children: (0, jsx_runtime_1.jsx)("span", { className: "".concat(utils_1.table_data_className), children: "64px = 4rem" }) })] }), (0, jsx_runtime_1.jsxs)("tr", { children: [(0, jsx_runtime_1.jsx)("td", { className: "".concat(utils_1.table_row_className), children: (0, jsx_runtime_1.jsx)("span", { className: "".concat(utils_1.table_data_className), children: "lu-mx-1000" }) }), (0, jsx_runtime_1.jsx)("td", { className: "".concat(utils_1.table_row_className), children: (0, jsx_runtime_1.jsx)("span", { className: "".concat(utils_1.table_data_className), children: "10x" }) }), (0, jsx_runtime_1.jsx)("td", { className: "".concat(utils_1.table_row_className), children: (0, jsx_runtime_1.jsx)("span", { className: "".concat(utils_1.table_data_className), children: "80px = 5rem" }) })] }), (0, jsx_runtime_1.jsxs)("tr", { children: [(0, jsx_runtime_1.jsx)("td", { className: "".concat(utils_1.table_row_className), children: (0, jsx_runtime_1.jsx)("span", { className: "".concat(utils_1.table_data_className), children: "lu-mx-1500" }) }), (0, jsx_runtime_1.jsx)("td", { className: "".concat(utils_1.table_row_className), children: (0, jsx_runtime_1.jsx)("span", { className: "".concat(utils_1.table_data_className), children: "15x" }) }), (0, jsx_runtime_1.jsx)("td", { className: "".concat(utils_1.table_row_className), children: (0, jsx_runtime_1.jsx)("span", { className: "".concat(utils_1.table_data_className), children: "120px = 7.5rem" }) })] }), (0, jsx_runtime_1.jsxs)("tr", { children: [(0, jsx_runtime_1.jsx)("td", { className: "".concat(utils_1.table_row_className), children: (0, jsx_runtime_1.jsx)("span", { className: "".concat(utils_1.table_data_className), children: "lu-mx-2000" }) }), (0, jsx_runtime_1.jsx)("td", { className: "".concat(utils_1.table_row_className), children: (0, jsx_runtime_1.jsx)("span", { className: "".concat(utils_1.table_data_className), children: "20x" }) }), (0, jsx_runtime_1.jsx)("td", { className: "".concat(utils_1.table_row_className), children: (0, jsx_runtime_1.jsx)("span", { className: "".concat(utils_1.table_data_className), children: "160px = 10rem" }) })] }), (0, jsx_runtime_1.jsxs)("tr", { children: [(0, jsx_runtime_1.jsx)("td", { className: "".concat(utils_1.table_row_className), children: (0, jsx_runtime_1.jsx)("span", { className: "".concat(utils_1.table_data_className), children: "lu-mx-2500" }) }), (0, jsx_runtime_1.jsx)("td", { className: "".concat(utils_1.table_row_className), children: (0, jsx_runtime_1.jsx)("span", { className: "".concat(utils_1.table_data_className), children: "25x" }) }), (0, jsx_runtime_1.jsx)("td", { className: "".concat(utils_1.table_row_className), children: (0, jsx_runtime_1.jsx)("span", { className: "".concat(utils_1.table_data_className), children: "200px = 12.5rem" }) })] }), (0, jsx_runtime_1.jsxs)("tr", { children: [(0, jsx_runtime_1.jsx)("td", { className: "".concat(utils_1.table_row_className), children: (0, jsx_runtime_1.jsx)("span", { className: "".concat(utils_1.table_data_className), children: "lu-mx-3000" }) }), (0, jsx_runtime_1.jsx)("td", { className: "".concat(utils_1.table_row_className), children: (0, jsx_runtime_1.jsx)("span", { className: "".concat(utils_1.table_data_className), children: "30x" }) }), (0, jsx_runtime_1.jsx)("td", { className: "".concat(utils_1.table_row_className), children: (0, jsx_runtime_1.jsx)("span", { className: "".concat(utils_1.table_data_className), children: "240px = 15rem" }) })] })] }));
|
|
8
|
-
};
|
|
9
|
-
exports.MarginX = MarginX;
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export declare const MarginY: () => import("react/jsx-runtime").JSX.Element;
|
|
@@ -1,9 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
-
exports.MarginY = void 0;
|
|
4
|
-
var jsx_runtime_1 = require("react/jsx-runtime");
|
|
5
|
-
var utils_1 = require("../../../utils");
|
|
6
|
-
var MarginY = function () {
|
|
7
|
-
return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)("tr", { children: (0, jsx_runtime_1.jsx)("td", { colSpan: 3, className: "".concat(utils_1.table_sub_heading_className), children: "Margin Y axis" }) }), (0, jsx_runtime_1.jsxs)("tr", { children: [(0, jsx_runtime_1.jsx)("td", { className: "".concat(utils_1.table_row_className), children: (0, jsx_runtime_1.jsx)("span", { className: "".concat(utils_1.table_data_className), children: "lu-my-auto" }) }), (0, jsx_runtime_1.jsx)("td", { className: "".concat(utils_1.table_row_className), children: (0, jsx_runtime_1.jsx)("span", { className: "".concat(utils_1.table_data_className), children: "auto" }) }), (0, jsx_runtime_1.jsx)("td", { className: "".concat(utils_1.table_row_className), children: (0, jsx_runtime_1.jsx)("span", { className: "".concat(utils_1.table_data_className), children: "auto" }) })] }), (0, jsx_runtime_1.jsxs)("tr", { children: [(0, jsx_runtime_1.jsx)("td", { className: "".concat(utils_1.table_row_className), children: (0, jsx_runtime_1.jsx)("span", { className: "".concat(utils_1.table_data_className), children: "lu-my-0" }) }), (0, jsx_runtime_1.jsx)("td", { className: "".concat(utils_1.table_row_className), children: (0, jsx_runtime_1.jsx)("span", { className: "".concat(utils_1.table_data_className), children: "0x" }) }), (0, jsx_runtime_1.jsx)("td", { className: "".concat(utils_1.table_row_className), children: (0, jsx_runtime_1.jsx)("span", { className: "".concat(utils_1.table_data_className), children: "0px = 0rem" }) })] }), (0, jsx_runtime_1.jsxs)("tr", { children: [(0, jsx_runtime_1.jsx)("td", { className: "".concat(utils_1.table_row_className), children: (0, jsx_runtime_1.jsx)("span", { className: "".concat(utils_1.table_data_className), children: "lu-my-050" }) }), (0, jsx_runtime_1.jsx)("td", { className: "".concat(utils_1.table_row_className), children: (0, jsx_runtime_1.jsx)("span", { className: "".concat(utils_1.table_data_className), children: "0.5x" }) }), (0, jsx_runtime_1.jsx)("td", { className: "".concat(utils_1.table_row_className), children: (0, jsx_runtime_1.jsx)("span", { className: "".concat(utils_1.table_data_className), children: "4px = 0.25rem" }) })] }), (0, jsx_runtime_1.jsxs)("tr", { children: [(0, jsx_runtime_1.jsx)("td", { className: "".concat(utils_1.table_row_className), children: (0, jsx_runtime_1.jsx)("span", { className: "".concat(utils_1.table_data_className), children: "lu-my-100" }) }), (0, jsx_runtime_1.jsx)("td", { className: "".concat(utils_1.table_row_className), children: (0, jsx_runtime_1.jsx)("span", { className: "".concat(utils_1.table_data_className), children: "1x" }) }), (0, jsx_runtime_1.jsx)("td", { className: "".concat(utils_1.table_row_className), children: (0, jsx_runtime_1.jsx)("span", { className: "".concat(utils_1.table_data_className), children: "8px = 0.5rem" }) })] }), (0, jsx_runtime_1.jsxs)("tr", { children: [(0, jsx_runtime_1.jsx)("td", { className: "".concat(utils_1.table_row_className), children: (0, jsx_runtime_1.jsx)("span", { className: "".concat(utils_1.table_data_className), children: "lu-my-150" }) }), (0, jsx_runtime_1.jsx)("td", { className: "".concat(utils_1.table_row_className), children: (0, jsx_runtime_1.jsx)("span", { className: "".concat(utils_1.table_data_className), children: "1.5x" }) }), (0, jsx_runtime_1.jsx)("td", { className: "".concat(utils_1.table_row_className), children: (0, jsx_runtime_1.jsx)("span", { className: "".concat(utils_1.table_data_className), children: "12px = 0.75rem" }) })] }), (0, jsx_runtime_1.jsxs)("tr", { children: [(0, jsx_runtime_1.jsx)("td", { className: "".concat(utils_1.table_row_className), children: (0, jsx_runtime_1.jsx)("span", { className: "".concat(utils_1.table_data_className), children: "lu-my-200" }) }), (0, jsx_runtime_1.jsx)("td", { className: "".concat(utils_1.table_row_className), children: (0, jsx_runtime_1.jsx)("span", { className: "".concat(utils_1.table_data_className), children: "2x" }) }), (0, jsx_runtime_1.jsx)("td", { className: "".concat(utils_1.table_row_className), children: (0, jsx_runtime_1.jsx)("span", { className: "".concat(utils_1.table_data_className), children: "16px = 1rem" }) })] }), (0, jsx_runtime_1.jsxs)("tr", { children: [(0, jsx_runtime_1.jsx)("td", { className: "".concat(utils_1.table_row_className), children: (0, jsx_runtime_1.jsx)("span", { className: "".concat(utils_1.table_data_className), children: "lu-my-250" }) }), (0, jsx_runtime_1.jsx)("td", { className: "".concat(utils_1.table_row_className), children: (0, jsx_runtime_1.jsx)("span", { className: "".concat(utils_1.table_data_className), children: "2.5x" }) }), (0, jsx_runtime_1.jsx)("td", { className: "".concat(utils_1.table_row_className), children: (0, jsx_runtime_1.jsx)("span", { className: "".concat(utils_1.table_data_className), children: "20px = 1.25rem" }) })] }), (0, jsx_runtime_1.jsxs)("tr", { children: [(0, jsx_runtime_1.jsx)("td", { className: "".concat(utils_1.table_row_className), children: (0, jsx_runtime_1.jsx)("span", { className: "".concat(utils_1.table_data_className), children: "lu-my-300" }) }), (0, jsx_runtime_1.jsx)("td", { className: "".concat(utils_1.table_row_className), children: (0, jsx_runtime_1.jsx)("span", { className: "".concat(utils_1.table_data_className), children: "3x" }) }), (0, jsx_runtime_1.jsx)("td", { className: "".concat(utils_1.table_row_className), children: (0, jsx_runtime_1.jsx)("span", { className: "".concat(utils_1.table_data_className), children: "24px = 1.5rem" }) })] }), (0, jsx_runtime_1.jsxs)("tr", { children: [(0, jsx_runtime_1.jsx)("td", { className: "".concat(utils_1.table_row_className), children: (0, jsx_runtime_1.jsx)("span", { className: "".concat(utils_1.table_data_className), children: "lu-my-400" }) }), (0, jsx_runtime_1.jsx)("td", { className: "".concat(utils_1.table_row_className), children: (0, jsx_runtime_1.jsx)("span", { className: "".concat(utils_1.table_data_className), children: "4x" }) }), (0, jsx_runtime_1.jsx)("td", { className: "".concat(utils_1.table_row_className), children: (0, jsx_runtime_1.jsx)("span", { className: "".concat(utils_1.table_data_className), children: "32px = 2rem" }) })] }), (0, jsx_runtime_1.jsxs)("tr", { children: [(0, jsx_runtime_1.jsx)("td", { className: "".concat(utils_1.table_row_className), children: (0, jsx_runtime_1.jsx)("span", { className: "".concat(utils_1.table_data_className), children: "lu-my-500" }) }), (0, jsx_runtime_1.jsx)("td", { className: "".concat(utils_1.table_row_className), children: (0, jsx_runtime_1.jsx)("span", { className: "".concat(utils_1.table_data_className), children: "5x" }) }), (0, jsx_runtime_1.jsx)("td", { className: "".concat(utils_1.table_row_className), children: (0, jsx_runtime_1.jsx)("span", { className: "".concat(utils_1.table_data_className), children: "40px = 2.5rem" }) })] }), (0, jsx_runtime_1.jsxs)("tr", { children: [(0, jsx_runtime_1.jsx)("td", { className: "".concat(utils_1.table_row_className), children: (0, jsx_runtime_1.jsx)("span", { className: "".concat(utils_1.table_data_className), children: "lu-my-600" }) }), (0, jsx_runtime_1.jsx)("td", { className: "".concat(utils_1.table_row_className), children: (0, jsx_runtime_1.jsx)("span", { className: "".concat(utils_1.table_data_className), children: "6x" }) }), (0, jsx_runtime_1.jsx)("td", { className: "".concat(utils_1.table_row_className), children: (0, jsx_runtime_1.jsx)("span", { className: "".concat(utils_1.table_data_className), children: "48px = 3rem" }) })] }), (0, jsx_runtime_1.jsxs)("tr", { children: [(0, jsx_runtime_1.jsx)("td", { className: "".concat(utils_1.table_row_className), children: (0, jsx_runtime_1.jsx)("span", { className: "".concat(utils_1.table_data_className), children: "lu-my-800" }) }), (0, jsx_runtime_1.jsx)("td", { className: "".concat(utils_1.table_row_className), children: (0, jsx_runtime_1.jsx)("span", { className: "".concat(utils_1.table_data_className), children: "8x" }) }), (0, jsx_runtime_1.jsx)("td", { className: "".concat(utils_1.table_row_className), children: (0, jsx_runtime_1.jsx)("span", { className: "".concat(utils_1.table_data_className), children: "64px = 4rem" }) })] }), (0, jsx_runtime_1.jsxs)("tr", { children: [(0, jsx_runtime_1.jsx)("td", { className: "".concat(utils_1.table_row_className), children: (0, jsx_runtime_1.jsx)("span", { className: "".concat(utils_1.table_data_className), children: "lu-my-1000" }) }), (0, jsx_runtime_1.jsx)("td", { className: "".concat(utils_1.table_row_className), children: (0, jsx_runtime_1.jsx)("span", { className: "".concat(utils_1.table_data_className), children: "10x" }) }), (0, jsx_runtime_1.jsx)("td", { className: "".concat(utils_1.table_row_className), children: (0, jsx_runtime_1.jsx)("span", { className: "".concat(utils_1.table_data_className), children: "80px = 5rem" }) })] }), (0, jsx_runtime_1.jsxs)("tr", { children: [(0, jsx_runtime_1.jsx)("td", { className: "".concat(utils_1.table_row_className), children: (0, jsx_runtime_1.jsx)("span", { className: "".concat(utils_1.table_data_className), children: "lu-my-1500" }) }), (0, jsx_runtime_1.jsx)("td", { className: "".concat(utils_1.table_row_className), children: (0, jsx_runtime_1.jsx)("span", { className: "".concat(utils_1.table_data_className), children: "15x" }) }), (0, jsx_runtime_1.jsx)("td", { className: "".concat(utils_1.table_row_className), children: (0, jsx_runtime_1.jsx)("span", { className: "".concat(utils_1.table_data_className), children: "120px = 7.5rem" }) })] }), (0, jsx_runtime_1.jsxs)("tr", { children: [(0, jsx_runtime_1.jsx)("td", { className: "".concat(utils_1.table_row_className), children: (0, jsx_runtime_1.jsx)("span", { className: "".concat(utils_1.table_data_className), children: "lu-my-2000" }) }), (0, jsx_runtime_1.jsx)("td", { className: "".concat(utils_1.table_row_className), children: (0, jsx_runtime_1.jsx)("span", { className: "".concat(utils_1.table_data_className), children: "20x" }) }), (0, jsx_runtime_1.jsx)("td", { className: "".concat(utils_1.table_row_className), children: (0, jsx_runtime_1.jsx)("span", { className: "".concat(utils_1.table_data_className), children: "160px = 10rem" }) })] }), (0, jsx_runtime_1.jsxs)("tr", { children: [(0, jsx_runtime_1.jsx)("td", { className: "".concat(utils_1.table_row_className), children: (0, jsx_runtime_1.jsx)("span", { className: "".concat(utils_1.table_data_className), children: "lu-my-2500" }) }), (0, jsx_runtime_1.jsx)("td", { className: "".concat(utils_1.table_row_className), children: (0, jsx_runtime_1.jsx)("span", { className: "".concat(utils_1.table_data_className), children: "25x" }) }), (0, jsx_runtime_1.jsx)("td", { className: "".concat(utils_1.table_row_className), children: (0, jsx_runtime_1.jsx)("span", { className: "".concat(utils_1.table_data_className), children: "200px = 12.5rem" }) })] }), (0, jsx_runtime_1.jsxs)("tr", { children: [(0, jsx_runtime_1.jsx)("td", { className: "".concat(utils_1.table_row_className), children: (0, jsx_runtime_1.jsx)("span", { className: "".concat(utils_1.table_data_className), children: "lu-my-3000" }) }), (0, jsx_runtime_1.jsx)("td", { className: "".concat(utils_1.table_row_className), children: (0, jsx_runtime_1.jsx)("span", { className: "".concat(utils_1.table_data_className), children: "30x" }) }), (0, jsx_runtime_1.jsx)("td", { className: "".concat(utils_1.table_row_className), children: (0, jsx_runtime_1.jsx)("span", { className: "".concat(utils_1.table_data_className), children: "240px = 15rem" }) })] })] }));
|
|
8
|
-
};
|
|
9
|
-
exports.MarginY = MarginY;
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export declare const Padding: () => import("react/jsx-runtime").JSX.Element;
|
|
@@ -1,9 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
-
exports.Padding = void 0;
|
|
4
|
-
var jsx_runtime_1 = require("react/jsx-runtime");
|
|
5
|
-
var utils_1 = require("../../../utils");
|
|
6
|
-
var Padding = function () {
|
|
7
|
-
return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)("tr", { children: (0, jsx_runtime_1.jsx)("td", { colSpan: 3, className: "".concat(utils_1.table_sub_heading_className), children: "Padding" }) }), (0, jsx_runtime_1.jsxs)("tr", { children: [(0, jsx_runtime_1.jsx)("td", { className: "".concat(utils_1.table_row_className), children: (0, jsx_runtime_1.jsx)("span", { className: "".concat(utils_1.table_data_className), children: "lu-pd-0" }) }), (0, jsx_runtime_1.jsx)("td", { className: "".concat(utils_1.table_row_className), children: (0, jsx_runtime_1.jsx)("span", { className: "".concat(utils_1.table_data_className), children: "0x" }) }), (0, jsx_runtime_1.jsx)("td", { className: "".concat(utils_1.table_row_className), children: (0, jsx_runtime_1.jsx)("span", { className: "".concat(utils_1.table_data_className), children: "0px = 0rem" }) })] }), (0, jsx_runtime_1.jsxs)("tr", { children: [(0, jsx_runtime_1.jsx)("td", { className: "".concat(utils_1.table_row_className), children: (0, jsx_runtime_1.jsx)("span", { className: "".concat(utils_1.table_data_className), children: "lu-pd-050" }) }), (0, jsx_runtime_1.jsx)("td", { className: "".concat(utils_1.table_row_className), children: (0, jsx_runtime_1.jsx)("span", { className: "".concat(utils_1.table_data_className), children: "0.5x" }) }), (0, jsx_runtime_1.jsx)("td", { className: "".concat(utils_1.table_row_className), children: (0, jsx_runtime_1.jsx)("span", { className: "".concat(utils_1.table_data_className), children: "4px = 0.25rem" }) })] }), (0, jsx_runtime_1.jsxs)("tr", { children: [(0, jsx_runtime_1.jsx)("td", { className: "".concat(utils_1.table_row_className), children: (0, jsx_runtime_1.jsx)("span", { className: "".concat(utils_1.table_data_className), children: "lu-pd-100" }) }), (0, jsx_runtime_1.jsx)("td", { className: "".concat(utils_1.table_row_className), children: (0, jsx_runtime_1.jsx)("span", { className: "".concat(utils_1.table_data_className), children: "1x" }) }), (0, jsx_runtime_1.jsx)("td", { className: "".concat(utils_1.table_row_className), children: (0, jsx_runtime_1.jsx)("span", { className: "".concat(utils_1.table_data_className), children: "8px = 0.5rem" }) })] }), (0, jsx_runtime_1.jsxs)("tr", { children: [(0, jsx_runtime_1.jsx)("td", { className: "".concat(utils_1.table_row_className), children: (0, jsx_runtime_1.jsx)("span", { className: "".concat(utils_1.table_data_className), children: "lu-pd-150" }) }), (0, jsx_runtime_1.jsx)("td", { className: "".concat(utils_1.table_row_className), children: (0, jsx_runtime_1.jsx)("span", { className: "".concat(utils_1.table_data_className), children: "1.5x" }) }), (0, jsx_runtime_1.jsx)("td", { className: "".concat(utils_1.table_row_className), children: (0, jsx_runtime_1.jsx)("span", { className: "".concat(utils_1.table_data_className), children: "12px = 0.75rem" }) })] }), (0, jsx_runtime_1.jsxs)("tr", { children: [(0, jsx_runtime_1.jsx)("td", { className: "".concat(utils_1.table_row_className), children: (0, jsx_runtime_1.jsx)("span", { className: "".concat(utils_1.table_data_className), children: "lu-pd-200" }) }), (0, jsx_runtime_1.jsx)("td", { className: "".concat(utils_1.table_row_className), children: (0, jsx_runtime_1.jsx)("span", { className: "".concat(utils_1.table_data_className), children: "2x" }) }), (0, jsx_runtime_1.jsx)("td", { className: "".concat(utils_1.table_row_className), children: (0, jsx_runtime_1.jsx)("span", { className: "".concat(utils_1.table_data_className), children: "16px = 1rem" }) })] }), (0, jsx_runtime_1.jsxs)("tr", { children: [(0, jsx_runtime_1.jsx)("td", { className: "".concat(utils_1.table_row_className), children: (0, jsx_runtime_1.jsx)("span", { className: "".concat(utils_1.table_data_className), children: "lu-pd-250" }) }), (0, jsx_runtime_1.jsx)("td", { className: "".concat(utils_1.table_row_className), children: (0, jsx_runtime_1.jsx)("span", { className: "".concat(utils_1.table_data_className), children: "2.5x" }) }), (0, jsx_runtime_1.jsx)("td", { className: "".concat(utils_1.table_row_className), children: (0, jsx_runtime_1.jsx)("span", { className: "".concat(utils_1.table_data_className), children: "20px = 1.25rem" }) })] }), (0, jsx_runtime_1.jsxs)("tr", { children: [(0, jsx_runtime_1.jsx)("td", { className: "".concat(utils_1.table_row_className), children: (0, jsx_runtime_1.jsx)("span", { className: "".concat(utils_1.table_data_className), children: "lu-pd-300" }) }), (0, jsx_runtime_1.jsx)("td", { className: "".concat(utils_1.table_row_className), children: (0, jsx_runtime_1.jsx)("span", { className: "".concat(utils_1.table_data_className), children: "3x" }) }), (0, jsx_runtime_1.jsx)("td", { className: "".concat(utils_1.table_row_className), children: (0, jsx_runtime_1.jsx)("span", { className: "".concat(utils_1.table_data_className), children: "24px = 1.5rem" }) })] }), (0, jsx_runtime_1.jsxs)("tr", { children: [(0, jsx_runtime_1.jsx)("td", { className: "".concat(utils_1.table_row_className), children: (0, jsx_runtime_1.jsx)("span", { className: "".concat(utils_1.table_data_className), children: "lu-pd-400" }) }), (0, jsx_runtime_1.jsx)("td", { className: "".concat(utils_1.table_row_className), children: (0, jsx_runtime_1.jsx)("span", { className: "".concat(utils_1.table_data_className), children: "4x" }) }), (0, jsx_runtime_1.jsx)("td", { className: "".concat(utils_1.table_row_className), children: (0, jsx_runtime_1.jsx)("span", { className: "".concat(utils_1.table_data_className), children: "32px = 2rem" }) })] }), (0, jsx_runtime_1.jsxs)("tr", { children: [(0, jsx_runtime_1.jsx)("td", { className: "".concat(utils_1.table_row_className), children: (0, jsx_runtime_1.jsx)("span", { className: "".concat(utils_1.table_data_className), children: "lu-pd-500" }) }), (0, jsx_runtime_1.jsx)("td", { className: "".concat(utils_1.table_row_className), children: (0, jsx_runtime_1.jsx)("span", { className: "".concat(utils_1.table_data_className), children: "5x" }) }), (0, jsx_runtime_1.jsx)("td", { className: "".concat(utils_1.table_row_className), children: (0, jsx_runtime_1.jsx)("span", { className: "".concat(utils_1.table_data_className), children: "40px = 2.5rem" }) })] }), (0, jsx_runtime_1.jsxs)("tr", { children: [(0, jsx_runtime_1.jsx)("td", { className: "".concat(utils_1.table_row_className), children: (0, jsx_runtime_1.jsx)("span", { className: "".concat(utils_1.table_data_className), children: "lu-pd-600" }) }), (0, jsx_runtime_1.jsx)("td", { className: "".concat(utils_1.table_row_className), children: (0, jsx_runtime_1.jsx)("span", { className: "".concat(utils_1.table_data_className), children: "6x" }) }), (0, jsx_runtime_1.jsx)("td", { className: "".concat(utils_1.table_row_className), children: (0, jsx_runtime_1.jsx)("span", { className: "".concat(utils_1.table_data_className), children: "48px = 3rem" }) })] }), (0, jsx_runtime_1.jsxs)("tr", { children: [(0, jsx_runtime_1.jsx)("td", { className: "".concat(utils_1.table_row_className), children: (0, jsx_runtime_1.jsx)("span", { className: "".concat(utils_1.table_data_className), children: "lu-pd-800" }) }), (0, jsx_runtime_1.jsx)("td", { className: "".concat(utils_1.table_row_className), children: (0, jsx_runtime_1.jsx)("span", { className: "".concat(utils_1.table_data_className), children: "8x" }) }), (0, jsx_runtime_1.jsx)("td", { className: "".concat(utils_1.table_row_className), children: (0, jsx_runtime_1.jsx)("span", { className: "".concat(utils_1.table_data_className), children: "64px = 4rem" }) })] }), (0, jsx_runtime_1.jsxs)("tr", { children: [(0, jsx_runtime_1.jsx)("td", { className: "".concat(utils_1.table_row_className), children: (0, jsx_runtime_1.jsx)("span", { className: "".concat(utils_1.table_data_className), children: "lu-pd-1000" }) }), (0, jsx_runtime_1.jsx)("td", { className: "".concat(utils_1.table_row_className), children: (0, jsx_runtime_1.jsx)("span", { className: "".concat(utils_1.table_data_className), children: "10x" }) }), (0, jsx_runtime_1.jsx)("td", { className: "".concat(utils_1.table_row_className), children: (0, jsx_runtime_1.jsx)("span", { className: "".concat(utils_1.table_data_className), children: "80px = 5rem" }) })] }), (0, jsx_runtime_1.jsxs)("tr", { children: [(0, jsx_runtime_1.jsx)("td", { className: "".concat(utils_1.table_row_className), children: (0, jsx_runtime_1.jsx)("span", { className: "".concat(utils_1.table_data_className), children: "lu-pd-1500" }) }), (0, jsx_runtime_1.jsx)("td", { className: "".concat(utils_1.table_row_className), children: (0, jsx_runtime_1.jsx)("span", { className: "".concat(utils_1.table_data_className), children: "15x" }) }), (0, jsx_runtime_1.jsx)("td", { className: "".concat(utils_1.table_row_className), children: (0, jsx_runtime_1.jsx)("span", { className: "".concat(utils_1.table_data_className), children: "120px = 7.5rem" }) })] }), (0, jsx_runtime_1.jsxs)("tr", { children: [(0, jsx_runtime_1.jsx)("td", { className: "".concat(utils_1.table_row_className), children: (0, jsx_runtime_1.jsx)("span", { className: "".concat(utils_1.table_data_className), children: "lu-pd-2000" }) }), (0, jsx_runtime_1.jsx)("td", { className: "".concat(utils_1.table_row_className), children: (0, jsx_runtime_1.jsx)("span", { className: "".concat(utils_1.table_data_className), children: "20x" }) }), (0, jsx_runtime_1.jsx)("td", { className: "".concat(utils_1.table_row_className), children: (0, jsx_runtime_1.jsx)("span", { className: "".concat(utils_1.table_data_className), children: "160px = 10rem" }) })] }), (0, jsx_runtime_1.jsxs)("tr", { children: [(0, jsx_runtime_1.jsx)("td", { className: "".concat(utils_1.table_row_className), children: (0, jsx_runtime_1.jsx)("span", { className: "".concat(utils_1.table_data_className), children: "lu-pd-2500" }) }), (0, jsx_runtime_1.jsx)("td", { className: "".concat(utils_1.table_row_className), children: (0, jsx_runtime_1.jsx)("span", { className: "".concat(utils_1.table_data_className), children: "25x" }) }), (0, jsx_runtime_1.jsx)("td", { className: "".concat(utils_1.table_row_className), children: (0, jsx_runtime_1.jsx)("span", { className: "".concat(utils_1.table_data_className), children: "200px = 12.5rem" }) })] }), (0, jsx_runtime_1.jsxs)("tr", { children: [(0, jsx_runtime_1.jsx)("td", { className: "".concat(utils_1.table_row_className), children: (0, jsx_runtime_1.jsx)("span", { className: "".concat(utils_1.table_data_className), children: "lu-pd-3000" }) }), (0, jsx_runtime_1.jsx)("td", { className: "".concat(utils_1.table_row_className), children: (0, jsx_runtime_1.jsx)("span", { className: "".concat(utils_1.table_data_className), children: "30x" }) }), (0, jsx_runtime_1.jsx)("td", { className: "".concat(utils_1.table_row_className), children: (0, jsx_runtime_1.jsx)("span", { className: "".concat(utils_1.table_data_className), children: "240px = 15rem" }) })] })] }));
|
|
8
|
-
};
|
|
9
|
-
exports.Padding = Padding;
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export declare const PaddingBottom: () => import("react/jsx-runtime").JSX.Element;
|
|
@@ -1,9 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
-
exports.PaddingBottom = void 0;
|
|
4
|
-
var jsx_runtime_1 = require("react/jsx-runtime");
|
|
5
|
-
var utils_1 = require("../../../utils");
|
|
6
|
-
var PaddingBottom = function () {
|
|
7
|
-
return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)("tr", { children: (0, jsx_runtime_1.jsx)("td", { colSpan: 3, className: "".concat(utils_1.table_sub_heading_className), children: "Padding Bottom" }) }), (0, jsx_runtime_1.jsxs)("tr", { children: [(0, jsx_runtime_1.jsx)("td", { className: "".concat(utils_1.table_row_className), children: (0, jsx_runtime_1.jsx)("span", { className: "".concat(utils_1.table_data_className), children: "lu-pb-0" }) }), (0, jsx_runtime_1.jsx)("td", { className: "".concat(utils_1.table_row_className), children: (0, jsx_runtime_1.jsx)("span", { className: "".concat(utils_1.table_data_className), children: "0x" }) }), (0, jsx_runtime_1.jsx)("td", { className: "".concat(utils_1.table_row_className), children: (0, jsx_runtime_1.jsx)("span", { className: "".concat(utils_1.table_data_className), children: "0px = 0rem" }) })] }), (0, jsx_runtime_1.jsxs)("tr", { children: [(0, jsx_runtime_1.jsx)("td", { className: "".concat(utils_1.table_row_className), children: (0, jsx_runtime_1.jsx)("span", { className: "".concat(utils_1.table_data_className), children: "lu-pb-050" }) }), (0, jsx_runtime_1.jsx)("td", { className: "".concat(utils_1.table_row_className), children: (0, jsx_runtime_1.jsx)("span", { className: "".concat(utils_1.table_data_className), children: "0.5x" }) }), (0, jsx_runtime_1.jsx)("td", { className: "".concat(utils_1.table_row_className), children: (0, jsx_runtime_1.jsx)("span", { className: "".concat(utils_1.table_data_className), children: "4px = 0.25rem" }) })] }), (0, jsx_runtime_1.jsxs)("tr", { children: [(0, jsx_runtime_1.jsx)("td", { className: "".concat(utils_1.table_row_className), children: (0, jsx_runtime_1.jsx)("span", { className: "".concat(utils_1.table_data_className), children: "lu-pb-100" }) }), (0, jsx_runtime_1.jsx)("td", { className: "".concat(utils_1.table_row_className), children: (0, jsx_runtime_1.jsx)("span", { className: "".concat(utils_1.table_data_className), children: "1x" }) }), (0, jsx_runtime_1.jsx)("td", { className: "".concat(utils_1.table_row_className), children: (0, jsx_runtime_1.jsx)("span", { className: "".concat(utils_1.table_data_className), children: "8px = 0.5rem" }) })] }), (0, jsx_runtime_1.jsxs)("tr", { children: [(0, jsx_runtime_1.jsx)("td", { className: "".concat(utils_1.table_row_className), children: (0, jsx_runtime_1.jsx)("span", { className: "".concat(utils_1.table_data_className), children: "lu-pb-150" }) }), (0, jsx_runtime_1.jsx)("td", { className: "".concat(utils_1.table_row_className), children: (0, jsx_runtime_1.jsx)("span", { className: "".concat(utils_1.table_data_className), children: "1.5x" }) }), (0, jsx_runtime_1.jsx)("td", { className: "".concat(utils_1.table_row_className), children: (0, jsx_runtime_1.jsx)("span", { className: "".concat(utils_1.table_data_className), children: "12px = 0.75rem" }) })] }), (0, jsx_runtime_1.jsxs)("tr", { children: [(0, jsx_runtime_1.jsx)("td", { className: "".concat(utils_1.table_row_className), children: (0, jsx_runtime_1.jsx)("span", { className: "".concat(utils_1.table_data_className), children: "lu-pb-200" }) }), (0, jsx_runtime_1.jsx)("td", { className: "".concat(utils_1.table_row_className), children: (0, jsx_runtime_1.jsx)("span", { className: "".concat(utils_1.table_data_className), children: "2x" }) }), (0, jsx_runtime_1.jsx)("td", { className: "".concat(utils_1.table_row_className), children: (0, jsx_runtime_1.jsx)("span", { className: "".concat(utils_1.table_data_className), children: "16px = 1rem" }) })] }), (0, jsx_runtime_1.jsxs)("tr", { children: [(0, jsx_runtime_1.jsx)("td", { className: "".concat(utils_1.table_row_className), children: (0, jsx_runtime_1.jsx)("span", { className: "".concat(utils_1.table_data_className), children: "lu-pb-250" }) }), (0, jsx_runtime_1.jsx)("td", { className: "".concat(utils_1.table_row_className), children: (0, jsx_runtime_1.jsx)("span", { className: "".concat(utils_1.table_data_className), children: "2.5x" }) }), (0, jsx_runtime_1.jsx)("td", { className: "".concat(utils_1.table_row_className), children: (0, jsx_runtime_1.jsx)("span", { className: "".concat(utils_1.table_data_className), children: "20px = 1.25rem" }) })] }), (0, jsx_runtime_1.jsxs)("tr", { children: [(0, jsx_runtime_1.jsx)("td", { className: "".concat(utils_1.table_row_className), children: (0, jsx_runtime_1.jsx)("span", { className: "".concat(utils_1.table_data_className), children: "lu-pb-300" }) }), (0, jsx_runtime_1.jsx)("td", { className: "".concat(utils_1.table_row_className), children: (0, jsx_runtime_1.jsx)("span", { className: "".concat(utils_1.table_data_className), children: "3x" }) }), (0, jsx_runtime_1.jsx)("td", { className: "".concat(utils_1.table_row_className), children: (0, jsx_runtime_1.jsx)("span", { className: "".concat(utils_1.table_data_className), children: "24px = 1.5rem" }) })] }), (0, jsx_runtime_1.jsxs)("tr", { children: [(0, jsx_runtime_1.jsx)("td", { className: "".concat(utils_1.table_row_className), children: (0, jsx_runtime_1.jsx)("span", { className: "".concat(utils_1.table_data_className), children: "lu-pb-400" }) }), (0, jsx_runtime_1.jsx)("td", { className: "".concat(utils_1.table_row_className), children: (0, jsx_runtime_1.jsx)("span", { className: "".concat(utils_1.table_data_className), children: "4x" }) }), (0, jsx_runtime_1.jsx)("td", { className: "".concat(utils_1.table_row_className), children: (0, jsx_runtime_1.jsx)("span", { className: "".concat(utils_1.table_data_className), children: "32px = 2rem" }) })] }), (0, jsx_runtime_1.jsxs)("tr", { children: [(0, jsx_runtime_1.jsx)("td", { className: "".concat(utils_1.table_row_className), children: (0, jsx_runtime_1.jsx)("span", { className: "".concat(utils_1.table_data_className), children: "lu-pb-500" }) }), (0, jsx_runtime_1.jsx)("td", { className: "".concat(utils_1.table_row_className), children: (0, jsx_runtime_1.jsx)("span", { className: "".concat(utils_1.table_data_className), children: "5x" }) }), (0, jsx_runtime_1.jsx)("td", { className: "".concat(utils_1.table_row_className), children: (0, jsx_runtime_1.jsx)("span", { className: "".concat(utils_1.table_data_className), children: "40px = 2.5rem" }) })] }), (0, jsx_runtime_1.jsxs)("tr", { children: [(0, jsx_runtime_1.jsx)("td", { className: "".concat(utils_1.table_row_className), children: (0, jsx_runtime_1.jsx)("span", { className: "".concat(utils_1.table_data_className), children: "lu-pb-600" }) }), (0, jsx_runtime_1.jsx)("td", { className: "".concat(utils_1.table_row_className), children: (0, jsx_runtime_1.jsx)("span", { className: "".concat(utils_1.table_data_className), children: "6x" }) }), (0, jsx_runtime_1.jsx)("td", { className: "".concat(utils_1.table_row_className), children: (0, jsx_runtime_1.jsx)("span", { className: "".concat(utils_1.table_data_className), children: "48px = 3rem" }) })] }), (0, jsx_runtime_1.jsxs)("tr", { children: [(0, jsx_runtime_1.jsx)("td", { className: "".concat(utils_1.table_row_className), children: (0, jsx_runtime_1.jsx)("span", { className: "".concat(utils_1.table_data_className), children: "lu-mb-800" }) }), (0, jsx_runtime_1.jsx)("td", { className: "".concat(utils_1.table_row_className), children: (0, jsx_runtime_1.jsx)("span", { className: "".concat(utils_1.table_data_className), children: "8x" }) }), (0, jsx_runtime_1.jsx)("td", { className: "".concat(utils_1.table_row_className), children: (0, jsx_runtime_1.jsx)("span", { className: "".concat(utils_1.table_data_className), children: "64px = 4rem" }) })] }), (0, jsx_runtime_1.jsxs)("tr", { children: [(0, jsx_runtime_1.jsx)("td", { className: "".concat(utils_1.table_row_className), children: (0, jsx_runtime_1.jsx)("span", { className: "".concat(utils_1.table_data_className), children: "lu-pb-1000" }) }), (0, jsx_runtime_1.jsx)("td", { className: "".concat(utils_1.table_row_className), children: (0, jsx_runtime_1.jsx)("span", { className: "".concat(utils_1.table_data_className), children: "10x" }) }), (0, jsx_runtime_1.jsx)("td", { className: "".concat(utils_1.table_row_className), children: (0, jsx_runtime_1.jsx)("span", { className: "".concat(utils_1.table_data_className), children: "80px = 5rem" }) })] }), (0, jsx_runtime_1.jsxs)("tr", { children: [(0, jsx_runtime_1.jsx)("td", { className: "".concat(utils_1.table_row_className), children: (0, jsx_runtime_1.jsx)("span", { className: "".concat(utils_1.table_data_className), children: "lu-pb-1500" }) }), (0, jsx_runtime_1.jsx)("td", { className: "".concat(utils_1.table_row_className), children: (0, jsx_runtime_1.jsx)("span", { className: "".concat(utils_1.table_data_className), children: "15x" }) }), (0, jsx_runtime_1.jsx)("td", { className: "".concat(utils_1.table_row_className), children: (0, jsx_runtime_1.jsx)("span", { className: "".concat(utils_1.table_data_className), children: "120px = 7.5rem" }) })] }), (0, jsx_runtime_1.jsxs)("tr", { children: [(0, jsx_runtime_1.jsx)("td", { className: "".concat(utils_1.table_row_className), children: (0, jsx_runtime_1.jsx)("span", { className: "".concat(utils_1.table_data_className), children: "lu-pb-2000" }) }), (0, jsx_runtime_1.jsx)("td", { className: "".concat(utils_1.table_row_className), children: (0, jsx_runtime_1.jsx)("span", { className: "".concat(utils_1.table_data_className), children: "20x" }) }), (0, jsx_runtime_1.jsx)("td", { className: "".concat(utils_1.table_row_className), children: (0, jsx_runtime_1.jsx)("span", { className: "".concat(utils_1.table_data_className), children: "160px = 10rem" }) })] }), (0, jsx_runtime_1.jsxs)("tr", { children: [(0, jsx_runtime_1.jsx)("td", { className: "".concat(utils_1.table_row_className), children: (0, jsx_runtime_1.jsx)("span", { className: "".concat(utils_1.table_data_className), children: "lu-pb-2500" }) }), (0, jsx_runtime_1.jsx)("td", { className: "".concat(utils_1.table_row_className), children: (0, jsx_runtime_1.jsx)("span", { className: "".concat(utils_1.table_data_className), children: "25x" }) }), (0, jsx_runtime_1.jsx)("td", { className: "".concat(utils_1.table_row_className), children: (0, jsx_runtime_1.jsx)("span", { className: "".concat(utils_1.table_data_className), children: "200px = 12.5rem" }) })] }), (0, jsx_runtime_1.jsxs)("tr", { children: [(0, jsx_runtime_1.jsx)("td", { className: "".concat(utils_1.table_row_className), children: (0, jsx_runtime_1.jsx)("span", { className: "".concat(utils_1.table_data_className), children: "lu-pb-3000" }) }), (0, jsx_runtime_1.jsx)("td", { className: "".concat(utils_1.table_row_className), children: (0, jsx_runtime_1.jsx)("span", { className: "".concat(utils_1.table_data_className), children: "30x" }) }), (0, jsx_runtime_1.jsx)("td", { className: "".concat(utils_1.table_row_className), children: (0, jsx_runtime_1.jsx)("span", { className: "".concat(utils_1.table_data_className), children: "240px = 15rem" }) })] })] }));
|
|
8
|
-
};
|
|
9
|
-
exports.PaddingBottom = PaddingBottom;
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export declare const PaddingLeft: () => import("react/jsx-runtime").JSX.Element;
|
|
@@ -1,9 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
-
exports.PaddingLeft = void 0;
|
|
4
|
-
var jsx_runtime_1 = require("react/jsx-runtime");
|
|
5
|
-
var utils_1 = require("../../../utils");
|
|
6
|
-
var PaddingLeft = function () {
|
|
7
|
-
return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)("tr", { children: (0, jsx_runtime_1.jsx)("td", { colSpan: 3, className: "".concat(utils_1.table_sub_heading_className), children: "Padding Left" }) }), (0, jsx_runtime_1.jsxs)("tr", { children: [(0, jsx_runtime_1.jsx)("td", { className: "".concat(utils_1.table_row_className), children: (0, jsx_runtime_1.jsx)("span", { className: "".concat(utils_1.table_data_className), children: "lu-pl-0" }) }), (0, jsx_runtime_1.jsx)("td", { className: "".concat(utils_1.table_row_className), children: (0, jsx_runtime_1.jsx)("span", { className: "".concat(utils_1.table_data_className), children: "0x" }) }), (0, jsx_runtime_1.jsx)("td", { className: "".concat(utils_1.table_row_className), children: (0, jsx_runtime_1.jsx)("span", { className: "".concat(utils_1.table_data_className), children: "0px = 0rem" }) })] }), (0, jsx_runtime_1.jsxs)("tr", { children: [(0, jsx_runtime_1.jsx)("td", { className: "".concat(utils_1.table_row_className), children: (0, jsx_runtime_1.jsx)("span", { className: "".concat(utils_1.table_data_className), children: "lu-pl-050" }) }), (0, jsx_runtime_1.jsx)("td", { className: "".concat(utils_1.table_row_className), children: (0, jsx_runtime_1.jsx)("span", { className: "".concat(utils_1.table_data_className), children: "0.5x" }) }), (0, jsx_runtime_1.jsx)("td", { className: "".concat(utils_1.table_row_className), children: (0, jsx_runtime_1.jsx)("span", { className: "".concat(utils_1.table_data_className), children: "4px = 0.25rem" }) })] }), (0, jsx_runtime_1.jsxs)("tr", { children: [(0, jsx_runtime_1.jsx)("td", { className: "".concat(utils_1.table_row_className), children: (0, jsx_runtime_1.jsx)("span", { className: "".concat(utils_1.table_data_className), children: "lu-pl-100" }) }), (0, jsx_runtime_1.jsx)("td", { className: "".concat(utils_1.table_row_className), children: (0, jsx_runtime_1.jsx)("span", { className: "".concat(utils_1.table_data_className), children: "1x" }) }), (0, jsx_runtime_1.jsx)("td", { className: "".concat(utils_1.table_row_className), children: (0, jsx_runtime_1.jsx)("span", { className: "".concat(utils_1.table_data_className), children: "8px = 0.5rem" }) })] }), (0, jsx_runtime_1.jsxs)("tr", { children: [(0, jsx_runtime_1.jsx)("td", { className: "".concat(utils_1.table_row_className), children: (0, jsx_runtime_1.jsx)("span", { className: "".concat(utils_1.table_data_className), children: "lu-pl-150" }) }), (0, jsx_runtime_1.jsx)("td", { className: "".concat(utils_1.table_row_className), children: (0, jsx_runtime_1.jsx)("span", { className: "".concat(utils_1.table_data_className), children: "1.5x" }) }), (0, jsx_runtime_1.jsx)("td", { className: "".concat(utils_1.table_row_className), children: (0, jsx_runtime_1.jsx)("span", { className: "".concat(utils_1.table_data_className), children: "12px = 0.75rem" }) })] }), (0, jsx_runtime_1.jsxs)("tr", { children: [(0, jsx_runtime_1.jsx)("td", { className: "".concat(utils_1.table_row_className), children: (0, jsx_runtime_1.jsx)("span", { className: "".concat(utils_1.table_data_className), children: "lu-pl-200" }) }), (0, jsx_runtime_1.jsx)("td", { className: "".concat(utils_1.table_row_className), children: (0, jsx_runtime_1.jsx)("span", { className: "".concat(utils_1.table_data_className), children: "2x" }) }), (0, jsx_runtime_1.jsx)("td", { className: "".concat(utils_1.table_row_className), children: (0, jsx_runtime_1.jsx)("span", { className: "".concat(utils_1.table_data_className), children: "16px = 1rem" }) })] }), (0, jsx_runtime_1.jsxs)("tr", { children: [(0, jsx_runtime_1.jsx)("td", { className: "".concat(utils_1.table_row_className), children: (0, jsx_runtime_1.jsx)("span", { className: "".concat(utils_1.table_data_className), children: "lu-pl-250" }) }), (0, jsx_runtime_1.jsx)("td", { className: "".concat(utils_1.table_row_className), children: (0, jsx_runtime_1.jsx)("span", { className: "".concat(utils_1.table_data_className), children: "2.5x" }) }), (0, jsx_runtime_1.jsx)("td", { className: "".concat(utils_1.table_row_className), children: (0, jsx_runtime_1.jsx)("span", { className: "".concat(utils_1.table_data_className), children: "20px = 1.25rem" }) })] }), (0, jsx_runtime_1.jsxs)("tr", { children: [(0, jsx_runtime_1.jsx)("td", { className: "".concat(utils_1.table_row_className), children: (0, jsx_runtime_1.jsx)("span", { className: "".concat(utils_1.table_data_className), children: "lu-pl-300" }) }), (0, jsx_runtime_1.jsx)("td", { className: "".concat(utils_1.table_row_className), children: (0, jsx_runtime_1.jsx)("span", { className: "".concat(utils_1.table_data_className), children: "3x" }) }), (0, jsx_runtime_1.jsx)("td", { className: "".concat(utils_1.table_row_className), children: (0, jsx_runtime_1.jsx)("span", { className: "".concat(utils_1.table_data_className), children: "24px = 1.5rem" }) })] }), (0, jsx_runtime_1.jsxs)("tr", { children: [(0, jsx_runtime_1.jsx)("td", { className: "".concat(utils_1.table_row_className), children: (0, jsx_runtime_1.jsx)("span", { className: "".concat(utils_1.table_data_className), children: "lu-pl-400" }) }), (0, jsx_runtime_1.jsx)("td", { className: "".concat(utils_1.table_row_className), children: (0, jsx_runtime_1.jsx)("span", { className: "".concat(utils_1.table_data_className), children: "4x" }) }), (0, jsx_runtime_1.jsx)("td", { className: "".concat(utils_1.table_row_className), children: (0, jsx_runtime_1.jsx)("span", { className: "".concat(utils_1.table_data_className), children: "32px = 2rem" }) })] }), (0, jsx_runtime_1.jsxs)("tr", { children: [(0, jsx_runtime_1.jsx)("td", { className: "".concat(utils_1.table_row_className), children: (0, jsx_runtime_1.jsx)("span", { className: "".concat(utils_1.table_data_className), children: "lu-pl-500" }) }), (0, jsx_runtime_1.jsx)("td", { className: "".concat(utils_1.table_row_className), children: (0, jsx_runtime_1.jsx)("span", { className: "".concat(utils_1.table_data_className), children: "5x" }) }), (0, jsx_runtime_1.jsx)("td", { className: "".concat(utils_1.table_row_className), children: (0, jsx_runtime_1.jsx)("span", { className: "".concat(utils_1.table_data_className), children: "40px = 2.5rem" }) })] }), (0, jsx_runtime_1.jsxs)("tr", { children: [(0, jsx_runtime_1.jsx)("td", { className: "".concat(utils_1.table_row_className), children: (0, jsx_runtime_1.jsx)("span", { className: "".concat(utils_1.table_data_className), children: "lu-pl-600" }) }), (0, jsx_runtime_1.jsx)("td", { className: "".concat(utils_1.table_row_className), children: (0, jsx_runtime_1.jsx)("span", { className: "".concat(utils_1.table_data_className), children: "6x" }) }), (0, jsx_runtime_1.jsx)("td", { className: "".concat(utils_1.table_row_className), children: (0, jsx_runtime_1.jsx)("span", { className: "".concat(utils_1.table_data_className), children: "48px = 3rem" }) })] }), (0, jsx_runtime_1.jsxs)("tr", { children: [(0, jsx_runtime_1.jsx)("td", { className: "".concat(utils_1.table_row_className), children: (0, jsx_runtime_1.jsx)("span", { className: "".concat(utils_1.table_data_className), children: "lu-pl-800" }) }), (0, jsx_runtime_1.jsx)("td", { className: "".concat(utils_1.table_row_className), children: (0, jsx_runtime_1.jsx)("span", { className: "".concat(utils_1.table_data_className), children: "8x" }) }), (0, jsx_runtime_1.jsx)("td", { className: "".concat(utils_1.table_row_className), children: (0, jsx_runtime_1.jsx)("span", { className: "".concat(utils_1.table_data_className), children: "64px = 4rem" }) })] }), (0, jsx_runtime_1.jsxs)("tr", { children: [(0, jsx_runtime_1.jsx)("td", { className: "".concat(utils_1.table_row_className), children: (0, jsx_runtime_1.jsx)("span", { className: "".concat(utils_1.table_data_className), children: "lu-pl-1000" }) }), (0, jsx_runtime_1.jsx)("td", { className: "".concat(utils_1.table_row_className), children: (0, jsx_runtime_1.jsx)("span", { className: "".concat(utils_1.table_data_className), children: "10x" }) }), (0, jsx_runtime_1.jsx)("td", { className: "".concat(utils_1.table_row_className), children: (0, jsx_runtime_1.jsx)("span", { className: "".concat(utils_1.table_data_className), children: "80px = 5rem" }) })] }), (0, jsx_runtime_1.jsxs)("tr", { children: [(0, jsx_runtime_1.jsx)("td", { className: "".concat(utils_1.table_row_className), children: (0, jsx_runtime_1.jsx)("span", { className: "".concat(utils_1.table_data_className), children: "lu-pl-1500" }) }), (0, jsx_runtime_1.jsx)("td", { className: "".concat(utils_1.table_row_className), children: (0, jsx_runtime_1.jsx)("span", { className: "".concat(utils_1.table_data_className), children: "15x" }) }), (0, jsx_runtime_1.jsx)("td", { className: "".concat(utils_1.table_row_className), children: (0, jsx_runtime_1.jsx)("span", { className: "".concat(utils_1.table_data_className), children: "120px = 7.5rem" }) })] }), (0, jsx_runtime_1.jsxs)("tr", { children: [(0, jsx_runtime_1.jsx)("td", { className: "".concat(utils_1.table_row_className), children: (0, jsx_runtime_1.jsx)("span", { className: "".concat(utils_1.table_data_className), children: "lu-pl-2000" }) }), (0, jsx_runtime_1.jsx)("td", { className: "".concat(utils_1.table_row_className), children: (0, jsx_runtime_1.jsx)("span", { className: "".concat(utils_1.table_data_className), children: "20x" }) }), (0, jsx_runtime_1.jsx)("td", { className: "".concat(utils_1.table_row_className), children: (0, jsx_runtime_1.jsx)("span", { className: "".concat(utils_1.table_data_className), children: "160px = 10rem" }) })] }), (0, jsx_runtime_1.jsxs)("tr", { children: [(0, jsx_runtime_1.jsx)("td", { className: "".concat(utils_1.table_row_className), children: (0, jsx_runtime_1.jsx)("span", { className: "".concat(utils_1.table_data_className), children: "lu-pl-2500" }) }), (0, jsx_runtime_1.jsx)("td", { className: "".concat(utils_1.table_row_className), children: (0, jsx_runtime_1.jsx)("span", { className: "".concat(utils_1.table_data_className), children: "25x" }) }), (0, jsx_runtime_1.jsx)("td", { className: "".concat(utils_1.table_row_className), children: (0, jsx_runtime_1.jsx)("span", { className: "".concat(utils_1.table_data_className), children: "200px = 12.5rem" }) })] }), (0, jsx_runtime_1.jsxs)("tr", { children: [(0, jsx_runtime_1.jsx)("td", { className: "".concat(utils_1.table_row_className), children: (0, jsx_runtime_1.jsx)("span", { className: "".concat(utils_1.table_data_className), children: "lu-pl-3000" }) }), (0, jsx_runtime_1.jsx)("td", { className: "".concat(utils_1.table_row_className), children: (0, jsx_runtime_1.jsx)("span", { className: "".concat(utils_1.table_data_className), children: "30x" }) }), (0, jsx_runtime_1.jsx)("td", { className: "".concat(utils_1.table_row_className), children: (0, jsx_runtime_1.jsx)("span", { className: "".concat(utils_1.table_data_className), children: "240px = 15rem" }) })] })] }));
|
|
8
|
-
};
|
|
9
|
-
exports.PaddingLeft = PaddingLeft;
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export declare const PaddingRight: () => import("react/jsx-runtime").JSX.Element;
|
|
@@ -1,9 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
-
exports.PaddingRight = void 0;
|
|
4
|
-
var jsx_runtime_1 = require("react/jsx-runtime");
|
|
5
|
-
var utils_1 = require("../../../utils");
|
|
6
|
-
var PaddingRight = function () {
|
|
7
|
-
return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)("tr", { children: (0, jsx_runtime_1.jsx)("td", { colSpan: 3, className: "".concat(utils_1.table_sub_heading_className), children: "Padding Right" }) }), (0, jsx_runtime_1.jsxs)("tr", { children: [(0, jsx_runtime_1.jsx)("td", { className: "".concat(utils_1.table_row_className), children: (0, jsx_runtime_1.jsx)("span", { className: "".concat(utils_1.table_data_className), children: "lu-pr-0" }) }), (0, jsx_runtime_1.jsx)("td", { className: "".concat(utils_1.table_row_className), children: (0, jsx_runtime_1.jsx)("span", { className: "".concat(utils_1.table_data_className), children: "0x" }) }), (0, jsx_runtime_1.jsx)("td", { className: "".concat(utils_1.table_row_className), children: (0, jsx_runtime_1.jsx)("span", { className: "".concat(utils_1.table_data_className), children: "0px = 0rem" }) })] }), (0, jsx_runtime_1.jsxs)("tr", { children: [(0, jsx_runtime_1.jsx)("td", { className: "".concat(utils_1.table_row_className), children: (0, jsx_runtime_1.jsx)("span", { className: "".concat(utils_1.table_data_className), children: "lu-pr-050" }) }), (0, jsx_runtime_1.jsx)("td", { className: "".concat(utils_1.table_row_className), children: (0, jsx_runtime_1.jsx)("span", { className: "".concat(utils_1.table_data_className), children: "0.5x" }) }), (0, jsx_runtime_1.jsx)("td", { className: "".concat(utils_1.table_row_className), children: (0, jsx_runtime_1.jsx)("span", { className: "".concat(utils_1.table_data_className), children: "4px = 0.25rem" }) })] }), (0, jsx_runtime_1.jsxs)("tr", { children: [(0, jsx_runtime_1.jsx)("td", { className: "".concat(utils_1.table_row_className), children: (0, jsx_runtime_1.jsx)("span", { className: "".concat(utils_1.table_data_className), children: "lu-pr-100" }) }), (0, jsx_runtime_1.jsx)("td", { className: "".concat(utils_1.table_row_className), children: (0, jsx_runtime_1.jsx)("span", { className: "".concat(utils_1.table_data_className), children: "1x" }) }), (0, jsx_runtime_1.jsx)("td", { className: "".concat(utils_1.table_row_className), children: (0, jsx_runtime_1.jsx)("span", { className: "".concat(utils_1.table_data_className), children: "8px = 0.5rem" }) })] }), (0, jsx_runtime_1.jsxs)("tr", { children: [(0, jsx_runtime_1.jsx)("td", { className: "".concat(utils_1.table_row_className), children: (0, jsx_runtime_1.jsx)("span", { className: "".concat(utils_1.table_data_className), children: "lu-pr-150" }) }), (0, jsx_runtime_1.jsx)("td", { className: "".concat(utils_1.table_row_className), children: (0, jsx_runtime_1.jsx)("span", { className: "".concat(utils_1.table_data_className), children: "1.5x" }) }), (0, jsx_runtime_1.jsx)("td", { className: "".concat(utils_1.table_row_className), children: (0, jsx_runtime_1.jsx)("span", { className: "".concat(utils_1.table_data_className), children: "12px = 0.75rem" }) })] }), (0, jsx_runtime_1.jsxs)("tr", { children: [(0, jsx_runtime_1.jsx)("td", { className: "".concat(utils_1.table_row_className), children: (0, jsx_runtime_1.jsx)("span", { className: "".concat(utils_1.table_data_className), children: "lu-pr-200" }) }), (0, jsx_runtime_1.jsx)("td", { className: "".concat(utils_1.table_row_className), children: (0, jsx_runtime_1.jsx)("span", { className: "".concat(utils_1.table_data_className), children: "2x" }) }), (0, jsx_runtime_1.jsx)("td", { className: "".concat(utils_1.table_row_className), children: (0, jsx_runtime_1.jsx)("span", { className: "".concat(utils_1.table_data_className), children: "16px = 1rem" }) })] }), (0, jsx_runtime_1.jsxs)("tr", { children: [(0, jsx_runtime_1.jsx)("td", { className: "".concat(utils_1.table_row_className), children: (0, jsx_runtime_1.jsx)("span", { className: "".concat(utils_1.table_data_className), children: "lu-pr-250" }) }), (0, jsx_runtime_1.jsx)("td", { className: "".concat(utils_1.table_row_className), children: (0, jsx_runtime_1.jsx)("span", { className: "".concat(utils_1.table_data_className), children: "2.5x" }) }), (0, jsx_runtime_1.jsx)("td", { className: "".concat(utils_1.table_row_className), children: (0, jsx_runtime_1.jsx)("span", { className: "".concat(utils_1.table_data_className), children: "20px = 1.25rem" }) })] }), (0, jsx_runtime_1.jsxs)("tr", { children: [(0, jsx_runtime_1.jsx)("td", { className: "".concat(utils_1.table_row_className), children: (0, jsx_runtime_1.jsx)("span", { className: "".concat(utils_1.table_data_className), children: "lu-pr-300" }) }), (0, jsx_runtime_1.jsx)("td", { className: "".concat(utils_1.table_row_className), children: (0, jsx_runtime_1.jsx)("span", { className: "".concat(utils_1.table_data_className), children: "3x" }) }), (0, jsx_runtime_1.jsx)("td", { className: "".concat(utils_1.table_row_className), children: (0, jsx_runtime_1.jsx)("span", { className: "".concat(utils_1.table_data_className), children: "24px = 1.5rem" }) })] }), (0, jsx_runtime_1.jsxs)("tr", { children: [(0, jsx_runtime_1.jsx)("td", { className: "".concat(utils_1.table_row_className), children: (0, jsx_runtime_1.jsx)("span", { className: "".concat(utils_1.table_data_className), children: "lu-pr-400" }) }), (0, jsx_runtime_1.jsx)("td", { className: "".concat(utils_1.table_row_className), children: (0, jsx_runtime_1.jsx)("span", { className: "".concat(utils_1.table_data_className), children: "4x" }) }), (0, jsx_runtime_1.jsx)("td", { className: "".concat(utils_1.table_row_className), children: (0, jsx_runtime_1.jsx)("span", { className: "".concat(utils_1.table_data_className), children: "32px = 2rem" }) })] }), (0, jsx_runtime_1.jsxs)("tr", { children: [(0, jsx_runtime_1.jsx)("td", { className: "".concat(utils_1.table_row_className), children: (0, jsx_runtime_1.jsx)("span", { className: "".concat(utils_1.table_data_className), children: "lu-pr-500" }) }), (0, jsx_runtime_1.jsx)("td", { className: "".concat(utils_1.table_row_className), children: (0, jsx_runtime_1.jsx)("span", { className: "".concat(utils_1.table_data_className), children: "5x" }) }), (0, jsx_runtime_1.jsx)("td", { className: "".concat(utils_1.table_row_className), children: (0, jsx_runtime_1.jsx)("span", { className: "".concat(utils_1.table_data_className), children: "40px = 2.5rem" }) })] }), (0, jsx_runtime_1.jsxs)("tr", { children: [(0, jsx_runtime_1.jsx)("td", { className: "".concat(utils_1.table_row_className), children: (0, jsx_runtime_1.jsx)("span", { className: "".concat(utils_1.table_data_className), children: "lu-pr-600" }) }), (0, jsx_runtime_1.jsx)("td", { className: "".concat(utils_1.table_row_className), children: (0, jsx_runtime_1.jsx)("span", { className: "".concat(utils_1.table_data_className), children: "6x" }) }), (0, jsx_runtime_1.jsx)("td", { className: "".concat(utils_1.table_row_className), children: (0, jsx_runtime_1.jsx)("span", { className: "".concat(utils_1.table_data_className), children: "48px = 3rem" }) })] }), (0, jsx_runtime_1.jsxs)("tr", { children: [(0, jsx_runtime_1.jsx)("td", { className: "".concat(utils_1.table_row_className), children: (0, jsx_runtime_1.jsx)("span", { className: "".concat(utils_1.table_data_className), children: "lu-pr-800" }) }), (0, jsx_runtime_1.jsx)("td", { className: "".concat(utils_1.table_row_className), children: (0, jsx_runtime_1.jsx)("span", { className: "".concat(utils_1.table_data_className), children: "8x" }) }), (0, jsx_runtime_1.jsx)("td", { className: "".concat(utils_1.table_row_className), children: (0, jsx_runtime_1.jsx)("span", { className: "".concat(utils_1.table_data_className), children: "64px = 4rem" }) })] }), (0, jsx_runtime_1.jsxs)("tr", { children: [(0, jsx_runtime_1.jsx)("td", { className: "".concat(utils_1.table_row_className), children: (0, jsx_runtime_1.jsx)("span", { className: "".concat(utils_1.table_data_className), children: "lu-pr-1000" }) }), (0, jsx_runtime_1.jsx)("td", { className: "".concat(utils_1.table_row_className), children: (0, jsx_runtime_1.jsx)("span", { className: "".concat(utils_1.table_data_className), children: "10x" }) }), (0, jsx_runtime_1.jsx)("td", { className: "".concat(utils_1.table_row_className), children: (0, jsx_runtime_1.jsx)("span", { className: "".concat(utils_1.table_data_className), children: "80px = 5rem" }) })] }), (0, jsx_runtime_1.jsxs)("tr", { children: [(0, jsx_runtime_1.jsx)("td", { className: "".concat(utils_1.table_row_className), children: (0, jsx_runtime_1.jsx)("span", { className: "".concat(utils_1.table_data_className), children: "lu-pr-1500" }) }), (0, jsx_runtime_1.jsx)("td", { className: "".concat(utils_1.table_row_className), children: (0, jsx_runtime_1.jsx)("span", { className: "".concat(utils_1.table_data_className), children: "15x" }) }), (0, jsx_runtime_1.jsx)("td", { className: "".concat(utils_1.table_row_className), children: (0, jsx_runtime_1.jsx)("span", { className: "".concat(utils_1.table_data_className), children: "120px = 7.5rem" }) })] }), (0, jsx_runtime_1.jsxs)("tr", { children: [(0, jsx_runtime_1.jsx)("td", { className: "".concat(utils_1.table_row_className), children: (0, jsx_runtime_1.jsx)("span", { className: "".concat(utils_1.table_data_className), children: "lu-pr-2000" }) }), (0, jsx_runtime_1.jsx)("td", { className: "".concat(utils_1.table_row_className), children: (0, jsx_runtime_1.jsx)("span", { className: "".concat(utils_1.table_data_className), children: "20x" }) }), (0, jsx_runtime_1.jsx)("td", { className: "".concat(utils_1.table_row_className), children: (0, jsx_runtime_1.jsx)("span", { className: "".concat(utils_1.table_data_className), children: "160px = 10rem" }) })] }), (0, jsx_runtime_1.jsxs)("tr", { children: [(0, jsx_runtime_1.jsx)("td", { className: "".concat(utils_1.table_row_className), children: (0, jsx_runtime_1.jsx)("span", { className: "".concat(utils_1.table_data_className), children: "lu-pr-2500" }) }), (0, jsx_runtime_1.jsx)("td", { className: "".concat(utils_1.table_row_className), children: (0, jsx_runtime_1.jsx)("span", { className: "".concat(utils_1.table_data_className), children: "25x" }) }), (0, jsx_runtime_1.jsx)("td", { className: "".concat(utils_1.table_row_className), children: (0, jsx_runtime_1.jsx)("span", { className: "".concat(utils_1.table_data_className), children: "200px = 12.5rem" }) })] }), (0, jsx_runtime_1.jsxs)("tr", { children: [(0, jsx_runtime_1.jsx)("td", { className: "".concat(utils_1.table_row_className), children: (0, jsx_runtime_1.jsx)("span", { className: "".concat(utils_1.table_data_className), children: "lu-pr-3000" }) }), (0, jsx_runtime_1.jsx)("td", { className: "".concat(utils_1.table_row_className), children: (0, jsx_runtime_1.jsx)("span", { className: "".concat(utils_1.table_data_className), children: "30x" }) }), (0, jsx_runtime_1.jsx)("td", { className: "".concat(utils_1.table_row_className), children: (0, jsx_runtime_1.jsx)("span", { className: "".concat(utils_1.table_data_className), children: "240px = 15rem" }) })] })] }));
|
|
8
|
-
};
|
|
9
|
-
exports.PaddingRight = PaddingRight;
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export declare const PaddingToken: () => import("react/jsx-runtime").JSX.Element;
|
|
@@ -1,16 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
-
exports.PaddingToken = void 0;
|
|
4
|
-
var jsx_runtime_1 = require("react/jsx-runtime");
|
|
5
|
-
var utils_1 = require("../../../utils");
|
|
6
|
-
var Padding_1 = require("./Padding");
|
|
7
|
-
var PaddingLeft_1 = require("./PaddingLeft");
|
|
8
|
-
var PaddingRight_1 = require("./PaddingRight");
|
|
9
|
-
var PaddingTop_1 = require("./PaddingTop");
|
|
10
|
-
var PaddingBottom_1 = require("./PaddingBottom");
|
|
11
|
-
var PaddingX_1 = require("./PaddingX");
|
|
12
|
-
var PaddingY_1 = require("./PaddingY");
|
|
13
|
-
var PaddingToken = function () {
|
|
14
|
-
return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)("div", { className: "lu-font-size-large lu-font-weight-semibold lu-text-center lu-text-uppercase lu-text-decoration-underline lu-mb-100", children: "Spacing Token" }), (0, jsx_runtime_1.jsxs)("table", { className: "lu-width-100 lu-font-size-x-small lu-font-weight-medium", children: [(0, jsx_runtime_1.jsx)("thead", { className: "bg-primary-100", children: (0, jsx_runtime_1.jsxs)("tr", { children: [(0, jsx_runtime_1.jsx)("th", { className: "".concat(utils_1.table_header_className), children: "Alias Token Name" }), (0, jsx_runtime_1.jsx)("th", { className: "".concat(utils_1.table_header_className), children: "Base unit Multiplier of 8" }), (0, jsx_runtime_1.jsx)("th", { className: "".concat(utils_1.table_header_className), children: "Value(PX)(REM)" })] }) }), (0, jsx_runtime_1.jsxs)("tbody", { children: [(0, jsx_runtime_1.jsx)(Padding_1.Padding, {}), (0, jsx_runtime_1.jsx)(PaddingLeft_1.PaddingLeft, {}), (0, jsx_runtime_1.jsx)(PaddingRight_1.PaddingRight, {}), (0, jsx_runtime_1.jsx)(PaddingTop_1.PaddingTop, {}), (0, jsx_runtime_1.jsx)(PaddingBottom_1.PaddingBottom, {}), (0, jsx_runtime_1.jsx)(PaddingX_1.PaddingX, {}), (0, jsx_runtime_1.jsx)(PaddingY_1.PaddingY, {})] })] })] }));
|
|
15
|
-
};
|
|
16
|
-
exports.PaddingToken = PaddingToken;
|
|
@@ -1,22 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
var __assign = (this && this.__assign) || function () {
|
|
3
|
-
__assign = Object.assign || function(t) {
|
|
4
|
-
for (var s, i = 1, n = arguments.length; i < n; i++) {
|
|
5
|
-
s = arguments[i];
|
|
6
|
-
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
|
|
7
|
-
t[p] = s[p];
|
|
8
|
-
}
|
|
9
|
-
return t;
|
|
10
|
-
};
|
|
11
|
-
return __assign.apply(this, arguments);
|
|
12
|
-
};
|
|
13
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
|
14
|
-
exports.Padding = void 0;
|
|
15
|
-
var jsx_runtime_1 = require("react/jsx-runtime");
|
|
16
|
-
var PaddingToken_1 = require("../../../components/Spacing/Padding/PaddingToken");
|
|
17
|
-
exports.default = {
|
|
18
|
-
title: "Components/Spacing",
|
|
19
|
-
component: PaddingToken_1.PaddingToken,
|
|
20
|
-
};
|
|
21
|
-
var Template = function (args) { return (0, jsx_runtime_1.jsx)(PaddingToken_1.PaddingToken, __assign({}, args)); };
|
|
22
|
-
exports.Padding = Template.bind({});
|
|
@@ -1,22 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
-
var jsx_runtime_1 = require("react/jsx-runtime");
|
|
4
|
-
var react_1 = require("@testing-library/react");
|
|
5
|
-
var PaddingToken_1 = require("./PaddingToken");
|
|
6
|
-
describe("PaddingToken Component", function () {
|
|
7
|
-
it("renders the spacing token table with correct headers and tokens", function () {
|
|
8
|
-
(0, react_1.render)((0, jsx_runtime_1.jsx)(PaddingToken_1.PaddingToken, {}));
|
|
9
|
-
// Verify the section title is displayed
|
|
10
|
-
expect(react_1.screen.getByText("Spacing Token", { exact: true })).toBeInTheDocument();
|
|
11
|
-
// Check if table headers are displayed
|
|
12
|
-
expect(react_1.screen.getByText("Alias Token Name")).toBeInTheDocument();
|
|
13
|
-
expect(react_1.screen.getByText("Base unit Multiplier of 8")).toBeInTheDocument();
|
|
14
|
-
expect(react_1.screen.getByText("Value(PX)(REM)")).toBeInTheDocument();
|
|
15
|
-
// Verify the tokens from Margin components are rendered
|
|
16
|
-
expect(react_1.screen.getByText("lu-pd-100")).toBeInTheDocument(); // Example from padding
|
|
17
|
-
expect(react_1.screen.getByText("lu-pt-100")).toBeInTheDocument(); // Example from paddingTop
|
|
18
|
-
expect(react_1.screen.getByText("lu-pl-100")).toBeInTheDocument(); // Example from paddingLeft
|
|
19
|
-
expect(react_1.screen.getByText("lu-pb-100")).toBeInTheDocument(); // Example from paddingBottom
|
|
20
|
-
expect(react_1.screen.getByText("lu-pr-100")).toBeInTheDocument(); // Example from paddingRight
|
|
21
|
-
});
|
|
22
|
-
});
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export declare const PaddingTop: () => import("react/jsx-runtime").JSX.Element;
|
|
@@ -1,9 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
-
exports.PaddingTop = void 0;
|
|
4
|
-
var jsx_runtime_1 = require("react/jsx-runtime");
|
|
5
|
-
var utils_1 = require("../../../utils");
|
|
6
|
-
var PaddingTop = function () {
|
|
7
|
-
return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)("tr", { children: (0, jsx_runtime_1.jsx)("td", { colSpan: 3, className: "".concat(utils_1.table_sub_heading_className), children: "Padding Top" }) }), (0, jsx_runtime_1.jsxs)("tr", { children: [(0, jsx_runtime_1.jsx)("td", { className: "".concat(utils_1.table_row_className), children: (0, jsx_runtime_1.jsx)("span", { className: "".concat(utils_1.table_data_className), children: "lu-pt-0" }) }), (0, jsx_runtime_1.jsx)("td", { className: "".concat(utils_1.table_row_className), children: (0, jsx_runtime_1.jsx)("span", { className: "".concat(utils_1.table_data_className), children: "0x" }) }), (0, jsx_runtime_1.jsx)("td", { className: "".concat(utils_1.table_row_className), children: (0, jsx_runtime_1.jsx)("span", { className: "".concat(utils_1.table_data_className), children: "0px = 0rem" }) })] }), (0, jsx_runtime_1.jsxs)("tr", { children: [(0, jsx_runtime_1.jsx)("td", { className: "".concat(utils_1.table_row_className), children: (0, jsx_runtime_1.jsx)("span", { className: "".concat(utils_1.table_data_className), children: "lu-pt-050" }) }), (0, jsx_runtime_1.jsx)("td", { className: "".concat(utils_1.table_row_className), children: (0, jsx_runtime_1.jsx)("span", { className: "".concat(utils_1.table_data_className), children: "0.5x" }) }), (0, jsx_runtime_1.jsx)("td", { className: "".concat(utils_1.table_row_className), children: (0, jsx_runtime_1.jsx)("span", { className: "".concat(utils_1.table_data_className), children: "4px = 0.25rem" }) })] }), (0, jsx_runtime_1.jsxs)("tr", { children: [(0, jsx_runtime_1.jsx)("td", { className: "".concat(utils_1.table_row_className), children: (0, jsx_runtime_1.jsx)("span", { className: "".concat(utils_1.table_data_className), children: "lu-pt-100" }) }), (0, jsx_runtime_1.jsx)("td", { className: "".concat(utils_1.table_row_className), children: (0, jsx_runtime_1.jsx)("span", { className: "".concat(utils_1.table_data_className), children: "1x" }) }), (0, jsx_runtime_1.jsx)("td", { className: "".concat(utils_1.table_row_className), children: (0, jsx_runtime_1.jsx)("span", { className: "".concat(utils_1.table_data_className), children: "8px = 0.5rem" }) })] }), (0, jsx_runtime_1.jsxs)("tr", { children: [(0, jsx_runtime_1.jsx)("td", { className: "".concat(utils_1.table_row_className), children: (0, jsx_runtime_1.jsx)("span", { className: "".concat(utils_1.table_data_className), children: "lu-pt-150" }) }), (0, jsx_runtime_1.jsx)("td", { className: "".concat(utils_1.table_row_className), children: (0, jsx_runtime_1.jsx)("span", { className: "".concat(utils_1.table_data_className), children: "1.5x" }) }), (0, jsx_runtime_1.jsx)("td", { className: "".concat(utils_1.table_row_className), children: (0, jsx_runtime_1.jsx)("span", { className: "".concat(utils_1.table_data_className), children: "12px = 0.75rem" }) })] }), (0, jsx_runtime_1.jsxs)("tr", { children: [(0, jsx_runtime_1.jsx)("td", { className: "".concat(utils_1.table_row_className), children: (0, jsx_runtime_1.jsx)("span", { className: "".concat(utils_1.table_data_className), children: "lu-pt-200" }) }), (0, jsx_runtime_1.jsx)("td", { className: "".concat(utils_1.table_row_className), children: (0, jsx_runtime_1.jsx)("span", { className: "".concat(utils_1.table_data_className), children: "2x" }) }), (0, jsx_runtime_1.jsx)("td", { className: "".concat(utils_1.table_row_className), children: (0, jsx_runtime_1.jsx)("span", { className: "".concat(utils_1.table_data_className), children: "16px = 1rem" }) })] }), (0, jsx_runtime_1.jsxs)("tr", { children: [(0, jsx_runtime_1.jsx)("td", { className: "".concat(utils_1.table_row_className), children: (0, jsx_runtime_1.jsx)("span", { className: "".concat(utils_1.table_data_className), children: "lu-mt-250" }) }), (0, jsx_runtime_1.jsx)("td", { className: "".concat(utils_1.table_row_className), children: (0, jsx_runtime_1.jsx)("span", { className: "".concat(utils_1.table_data_className), children: "2.5x" }) }), (0, jsx_runtime_1.jsx)("td", { className: "".concat(utils_1.table_row_className), children: (0, jsx_runtime_1.jsx)("span", { className: "".concat(utils_1.table_data_className), children: "20px = 1.25rem" }) })] }), (0, jsx_runtime_1.jsxs)("tr", { children: [(0, jsx_runtime_1.jsx)("td", { className: "".concat(utils_1.table_row_className), children: (0, jsx_runtime_1.jsx)("span", { className: "".concat(utils_1.table_data_className), children: "lu-pt-300" }) }), (0, jsx_runtime_1.jsx)("td", { className: "".concat(utils_1.table_row_className), children: (0, jsx_runtime_1.jsx)("span", { className: "".concat(utils_1.table_data_className), children: "3x" }) }), (0, jsx_runtime_1.jsx)("td", { className: "".concat(utils_1.table_row_className), children: (0, jsx_runtime_1.jsx)("span", { className: "".concat(utils_1.table_data_className), children: "24px = 1.5rem" }) })] }), (0, jsx_runtime_1.jsxs)("tr", { children: [(0, jsx_runtime_1.jsx)("td", { className: "".concat(utils_1.table_row_className), children: (0, jsx_runtime_1.jsx)("span", { className: "".concat(utils_1.table_data_className), children: "lu-pt-400" }) }), (0, jsx_runtime_1.jsx)("td", { className: "".concat(utils_1.table_row_className), children: (0, jsx_runtime_1.jsx)("span", { className: "".concat(utils_1.table_data_className), children: "4x" }) }), (0, jsx_runtime_1.jsx)("td", { className: "".concat(utils_1.table_row_className), children: (0, jsx_runtime_1.jsx)("span", { className: "".concat(utils_1.table_data_className), children: "32px = 2rem" }) })] }), (0, jsx_runtime_1.jsxs)("tr", { children: [(0, jsx_runtime_1.jsx)("td", { className: "".concat(utils_1.table_row_className), children: (0, jsx_runtime_1.jsx)("span", { className: "".concat(utils_1.table_data_className), children: "lu-pt-500" }) }), (0, jsx_runtime_1.jsx)("td", { className: "".concat(utils_1.table_row_className), children: (0, jsx_runtime_1.jsx)("span", { className: "".concat(utils_1.table_data_className), children: "5x" }) }), (0, jsx_runtime_1.jsx)("td", { className: "".concat(utils_1.table_row_className), children: (0, jsx_runtime_1.jsx)("span", { className: "".concat(utils_1.table_data_className), children: "40px = 2.5rem" }) })] }), (0, jsx_runtime_1.jsxs)("tr", { children: [(0, jsx_runtime_1.jsx)("td", { className: "".concat(utils_1.table_row_className), children: (0, jsx_runtime_1.jsx)("span", { className: "".concat(utils_1.table_data_className), children: "lu-pt-600" }) }), (0, jsx_runtime_1.jsx)("td", { className: "".concat(utils_1.table_row_className), children: (0, jsx_runtime_1.jsx)("span", { className: "".concat(utils_1.table_data_className), children: "6x" }) }), (0, jsx_runtime_1.jsx)("td", { className: "".concat(utils_1.table_row_className), children: (0, jsx_runtime_1.jsx)("span", { className: "".concat(utils_1.table_data_className), children: "48px = 3rem" }) })] }), (0, jsx_runtime_1.jsxs)("tr", { children: [(0, jsx_runtime_1.jsx)("td", { className: "".concat(utils_1.table_row_className), children: (0, jsx_runtime_1.jsx)("span", { className: "".concat(utils_1.table_data_className), children: "lu-mt-800" }) }), (0, jsx_runtime_1.jsx)("td", { className: "".concat(utils_1.table_row_className), children: (0, jsx_runtime_1.jsx)("span", { className: "".concat(utils_1.table_data_className), children: "8x" }) }), (0, jsx_runtime_1.jsx)("td", { className: "".concat(utils_1.table_row_className), children: (0, jsx_runtime_1.jsx)("span", { className: "".concat(utils_1.table_data_className), children: "64px = 4rem" }) })] }), (0, jsx_runtime_1.jsxs)("tr", { children: [(0, jsx_runtime_1.jsx)("td", { className: "".concat(utils_1.table_row_className), children: (0, jsx_runtime_1.jsx)("span", { className: "".concat(utils_1.table_data_className), children: "lu-pt-1000" }) }), (0, jsx_runtime_1.jsx)("td", { className: "".concat(utils_1.table_row_className), children: (0, jsx_runtime_1.jsx)("span", { className: "".concat(utils_1.table_data_className), children: "10x" }) }), (0, jsx_runtime_1.jsx)("td", { className: "".concat(utils_1.table_row_className), children: (0, jsx_runtime_1.jsx)("span", { className: "".concat(utils_1.table_data_className), children: "80px = 5rem" }) })] }), (0, jsx_runtime_1.jsxs)("tr", { children: [(0, jsx_runtime_1.jsx)("td", { className: "".concat(utils_1.table_row_className), children: (0, jsx_runtime_1.jsx)("span", { className: "".concat(utils_1.table_data_className), children: "lu-pt-1500" }) }), (0, jsx_runtime_1.jsx)("td", { className: "".concat(utils_1.table_row_className), children: (0, jsx_runtime_1.jsx)("span", { className: "".concat(utils_1.table_data_className), children: "15x" }) }), (0, jsx_runtime_1.jsx)("td", { className: "".concat(utils_1.table_row_className), children: (0, jsx_runtime_1.jsx)("span", { className: "".concat(utils_1.table_data_className), children: "120px = 7.5rem" }) })] }), (0, jsx_runtime_1.jsxs)("tr", { children: [(0, jsx_runtime_1.jsx)("td", { className: "".concat(utils_1.table_row_className), children: (0, jsx_runtime_1.jsx)("span", { className: "".concat(utils_1.table_data_className), children: "lu-pt-2000" }) }), (0, jsx_runtime_1.jsx)("td", { className: "".concat(utils_1.table_row_className), children: (0, jsx_runtime_1.jsx)("span", { className: "".concat(utils_1.table_data_className), children: "20x" }) }), (0, jsx_runtime_1.jsx)("td", { className: "".concat(utils_1.table_row_className), children: (0, jsx_runtime_1.jsx)("span", { className: "".concat(utils_1.table_data_className), children: "160px = 10rem" }) })] }), (0, jsx_runtime_1.jsxs)("tr", { children: [(0, jsx_runtime_1.jsx)("td", { className: "".concat(utils_1.table_row_className), children: (0, jsx_runtime_1.jsx)("span", { className: "".concat(utils_1.table_data_className), children: "lu-pt-2500" }) }), (0, jsx_runtime_1.jsx)("td", { className: "".concat(utils_1.table_row_className), children: (0, jsx_runtime_1.jsx)("span", { className: "".concat(utils_1.table_data_className), children: "25x" }) }), (0, jsx_runtime_1.jsx)("td", { className: "".concat(utils_1.table_row_className), children: (0, jsx_runtime_1.jsx)("span", { className: "".concat(utils_1.table_data_className), children: "200px = 12.5rem" }) })] }), (0, jsx_runtime_1.jsxs)("tr", { children: [(0, jsx_runtime_1.jsx)("td", { className: "".concat(utils_1.table_row_className), children: (0, jsx_runtime_1.jsx)("span", { className: "".concat(utils_1.table_data_className), children: "lu-pt-3000" }) }), (0, jsx_runtime_1.jsx)("td", { className: "".concat(utils_1.table_row_className), children: (0, jsx_runtime_1.jsx)("span", { className: "".concat(utils_1.table_data_className), children: "30x" }) }), (0, jsx_runtime_1.jsx)("td", { className: "".concat(utils_1.table_row_className), children: (0, jsx_runtime_1.jsx)("span", { className: "".concat(utils_1.table_data_className), children: "240px = 15rem" }) })] })] }));
|
|
8
|
-
};
|
|
9
|
-
exports.PaddingTop = PaddingTop;
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export declare const PaddingX: () => import("react/jsx-runtime").JSX.Element;
|
|
@@ -1,9 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
-
exports.PaddingX = void 0;
|
|
4
|
-
var jsx_runtime_1 = require("react/jsx-runtime");
|
|
5
|
-
var utils_1 = require("../../../utils");
|
|
6
|
-
var PaddingX = function () {
|
|
7
|
-
return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)("tr", { children: (0, jsx_runtime_1.jsx)("td", { colSpan: 3, className: "".concat(utils_1.table_sub_heading_className), children: "Padding X axis" }) }), (0, jsx_runtime_1.jsxs)("tr", { children: [(0, jsx_runtime_1.jsx)("td", { className: "".concat(utils_1.table_row_className), children: (0, jsx_runtime_1.jsx)("span", { className: "".concat(utils_1.table_data_className), children: "lu-px-0" }) }), (0, jsx_runtime_1.jsx)("td", { className: "".concat(utils_1.table_row_className), children: (0, jsx_runtime_1.jsx)("span", { className: "".concat(utils_1.table_data_className), children: "0x" }) }), (0, jsx_runtime_1.jsx)("td", { className: "".concat(utils_1.table_row_className), children: (0, jsx_runtime_1.jsx)("span", { className: "".concat(utils_1.table_data_className), children: "0px = 0rem" }) })] }), (0, jsx_runtime_1.jsxs)("tr", { children: [(0, jsx_runtime_1.jsx)("td", { className: "".concat(utils_1.table_row_className), children: (0, jsx_runtime_1.jsx)("span", { className: "".concat(utils_1.table_data_className), children: "lu-px-050" }) }), (0, jsx_runtime_1.jsx)("td", { className: "".concat(utils_1.table_row_className), children: (0, jsx_runtime_1.jsx)("span", { className: "".concat(utils_1.table_data_className), children: "0.5x" }) }), (0, jsx_runtime_1.jsx)("td", { className: "".concat(utils_1.table_row_className), children: (0, jsx_runtime_1.jsx)("span", { className: "".concat(utils_1.table_data_className), children: "4px = 0.25rem" }) })] }), (0, jsx_runtime_1.jsxs)("tr", { children: [(0, jsx_runtime_1.jsx)("td", { className: "".concat(utils_1.table_row_className), children: (0, jsx_runtime_1.jsx)("span", { className: "".concat(utils_1.table_data_className), children: "lu-px-100" }) }), (0, jsx_runtime_1.jsx)("td", { className: "".concat(utils_1.table_row_className), children: (0, jsx_runtime_1.jsx)("span", { className: "".concat(utils_1.table_data_className), children: "1x" }) }), (0, jsx_runtime_1.jsx)("td", { className: "".concat(utils_1.table_row_className), children: (0, jsx_runtime_1.jsx)("span", { className: "".concat(utils_1.table_data_className), children: "8px = 0.5rem" }) })] }), (0, jsx_runtime_1.jsxs)("tr", { children: [(0, jsx_runtime_1.jsx)("td", { className: "".concat(utils_1.table_row_className), children: (0, jsx_runtime_1.jsx)("span", { className: "".concat(utils_1.table_data_className), children: "lu-px-150" }) }), (0, jsx_runtime_1.jsx)("td", { className: "".concat(utils_1.table_row_className), children: (0, jsx_runtime_1.jsx)("span", { className: "".concat(utils_1.table_data_className), children: "1.5x" }) }), (0, jsx_runtime_1.jsx)("td", { className: "".concat(utils_1.table_row_className), children: (0, jsx_runtime_1.jsx)("span", { className: "".concat(utils_1.table_data_className), children: "12px = 0.75rem" }) })] }), (0, jsx_runtime_1.jsxs)("tr", { children: [(0, jsx_runtime_1.jsx)("td", { className: "".concat(utils_1.table_row_className), children: (0, jsx_runtime_1.jsx)("span", { className: "".concat(utils_1.table_data_className), children: "lu-px-200" }) }), (0, jsx_runtime_1.jsx)("td", { className: "".concat(utils_1.table_row_className), children: (0, jsx_runtime_1.jsx)("span", { className: "".concat(utils_1.table_data_className), children: "2x" }) }), (0, jsx_runtime_1.jsx)("td", { className: "".concat(utils_1.table_row_className), children: (0, jsx_runtime_1.jsx)("span", { className: "".concat(utils_1.table_data_className), children: "16px = 1rem" }) })] }), (0, jsx_runtime_1.jsxs)("tr", { children: [(0, jsx_runtime_1.jsx)("td", { className: "".concat(utils_1.table_row_className), children: (0, jsx_runtime_1.jsx)("span", { className: "".concat(utils_1.table_data_className), children: "lu-px-250" }) }), (0, jsx_runtime_1.jsx)("td", { className: "".concat(utils_1.table_row_className), children: (0, jsx_runtime_1.jsx)("span", { className: "".concat(utils_1.table_data_className), children: "2.5x" }) }), (0, jsx_runtime_1.jsx)("td", { className: "".concat(utils_1.table_row_className), children: (0, jsx_runtime_1.jsx)("span", { className: "".concat(utils_1.table_data_className), children: "20px = 1.25rem" }) })] }), (0, jsx_runtime_1.jsxs)("tr", { children: [(0, jsx_runtime_1.jsx)("td", { className: "".concat(utils_1.table_row_className), children: (0, jsx_runtime_1.jsx)("span", { className: "".concat(utils_1.table_data_className), children: "lu-px-300" }) }), (0, jsx_runtime_1.jsx)("td", { className: "".concat(utils_1.table_row_className), children: (0, jsx_runtime_1.jsx)("span", { className: "".concat(utils_1.table_data_className), children: "3x" }) }), (0, jsx_runtime_1.jsx)("td", { className: "".concat(utils_1.table_row_className), children: (0, jsx_runtime_1.jsx)("span", { className: "".concat(utils_1.table_data_className), children: "24px = 1.5rem" }) })] }), (0, jsx_runtime_1.jsxs)("tr", { children: [(0, jsx_runtime_1.jsx)("td", { className: "".concat(utils_1.table_row_className), children: (0, jsx_runtime_1.jsx)("span", { className: "".concat(utils_1.table_data_className), children: "lu-px-400" }) }), (0, jsx_runtime_1.jsx)("td", { className: "".concat(utils_1.table_row_className), children: (0, jsx_runtime_1.jsx)("span", { className: "".concat(utils_1.table_data_className), children: "4x" }) }), (0, jsx_runtime_1.jsx)("td", { className: "".concat(utils_1.table_row_className), children: (0, jsx_runtime_1.jsx)("span", { className: "".concat(utils_1.table_data_className), children: "32px = 2rem" }) })] }), (0, jsx_runtime_1.jsxs)("tr", { children: [(0, jsx_runtime_1.jsx)("td", { className: "".concat(utils_1.table_row_className), children: (0, jsx_runtime_1.jsx)("span", { className: "".concat(utils_1.table_data_className), children: "lu-px-500" }) }), (0, jsx_runtime_1.jsx)("td", { className: "".concat(utils_1.table_row_className), children: (0, jsx_runtime_1.jsx)("span", { className: "".concat(utils_1.table_data_className), children: "5x" }) }), (0, jsx_runtime_1.jsx)("td", { className: "".concat(utils_1.table_row_className), children: (0, jsx_runtime_1.jsx)("span", { className: "".concat(utils_1.table_data_className), children: "40px = 2.5rem" }) })] }), (0, jsx_runtime_1.jsxs)("tr", { children: [(0, jsx_runtime_1.jsx)("td", { className: "".concat(utils_1.table_row_className), children: (0, jsx_runtime_1.jsx)("span", { className: "".concat(utils_1.table_data_className), children: "lu-px-600" }) }), (0, jsx_runtime_1.jsx)("td", { className: "".concat(utils_1.table_row_className), children: (0, jsx_runtime_1.jsx)("span", { className: "".concat(utils_1.table_data_className), children: "6x" }) }), (0, jsx_runtime_1.jsx)("td", { className: "".concat(utils_1.table_row_className), children: (0, jsx_runtime_1.jsx)("span", { className: "".concat(utils_1.table_data_className), children: "48px = 3rem" }) })] }), (0, jsx_runtime_1.jsxs)("tr", { children: [(0, jsx_runtime_1.jsx)("td", { className: "".concat(utils_1.table_row_className), children: (0, jsx_runtime_1.jsx)("span", { className: "".concat(utils_1.table_data_className), children: "lu-px-800" }) }), (0, jsx_runtime_1.jsx)("td", { className: "".concat(utils_1.table_row_className), children: (0, jsx_runtime_1.jsx)("span", { className: "".concat(utils_1.table_data_className), children: "8x" }) }), (0, jsx_runtime_1.jsx)("td", { className: "".concat(utils_1.table_row_className), children: (0, jsx_runtime_1.jsx)("span", { className: "".concat(utils_1.table_data_className), children: "64px = 4rem" }) })] }), (0, jsx_runtime_1.jsxs)("tr", { children: [(0, jsx_runtime_1.jsx)("td", { className: "".concat(utils_1.table_row_className), children: (0, jsx_runtime_1.jsx)("span", { className: "".concat(utils_1.table_data_className), children: "lu-px-1000" }) }), (0, jsx_runtime_1.jsx)("td", { className: "".concat(utils_1.table_row_className), children: (0, jsx_runtime_1.jsx)("span", { className: "".concat(utils_1.table_data_className), children: "10x" }) }), (0, jsx_runtime_1.jsx)("td", { className: "".concat(utils_1.table_row_className), children: (0, jsx_runtime_1.jsx)("span", { className: "".concat(utils_1.table_data_className), children: "80px = 5rem" }) })] }), (0, jsx_runtime_1.jsxs)("tr", { children: [(0, jsx_runtime_1.jsx)("td", { className: "".concat(utils_1.table_row_className), children: (0, jsx_runtime_1.jsx)("span", { className: "".concat(utils_1.table_data_className), children: "lu-px-1500" }) }), (0, jsx_runtime_1.jsx)("td", { className: "".concat(utils_1.table_row_className), children: (0, jsx_runtime_1.jsx)("span", { className: "".concat(utils_1.table_data_className), children: "15x" }) }), (0, jsx_runtime_1.jsx)("td", { className: "".concat(utils_1.table_row_className), children: (0, jsx_runtime_1.jsx)("span", { className: "".concat(utils_1.table_data_className), children: "120px = 7.5rem" }) })] }), (0, jsx_runtime_1.jsxs)("tr", { children: [(0, jsx_runtime_1.jsx)("td", { className: "".concat(utils_1.table_row_className), children: (0, jsx_runtime_1.jsx)("span", { className: "".concat(utils_1.table_data_className), children: "lu-px-2000" }) }), (0, jsx_runtime_1.jsx)("td", { className: "".concat(utils_1.table_row_className), children: (0, jsx_runtime_1.jsx)("span", { className: "".concat(utils_1.table_data_className), children: "20x" }) }), (0, jsx_runtime_1.jsx)("td", { className: "".concat(utils_1.table_row_className), children: (0, jsx_runtime_1.jsx)("span", { className: "".concat(utils_1.table_data_className), children: "160px = 10rem" }) })] }), (0, jsx_runtime_1.jsxs)("tr", { children: [(0, jsx_runtime_1.jsx)("td", { className: "".concat(utils_1.table_row_className), children: (0, jsx_runtime_1.jsx)("span", { className: "".concat(utils_1.table_data_className), children: "lu-px-2500" }) }), (0, jsx_runtime_1.jsx)("td", { className: "".concat(utils_1.table_row_className), children: (0, jsx_runtime_1.jsx)("span", { className: "".concat(utils_1.table_data_className), children: "25x" }) }), (0, jsx_runtime_1.jsx)("td", { className: "".concat(utils_1.table_row_className), children: (0, jsx_runtime_1.jsx)("span", { className: "".concat(utils_1.table_data_className), children: "200px = 12.5rem" }) })] }), (0, jsx_runtime_1.jsxs)("tr", { children: [(0, jsx_runtime_1.jsx)("td", { className: "".concat(utils_1.table_row_className), children: (0, jsx_runtime_1.jsx)("span", { className: "".concat(utils_1.table_data_className), children: "lu-px-3000" }) }), (0, jsx_runtime_1.jsx)("td", { className: "".concat(utils_1.table_row_className), children: (0, jsx_runtime_1.jsx)("span", { className: "".concat(utils_1.table_data_className), children: "30x" }) }), (0, jsx_runtime_1.jsx)("td", { className: "".concat(utils_1.table_row_className), children: (0, jsx_runtime_1.jsx)("span", { className: "".concat(utils_1.table_data_className), children: "240px = 15rem" }) })] })] }));
|
|
8
|
-
};
|
|
9
|
-
exports.PaddingX = PaddingX;
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export declare const PaddingY: () => import("react/jsx-runtime").JSX.Element;
|
|
@@ -1,9 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
-
exports.PaddingY = void 0;
|
|
4
|
-
var jsx_runtime_1 = require("react/jsx-runtime");
|
|
5
|
-
var utils_1 = require("../../../utils");
|
|
6
|
-
var PaddingY = function () {
|
|
7
|
-
return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)("tr", { children: (0, jsx_runtime_1.jsx)("td", { colSpan: 3, className: "".concat(utils_1.table_sub_heading_className), children: "Padding Y axis" }) }), (0, jsx_runtime_1.jsxs)("tr", { children: [(0, jsx_runtime_1.jsx)("td", { className: "".concat(utils_1.table_row_className), children: (0, jsx_runtime_1.jsx)("span", { className: "".concat(utils_1.table_data_className), children: "lu-py-0" }) }), (0, jsx_runtime_1.jsx)("td", { className: "".concat(utils_1.table_row_className), children: (0, jsx_runtime_1.jsx)("span", { className: "".concat(utils_1.table_data_className), children: "0x" }) }), (0, jsx_runtime_1.jsx)("td", { className: "".concat(utils_1.table_row_className), children: (0, jsx_runtime_1.jsx)("span", { className: "".concat(utils_1.table_data_className), children: "0px = 0rem" }) })] }), (0, jsx_runtime_1.jsxs)("tr", { children: [(0, jsx_runtime_1.jsx)("td", { className: "".concat(utils_1.table_row_className), children: (0, jsx_runtime_1.jsx)("span", { className: "".concat(utils_1.table_data_className), children: "lu-py-050" }) }), (0, jsx_runtime_1.jsx)("td", { className: "".concat(utils_1.table_row_className), children: (0, jsx_runtime_1.jsx)("span", { className: "".concat(utils_1.table_data_className), children: "0.5x" }) }), (0, jsx_runtime_1.jsx)("td", { className: "".concat(utils_1.table_row_className), children: (0, jsx_runtime_1.jsx)("span", { className: "".concat(utils_1.table_data_className), children: "4px = 0.25rem" }) })] }), (0, jsx_runtime_1.jsxs)("tr", { children: [(0, jsx_runtime_1.jsx)("td", { className: "".concat(utils_1.table_row_className), children: (0, jsx_runtime_1.jsx)("span", { className: "".concat(utils_1.table_data_className), children: "lu-py-100" }) }), (0, jsx_runtime_1.jsx)("td", { className: "".concat(utils_1.table_row_className), children: (0, jsx_runtime_1.jsx)("span", { className: "".concat(utils_1.table_data_className), children: "1x" }) }), (0, jsx_runtime_1.jsx)("td", { className: "".concat(utils_1.table_row_className), children: (0, jsx_runtime_1.jsx)("span", { className: "".concat(utils_1.table_data_className), children: "8px = 0.5rem" }) })] }), (0, jsx_runtime_1.jsxs)("tr", { children: [(0, jsx_runtime_1.jsx)("td", { className: "".concat(utils_1.table_row_className), children: (0, jsx_runtime_1.jsx)("span", { className: "".concat(utils_1.table_data_className), children: "lu-py-150" }) }), (0, jsx_runtime_1.jsx)("td", { className: "".concat(utils_1.table_row_className), children: (0, jsx_runtime_1.jsx)("span", { className: "".concat(utils_1.table_data_className), children: "1.5x" }) }), (0, jsx_runtime_1.jsx)("td", { className: "".concat(utils_1.table_row_className), children: (0, jsx_runtime_1.jsx)("span", { className: "".concat(utils_1.table_data_className), children: "12px = 0.75rem" }) })] }), (0, jsx_runtime_1.jsxs)("tr", { children: [(0, jsx_runtime_1.jsx)("td", { className: "".concat(utils_1.table_row_className), children: (0, jsx_runtime_1.jsx)("span", { className: "".concat(utils_1.table_data_className), children: "lu-py-200" }) }), (0, jsx_runtime_1.jsx)("td", { className: "".concat(utils_1.table_row_className), children: (0, jsx_runtime_1.jsx)("span", { className: "".concat(utils_1.table_data_className), children: "2x" }) }), (0, jsx_runtime_1.jsx)("td", { className: "".concat(utils_1.table_row_className), children: (0, jsx_runtime_1.jsx)("span", { className: "".concat(utils_1.table_data_className), children: "16px = 1rem" }) })] }), (0, jsx_runtime_1.jsxs)("tr", { children: [(0, jsx_runtime_1.jsx)("td", { className: "".concat(utils_1.table_row_className), children: (0, jsx_runtime_1.jsx)("span", { className: "".concat(utils_1.table_data_className), children: "lu-py-250" }) }), (0, jsx_runtime_1.jsx)("td", { className: "".concat(utils_1.table_row_className), children: (0, jsx_runtime_1.jsx)("span", { className: "".concat(utils_1.table_data_className), children: "2.5x" }) }), (0, jsx_runtime_1.jsx)("td", { className: "".concat(utils_1.table_row_className), children: (0, jsx_runtime_1.jsx)("span", { className: "".concat(utils_1.table_data_className), children: "20px = 1.25rem" }) })] }), (0, jsx_runtime_1.jsxs)("tr", { children: [(0, jsx_runtime_1.jsx)("td", { className: "".concat(utils_1.table_row_className), children: (0, jsx_runtime_1.jsx)("span", { className: "".concat(utils_1.table_data_className), children: "lu-py-300" }) }), (0, jsx_runtime_1.jsx)("td", { className: "".concat(utils_1.table_row_className), children: (0, jsx_runtime_1.jsx)("span", { className: "".concat(utils_1.table_data_className), children: "3x" }) }), (0, jsx_runtime_1.jsx)("td", { className: "".concat(utils_1.table_row_className), children: (0, jsx_runtime_1.jsx)("span", { className: "".concat(utils_1.table_data_className), children: "24px = 1.5rem" }) })] }), (0, jsx_runtime_1.jsxs)("tr", { children: [(0, jsx_runtime_1.jsx)("td", { className: "".concat(utils_1.table_row_className), children: (0, jsx_runtime_1.jsx)("span", { className: "".concat(utils_1.table_data_className), children: "lu-py-400" }) }), (0, jsx_runtime_1.jsx)("td", { className: "".concat(utils_1.table_row_className), children: (0, jsx_runtime_1.jsx)("span", { className: "".concat(utils_1.table_data_className), children: "4x" }) }), (0, jsx_runtime_1.jsx)("td", { className: "".concat(utils_1.table_row_className), children: (0, jsx_runtime_1.jsx)("span", { className: "".concat(utils_1.table_data_className), children: "32px = 2rem" }) })] }), (0, jsx_runtime_1.jsxs)("tr", { children: [(0, jsx_runtime_1.jsx)("td", { className: "".concat(utils_1.table_row_className), children: (0, jsx_runtime_1.jsx)("span", { className: "".concat(utils_1.table_data_className), children: "lu-py-500" }) }), (0, jsx_runtime_1.jsx)("td", { className: "".concat(utils_1.table_row_className), children: (0, jsx_runtime_1.jsx)("span", { className: "".concat(utils_1.table_data_className), children: "5x" }) }), (0, jsx_runtime_1.jsx)("td", { className: "".concat(utils_1.table_row_className), children: (0, jsx_runtime_1.jsx)("span", { className: "".concat(utils_1.table_data_className), children: "40px = 2.5rem" }) })] }), (0, jsx_runtime_1.jsxs)("tr", { children: [(0, jsx_runtime_1.jsx)("td", { className: "".concat(utils_1.table_row_className), children: (0, jsx_runtime_1.jsx)("span", { className: "".concat(utils_1.table_data_className), children: "lu-py-600" }) }), (0, jsx_runtime_1.jsx)("td", { className: "".concat(utils_1.table_row_className), children: (0, jsx_runtime_1.jsx)("span", { className: "".concat(utils_1.table_data_className), children: "6x" }) }), (0, jsx_runtime_1.jsx)("td", { className: "".concat(utils_1.table_row_className), children: (0, jsx_runtime_1.jsx)("span", { className: "".concat(utils_1.table_data_className), children: "48px = 3rem" }) })] }), (0, jsx_runtime_1.jsxs)("tr", { children: [(0, jsx_runtime_1.jsx)("td", { className: "".concat(utils_1.table_row_className), children: (0, jsx_runtime_1.jsx)("span", { className: "".concat(utils_1.table_data_className), children: "lu-py-800" }) }), (0, jsx_runtime_1.jsx)("td", { className: "".concat(utils_1.table_row_className), children: (0, jsx_runtime_1.jsx)("span", { className: "".concat(utils_1.table_data_className), children: "8x" }) }), (0, jsx_runtime_1.jsx)("td", { className: "".concat(utils_1.table_row_className), children: (0, jsx_runtime_1.jsx)("span", { className: "".concat(utils_1.table_data_className), children: "64px = 4rem" }) })] }), (0, jsx_runtime_1.jsxs)("tr", { children: [(0, jsx_runtime_1.jsx)("td", { className: "".concat(utils_1.table_row_className), children: (0, jsx_runtime_1.jsx)("span", { className: "".concat(utils_1.table_data_className), children: "lu-py-1000" }) }), (0, jsx_runtime_1.jsx)("td", { className: "".concat(utils_1.table_row_className), children: (0, jsx_runtime_1.jsx)("span", { className: "".concat(utils_1.table_data_className), children: "10x" }) }), (0, jsx_runtime_1.jsx)("td", { className: "".concat(utils_1.table_row_className), children: (0, jsx_runtime_1.jsx)("span", { className: "".concat(utils_1.table_data_className), children: "80px = 5rem" }) })] }), (0, jsx_runtime_1.jsxs)("tr", { children: [(0, jsx_runtime_1.jsx)("td", { className: "".concat(utils_1.table_row_className), children: (0, jsx_runtime_1.jsx)("span", { className: "".concat(utils_1.table_data_className), children: "lu-py-1500" }) }), (0, jsx_runtime_1.jsx)("td", { className: "".concat(utils_1.table_row_className), children: (0, jsx_runtime_1.jsx)("span", { className: "".concat(utils_1.table_data_className), children: "15x" }) }), (0, jsx_runtime_1.jsx)("td", { className: "".concat(utils_1.table_row_className), children: (0, jsx_runtime_1.jsx)("span", { className: "".concat(utils_1.table_data_className), children: "120px = 7.5rem" }) })] }), (0, jsx_runtime_1.jsxs)("tr", { children: [(0, jsx_runtime_1.jsx)("td", { className: "".concat(utils_1.table_row_className), children: (0, jsx_runtime_1.jsx)("span", { className: "".concat(utils_1.table_data_className), children: "lu-py-2000" }) }), (0, jsx_runtime_1.jsx)("td", { className: "".concat(utils_1.table_row_className), children: (0, jsx_runtime_1.jsx)("span", { className: "".concat(utils_1.table_data_className), children: "20x" }) }), (0, jsx_runtime_1.jsx)("td", { className: "".concat(utils_1.table_row_className), children: (0, jsx_runtime_1.jsx)("span", { className: "".concat(utils_1.table_data_className), children: "160px = 10rem" }) })] }), (0, jsx_runtime_1.jsxs)("tr", { children: [(0, jsx_runtime_1.jsx)("td", { className: "".concat(utils_1.table_row_className), children: (0, jsx_runtime_1.jsx)("span", { className: "".concat(utils_1.table_data_className), children: "lu-py-2500" }) }), (0, jsx_runtime_1.jsx)("td", { className: "".concat(utils_1.table_row_className), children: (0, jsx_runtime_1.jsx)("span", { className: "".concat(utils_1.table_data_className), children: "25x" }) }), (0, jsx_runtime_1.jsx)("td", { className: "".concat(utils_1.table_row_className), children: (0, jsx_runtime_1.jsx)("span", { className: "".concat(utils_1.table_data_className), children: "200px = 12.5rem" }) })] }), (0, jsx_runtime_1.jsxs)("tr", { children: [(0, jsx_runtime_1.jsx)("td", { className: "".concat(utils_1.table_row_className), children: (0, jsx_runtime_1.jsx)("span", { className: "".concat(utils_1.table_data_className), children: "lu-py-3000" }) }), (0, jsx_runtime_1.jsx)("td", { className: "".concat(utils_1.table_row_className), children: (0, jsx_runtime_1.jsx)("span", { className: "".concat(utils_1.table_data_className), children: "30x" }) }), (0, jsx_runtime_1.jsx)("td", { className: "".concat(utils_1.table_row_className), children: (0, jsx_runtime_1.jsx)("span", { className: "".concat(utils_1.table_data_className), children: "240px = 15rem" }) })] })] }));
|
|
8
|
-
};
|
|
9
|
-
exports.PaddingY = PaddingY;
|
|
@@ -1,13 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
3
|
-
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
4
|
-
};
|
|
5
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
|
6
|
-
var jsx_runtime_1 = require("react/jsx-runtime");
|
|
7
|
-
var constants_1 = require("../../utils/constants");
|
|
8
|
-
var Title_module_css_1 = __importDefault(require("./Title.module.css"));
|
|
9
|
-
var Title = function (_a) {
|
|
10
|
-
var _b = _a.className, className = _b === void 0 ? "" : _b, _c = _a.children, children = _c === void 0 ? constants_1.Dummy_Title : _c;
|
|
11
|
-
return ((0, jsx_runtime_1.jsx)("h2", { className: "".concat(Title_module_css_1.default["main-title"], " ").concat(className), children: children }));
|
|
12
|
-
};
|
|
13
|
-
exports.default = Title;
|