@ornikar/bumper 3.0.2 → 3.0.3

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ornikar/bumper",
-  "version": "3.0.2",
+  "version": "3.0.3",
   "license": "MIT",
   "repository": {
     "directory": "@ornikar/bumper",

package/src/system/content/typography/Typography.features.stories.tsx

@@ -76,7 +76,6 @@ export const BodyVariantsBold: Story = {
 export const LabelVariants: Story = {
   render: () => (
     <VStack gap="$space.16">
-      <Typography.Text variant="label-xl">Label XL - Semibold</Typography.Text>
       <Typography.Text variant="label-l">Label L - Semibold</Typography.Text>
       <Typography.Text variant="label-m">Label M - Semibold</Typography.Text>
       <Typography.Text variant="label-s">Label S - Semibold</Typography.Text>

package/src/system/content/typography/Typography.stories.tsx

@@ -23,7 +23,6 @@ const meta: Meta<Extract<TypographyTextProps, BodyProps>> = {
         'body-m',
         'body-s',
         'body-xs',
-        'label-xl',
         'label-l',
         'label-m',
         'label-s',

package/src/system/content/typography/TypographyLink.stories.tsx

@@ -22,7 +22,6 @@ const meta: Meta<typeof TypographyLink> = {
         'body-m',
         'body-s',
         'body-xs',
-        'label-xl',
         'label-l',
         'label-m',
         'label-s',

package/src/system/content/typography/__snapshots__/Typography.features.stories.tsx.snap

@@ -804,7 +804,7 @@ exports[`Bumper/Content/Typography/Features HeadingVariants 1`] = `
         {
           "color": "#101010",
           "fontFamily": "GTStandardSemibold",
-          "fontSize": 20,
+          "fontSize": 16,
           "letterSpacing": 0,
           "lineHeight": 20,
         }
@@ -837,20 +837,6 @@ exports[`Bumper/Content/Typography/Features LabelVariants 1`] = `
       }
     }
   >
-    <Text
-      style={
-        {
-          "color": "#101010",
-          "fontFamily": "GTStandardSemibold",
-          "fontSize": 18,
-          "letterSpacing": 0,
-          "lineHeight": 26,
-        }
-      }
-      suppressHighlighting={true}
-    >
-      Label XL - Semibold
-    </Text>
     <Text
       style={
         {

package/src/system/content/typography/__snapshots_web__/Typography.features.stories.tsx.snap

@@ -498,12 +498,6 @@ exports[`Bumper/Content/Typography/Features LabelVariants 1`] = `
           <div
             class="is_VStack _dsp-flex _alignItems-stretch _fb-auto _bxs-border-box _pos-relative _minHeight-0px _minWidth-0px _flexShrink-0 _fd-column _gap-t-space-spa1366020313"
           >
-            <span
-              class="font_GTStandard _WebkitFontSmoothing-_platformweb_antialiased _dsp-inline _bxs-border-box _ww-break-word _ws-pre-wrap _marginTop-0px _marginRight-0px _marginBottom-0px _marginLeft-0px _ff-f-family _col-content--ba907952141 _fs-f-size-labe3264501 _lh-f-lineHeigh1283860902 _ls-f-letterSpa1134072283 _fw-f-weight-se1074390495"
-              data-disable-theme="true"
-            >
-              Label XL - Semibold
-            </span>
             <span
               class="font_GTStandard _WebkitFontSmoothing-_platformweb_antialiased _dsp-inline _bxs-border-box _ww-break-word _ws-pre-wrap _marginTop-0px _marginRight-0px _marginBottom-0px _marginLeft-0px _ff-f-family _col-content--ba907952141 _fs-f-size-labe105291 _lh-f-lineHeigh1842530170 _ls-f-letterSpa379059035 _fw-f-weight-se1074390495"
               data-disable-theme="true"

package/src/system/core/tokens/GTStandardFont.ts

@@ -8,7 +8,7 @@ export const HEADING_VARIANTS = [
   'heading-2xs',
 ] as const;
 export const BODY_VARIANTS = ['body-xl', 'body-l', 'body-m', 'body-s', 'body-xs'] as const;
-export const LABEL_VARIANTS = ['label-xl', 'label-l', 'label-m', 'label-s'] as const;
+export const LABEL_VARIANTS = ['label-l', 'label-m', 'label-s'] as const;
 
 export type GTStandardVariants =
   | (typeof HEADING_VARIANTS)[number]
@@ -33,13 +33,12 @@ export const GTStandardSizes: Record<GTStandardVariants, number> = {
   'heading-m': 28,
   'heading-s': 24,
   'heading-xs': 20,
-  'heading-2xs': 20,
+  'heading-2xs': 16,
   'body-xl': 24,
   'body-l': 18,
   'body-m': 16,
   'body-s': 14,
   'body-xs': 12,
-  'label-xl': 18,
   'label-l': 16,
   'label-m': 14,
   'label-s': 12,
@@ -58,7 +57,6 @@ export const GTStandardLineHeights: Record<GTStandardVariants, number> = {
   'body-m': 24,
   'body-s': 20,
   'body-xs': 16,
-  'label-xl': 26,
   'label-l': 20,
   'label-m': 18,
   'label-s': 14,
@@ -77,7 +75,6 @@ export const GTStandardLetterSpacings: Record<GTStandardVariants, number> = {
   'body-m': 0.3,
   'body-s': 0.3,
   'body-xs': 0.3,
-  'label-xl': 0,
   'label-l': 0,
   'label-m': 0,
   'label-s': 0,

package/src/system/core/tokens/__snapshots__/fonts.stories.tsx.snap

@@ -518,7 +518,7 @@ exports[`Bumper/Core/Tokens Fonts 1`] = `
             }
             suppressHighlighting={true}
           >
-            20
+            16
             px / 
             20
             px
@@ -529,7 +529,7 @@ exports[`Bumper/Core/Tokens Fonts 1`] = `
             {
               "color": "#101010",
               "fontFamily": "GTStandardSemibold",
-              "fontSize": 20,
+              "fontSize": 16,
               "letterSpacing": 0,
               "lineHeight": 20,
             }
@@ -894,77 +894,6 @@ exports[`Bumper/Core/Tokens Fonts 1`] = `
           The quick brown fox
         </Text>
       </View>
-      <View
-        style={
-          {
-            "alignItems": "center",
-            "flexDirection": "row",
-            "gap": 16,
-          }
-        }
-      >
-        <View
-          style={
-            {
-              "width": 180,
-            }
-          }
-        >
-          <Text
-            style={
-              {
-                "color": "#101010",
-                "fontFamily": "GTStandardBold",
-                "fontSize": 14,
-                "letterSpacing": 0.3,
-                "lineHeight": 20,
-              }
-            }
-            suppressHighlighting={true}
-          >
-            label-xl
-          </Text>
-        </View>
-        <View
-          style={
-            {
-              "width": 80,
-            }
-          }
-        >
-          <Text
-            style={
-              {
-                "color": "#505050",
-                "fontFamily": "GTStandardRegular",
-                "fontSize": 12,
-                "letterSpacing": 0.3,
-                "lineHeight": 16,
-              }
-            }
-            suppressHighlighting={true}
-          >
-            18
-            px / 
-            26
-            px
-          </Text>
-        </View>
-        <Text
-          style={
-            {
-              "color": "#101010",
-              "fontFamily": "GTStandardSemibold",
-              "fontSize": 18,
-              "letterSpacing": 0,
-              "lineHeight": 26,
-            }
-          }
-          suppressHighlighting={true}
-        >
-          The quick brown fox
-        </Text>
-      </View>
       <View
         style={
           {

package/src/system/core/tokens/__snapshots_web__/fonts.stories.tsx.snap

@@ -229,7 +229,7 @@ exports[`Bumper/Core/Tokens Fonts 1`] = `
                     class="font_GTStandard _WebkitFontSmoothing-_platformweb_antialiased _dsp-inline _bxs-border-box _ww-break-word _ws-pre-wrap _marginTop-0px _marginRight-0px _marginBottom-0px _marginLeft-0px _ff-f-family _fw-f-weight-re98715119 _fs-f-size-body47080 _lh-f-lineHeigh1960620717 _ls-f-letterSpa260968488 _col-content--ba1918259606"
                     data-disable-theme="true"
                   >
-                    20px / 20px
+                    16px / 20px
                   </span>
                 </div>
                 <span
@@ -389,36 +389,6 @@ exports[`Bumper/Core/Tokens Fonts 1`] = `
                   The quick brown fox
                 </span>
               </div>
-              <div
-                class="is_HStack _dsp-flex _fb-auto _bxs-border-box _pos-relative _minHeight-0px _minWidth-0px _flexShrink-0 _fd-row _gap-t-space-spa1366020313 _alignItems-center"
-              >
-                <div
-                  class="_dsp-flex _alignItems-stretch _fd-column _fb-auto _bxs-border-box _pos-relative _minHeight-0px _minWidth-0px _flexShrink-0 _width-180px"
-                >
-                  <span
-                    class="font_GTStandard _WebkitFontSmoothing-_platformweb_antialiased _dsp-inline _bxs-border-box _ww-break-word _ws-pre-wrap _marginTop-0px _marginRight-0px _marginBottom-0px _marginLeft-0px _ff-f-family _col-content--ba907952141 _fs-f-size-body1510 _lh-f-lineHeigh201793153 _ls-f-letterSpa1099960310 _fw-f-weight-bo3448"
-                    data-disable-theme="true"
-                  >
-                    label-xl
-                  </span>
-                </div>
-                <div
-                  class="_dsp-flex _alignItems-stretch _fd-column _fb-auto _bxs-border-box _pos-relative _minHeight-0px _minWidth-0px _flexShrink-0 _width-80px"
-                >
-                  <span
-                    class="font_GTStandard _WebkitFontSmoothing-_platformweb_antialiased _dsp-inline _bxs-border-box _ww-break-word _ws-pre-wrap _marginTop-0px _marginRight-0px _marginBottom-0px _marginLeft-0px _ff-f-family _fw-f-weight-re98715119 _fs-f-size-body47080 _lh-f-lineHeigh1960620717 _ls-f-letterSpa260968488 _col-content--ba1918259606"
-                    data-disable-theme="true"
-                  >
-                    18px / 26px
-                  </span>
-                </div>
-                <span
-                  class="font_GTStandard _WebkitFontSmoothing-_platformweb_antialiased _dsp-inline _bxs-border-box _ww-break-word _ws-pre-wrap _marginTop-0px _marginRight-0px _marginBottom-0px _marginLeft-0px _ff-f-family _col-content--ba907952141 _fs-f-size-labe3264501 _lh-f-lineHeigh1283860902 _ls-f-letterSpa1134072283 _fw-f-weight-se1074390495"
-                  data-disable-theme="true"
-                >
-                  The quick brown fox
-                </span>
-              </div>
               <div
                 class="is_HStack _dsp-flex _fb-auto _bxs-border-box _pos-relative _minHeight-0px _minWidth-0px _flexShrink-0 _fd-row _gap-t-space-spa1366020313 _alignItems-center"
               >