@ornikar/bumper 3.9.1 → 3.10.0

package/src/system/core/tokens/palettes/__snapshots__/deepPurpleColorPalette.stories.tsx.snap

@@ -95,7 +95,7 @@ exports[`Bumper/Core/Tokens ColorPalette 1`] = `
             suppressHighlighting={true}
           >
             $
-            deepPurple.5
+            palette.deepPurple.5
           </Text>
         </View>
         <Text
@@ -166,7 +166,7 @@ exports[`Bumper/Core/Tokens ColorPalette 1`] = `
             suppressHighlighting={true}
           >
             $
-            deepPurple.6
+            palette.deepPurple.6
           </Text>
         </View>
         <Text
@@ -237,7 +237,7 @@ exports[`Bumper/Core/Tokens ColorPalette 1`] = `
             suppressHighlighting={true}
           >
             $
-            deepPurple.7
+            palette.deepPurple.7
           </Text>
         </View>
         <Text
@@ -308,7 +308,7 @@ exports[`Bumper/Core/Tokens ColorPalette 1`] = `
             suppressHighlighting={true}
           >
             $
-            deepPurple.8
+            palette.deepPurple.8
           </Text>
         </View>
         <Text
@@ -379,7 +379,7 @@ exports[`Bumper/Core/Tokens ColorPalette 1`] = `
             suppressHighlighting={true}
           >
             $
-            deepPurple.9
+            palette.deepPurple.9
           </Text>
         </View>
         <Text
@@ -450,7 +450,7 @@ exports[`Bumper/Core/Tokens ColorPalette 1`] = `
             suppressHighlighting={true}
           >
             $
-            beige.1
+            palette.beige.1
           </Text>
         </View>
         <Text
@@ -521,7 +521,7 @@ exports[`Bumper/Core/Tokens ColorPalette 1`] = `
             suppressHighlighting={true}
           >
             $
-            beige.2
+            palette.beige.2
           </Text>
         </View>
         <Text
@@ -592,7 +592,7 @@ exports[`Bumper/Core/Tokens ColorPalette 1`] = `
             suppressHighlighting={true}
           >
             $
-            beige.3
+            palette.beige.3
           </Text>
         </View>
         <Text
@@ -663,7 +663,7 @@ exports[`Bumper/Core/Tokens ColorPalette 1`] = `
             suppressHighlighting={true}
           >
             $
-            beige.4
+            palette.beige.4
           </Text>
         </View>
         <Text
@@ -734,7 +734,7 @@ exports[`Bumper/Core/Tokens ColorPalette 1`] = `
             suppressHighlighting={true}
           >
             $
-            beige.5
+            palette.beige.5
           </Text>
         </View>
         <Text
@@ -805,7 +805,7 @@ exports[`Bumper/Core/Tokens ColorPalette 1`] = `
             suppressHighlighting={true}
           >
             $
-            beige.6
+            palette.beige.6
           </Text>
         </View>
         <Text
@@ -876,7 +876,7 @@ exports[`Bumper/Core/Tokens ColorPalette 1`] = `
             suppressHighlighting={true}
           >
             $
-            lightning.4
+            palette.lightning.4
           </Text>
         </View>
         <Text
@@ -947,7 +947,7 @@ exports[`Bumper/Core/Tokens ColorPalette 1`] = `
             suppressHighlighting={true}
           >
             $
-            lightning.5
+            palette.lightning.5
           </Text>
         </View>
         <Text
@@ -1018,7 +1018,7 @@ exports[`Bumper/Core/Tokens ColorPalette 1`] = `
             suppressHighlighting={true}
           >
             $
-            lightning.8
+            palette.lightning.8
           </Text>
         </View>
         <Text
@@ -1089,7 +1089,7 @@ exports[`Bumper/Core/Tokens ColorPalette 1`] = `
             suppressHighlighting={true}
           >
             $
-            lightning.9
+            palette.lightning.9
           </Text>
         </View>
         <Text
@@ -1160,7 +1160,7 @@ exports[`Bumper/Core/Tokens ColorPalette 1`] = `
             suppressHighlighting={true}
           >
             $
-            rainbow.pink
+            palette.rainbow.pink
           </Text>
         </View>
         <Text
@@ -1231,7 +1231,7 @@ exports[`Bumper/Core/Tokens ColorPalette 1`] = `
             suppressHighlighting={true}
           >
             $
-            rainbow.brick
+            palette.rainbow.brick
           </Text>
         </View>
         <Text
@@ -1302,7 +1302,7 @@ exports[`Bumper/Core/Tokens ColorPalette 1`] = `
             suppressHighlighting={true}
           >
             $
-            rainbow.orange
+            palette.rainbow.orange
           </Text>
         </View>
         <Text
@@ -1373,7 +1373,7 @@ exports[`Bumper/Core/Tokens ColorPalette 1`] = `
             suppressHighlighting={true}
           >
             $
-            rainbow.gold
+            palette.rainbow.gold
           </Text>
         </View>
         <Text
@@ -1444,7 +1444,7 @@ exports[`Bumper/Core/Tokens ColorPalette 1`] = `
             suppressHighlighting={true}
           >
             $
-            rainbow.sun
+            palette.rainbow.sun
           </Text>
         </View>
         <Text
@@ -1515,7 +1515,7 @@ exports[`Bumper/Core/Tokens ColorPalette 1`] = `
             suppressHighlighting={true}
           >
             $
-            rainbow.green-pine
+            palette.rainbow.green-pine
           </Text>
         </View>
         <Text
@@ -1586,7 +1586,7 @@ exports[`Bumper/Core/Tokens ColorPalette 1`] = `
             suppressHighlighting={true}
           >
             $
-            rainbow.green-grass
+            palette.rainbow.green-grass
           </Text>
         </View>
         <Text
@@ -1657,7 +1657,7 @@ exports[`Bumper/Core/Tokens ColorPalette 1`] = `
             suppressHighlighting={true}
           >
             $
-            rainbow.green-apple
+            palette.rainbow.green-apple
           </Text>
         </View>
         <Text
@@ -1728,7 +1728,7 @@ exports[`Bumper/Core/Tokens ColorPalette 1`] = `
             suppressHighlighting={true}
           >
             $
-            rainbow.blue-electric
+            palette.rainbow.blue-electric
           </Text>
         </View>
         <Text
@@ -1799,7 +1799,7 @@ exports[`Bumper/Core/Tokens ColorPalette 1`] = `
             suppressHighlighting={true}
           >
             $
-            rainbow.blue-sky
+            palette.rainbow.blue-sky
           </Text>
         </View>
         <Text
@@ -1870,7 +1870,7 @@ exports[`Bumper/Core/Tokens ColorPalette 1`] = `
             suppressHighlighting={true}
           >
             $
-            grey.0
+            palette.grey.0
           </Text>
         </View>
         <Text
@@ -1941,7 +1941,7 @@ exports[`Bumper/Core/Tokens ColorPalette 1`] = `
             suppressHighlighting={true}
           >
             $
-            grey.1
+            palette.grey.1
           </Text>
         </View>
         <Text
@@ -1972,7 +1972,7 @@ exports[`Bumper/Core/Tokens ColorPalette 1`] = `
         <View
           style={
             {
-              "backgroundColor": "#CDCED0",
+              "backgroundColor": "#DCDCDC",
               "borderBottomColor": "#F1ECE4",
               "borderBottomLeftRadius": 4,
               "borderBottomRightRadius": 4,
@@ -2012,7 +2012,7 @@ exports[`Bumper/Core/Tokens ColorPalette 1`] = `
             suppressHighlighting={true}
           >
             $
-            grey.2
+            palette.grey.2
           </Text>
         </View>
         <Text
@@ -2028,7 +2028,78 @@ exports[`Bumper/Core/Tokens ColorPalette 1`] = `
           }
           suppressHighlighting={true}
         >
-          #CDCED0
+          #DCDCDC
+        </Text>
+      </View>
+      <View
+        style={
+          {
+            "alignItems": "center",
+            "flexDirection": "row",
+            "gap": 16,
+          }
+        }
+      >
+        <View
+          style={
+            {
+              "backgroundColor": "#BABABA",
+              "borderBottomColor": "#F1ECE4",
+              "borderBottomLeftRadius": 4,
+              "borderBottomRightRadius": 4,
+              "borderBottomWidth": 1,
+              "borderLeftColor": "#F1ECE4",
+              "borderLeftWidth": 1,
+              "borderRightColor": "#F1ECE4",
+              "borderRightWidth": 1,
+              "borderStyle": "solid",
+              "borderTopColor": "#F1ECE4",
+              "borderTopLeftRadius": 4,
+              "borderTopRightRadius": 4,
+              "borderTopWidth": 1,
+              "height": 48,
+              "width": 48,
+            }
+          }
+        />
+        <View
+          style={
+            {
+              "width": 200,
+            }
+          }
+        >
+          <Text
+            style={
+              {
+                "color": "#101010",
+                "fontFamily": "GTStandardBold",
+                "fontSize": 14,
+                "letterSpacing": 0.3,
+                "lineHeight": 20,
+                "textAlign": "left",
+              }
+            }
+            suppressHighlighting={true}
+          >
+            $
+            palette.grey.3
+          </Text>
+        </View>
+        <Text
+          style={
+            {
+              "color": "#505050",
+              "fontFamily": "GTStandardRegular",
+              "fontSize": 14,
+              "letterSpacing": 0.3,
+              "lineHeight": 20,
+              "textAlign": "left",
+            }
+          }
+          suppressHighlighting={true}
+        >
+          #BABABA
         </Text>
       </View>
       <View
@@ -2083,7 +2154,7 @@ exports[`Bumper/Core/Tokens ColorPalette 1`] = `
             suppressHighlighting={true}
           >
             $
-            grey.3
+            palette.grey.4
           </Text>
         </View>
         <Text
@@ -2154,7 +2225,7 @@ exports[`Bumper/Core/Tokens ColorPalette 1`] = `
             suppressHighlighting={true}
           >
             $
-            grey.5
+            palette.grey.5
           </Text>
         </View>
         <Text
@@ -2225,7 +2296,7 @@ exports[`Bumper/Core/Tokens ColorPalette 1`] = `
             suppressHighlighting={true}
           >
             $
-            grey.7
+            palette.grey.7
           </Text>
         </View>
         <Text
@@ -2296,7 +2367,7 @@ exports[`Bumper/Core/Tokens ColorPalette 1`] = `
             suppressHighlighting={true}
           >
             $
-            grey.9
+            palette.grey.9
           </Text>
         </View>
         <Text
@@ -2367,7 +2438,7 @@ exports[`Bumper/Core/Tokens ColorPalette 1`] = `
             suppressHighlighting={true}
           >
             $
-            blue.1
+            palette.blue.1
           </Text>
         </View>
         <Text
@@ -2438,7 +2509,7 @@ exports[`Bumper/Core/Tokens ColorPalette 1`] = `
             suppressHighlighting={true}
           >
             $
-            blue.2
+            palette.blue.2
           </Text>
         </View>
         <Text
@@ -2509,7 +2580,7 @@ exports[`Bumper/Core/Tokens ColorPalette 1`] = `
             suppressHighlighting={true}
           >
             $
-            blue.4
+            palette.blue.4
           </Text>
         </View>
         <Text
@@ -2580,7 +2651,7 @@ exports[`Bumper/Core/Tokens ColorPalette 1`] = `
             suppressHighlighting={true}
           >
             $
-            blue.6
+            palette.blue.6
           </Text>
         </View>
         <Text
@@ -2651,7 +2722,7 @@ exports[`Bumper/Core/Tokens ColorPalette 1`] = `
             suppressHighlighting={true}
           >
             $
-            blue.7
+            palette.blue.7
           </Text>
         </View>
         <Text
@@ -2722,7 +2793,7 @@ exports[`Bumper/Core/Tokens ColorPalette 1`] = `
             suppressHighlighting={true}
           >
             $
-            green.1
+            palette.green.1
           </Text>
         </View>
         <Text
@@ -2793,7 +2864,7 @@ exports[`Bumper/Core/Tokens ColorPalette 1`] = `
             suppressHighlighting={true}
           >
             $
-            green.2
+            palette.green.2
           </Text>
         </View>
         <Text
@@ -2864,7 +2935,7 @@ exports[`Bumper/Core/Tokens ColorPalette 1`] = `
             suppressHighlighting={true}
           >
             $
-            green.6
+            palette.green.6
           </Text>
         </View>
         <Text
@@ -2935,7 +3006,7 @@ exports[`Bumper/Core/Tokens ColorPalette 1`] = `
             suppressHighlighting={true}
           >
             $
-            green.7
+            palette.green.7
           </Text>
         </View>
         <Text
@@ -3006,7 +3077,7 @@ exports[`Bumper/Core/Tokens ColorPalette 1`] = `
             suppressHighlighting={true}
           >
             $
-            yellow.1
+            palette.yellow.1
           </Text>
         </View>
         <Text
@@ -3077,7 +3148,7 @@ exports[`Bumper/Core/Tokens ColorPalette 1`] = `
             suppressHighlighting={true}
           >
             $
-            yellow.2
+            palette.yellow.2
           </Text>
         </View>
         <Text
@@ -3148,7 +3219,7 @@ exports[`Bumper/Core/Tokens ColorPalette 1`] = `
             suppressHighlighting={true}
           >
             $
-            yellow.6
+            palette.yellow.6
           </Text>
         </View>
         <Text
@@ -3219,7 +3290,7 @@ exports[`Bumper/Core/Tokens ColorPalette 1`] = `
             suppressHighlighting={true}
           >
             $
-            yellow.7
+            palette.yellow.7
           </Text>
         </View>
         <Text
@@ -3290,7 +3361,7 @@ exports[`Bumper/Core/Tokens ColorPalette 1`] = `
             suppressHighlighting={true}
           >
             $
-            red.1
+            palette.red.1
           </Text>
         </View>
         <Text
@@ -3361,7 +3432,7 @@ exports[`Bumper/Core/Tokens ColorPalette 1`] = `
             suppressHighlighting={true}
           >
             $
-            red.2
+            palette.red.2
           </Text>
         </View>
         <Text
@@ -3432,7 +3503,7 @@ exports[`Bumper/Core/Tokens ColorPalette 1`] = `
             suppressHighlighting={true}
           >
             $
-            red.6
+            palette.red.6
           </Text>
         </View>
         <Text
@@ -3503,7 +3574,7 @@ exports[`Bumper/Core/Tokens ColorPalette 1`] = `
             suppressHighlighting={true}
           >
             $
-            red.7
+            palette.red.7
           </Text>
         </View>
         <Text
@@ -3574,7 +3645,7 @@ exports[`Bumper/Core/Tokens ColorPalette 1`] = `
             suppressHighlighting={true}
           >
             $
-            mauve.1
+            palette.mauve.1
           </Text>
         </View>
         <Text
@@ -3645,7 +3716,7 @@ exports[`Bumper/Core/Tokens ColorPalette 1`] = `
             suppressHighlighting={true}
           >
             $
-            mauve.2
+            palette.mauve.2
           </Text>
         </View>
         <Text
@@ -3716,7 +3787,7 @@ exports[`Bumper/Core/Tokens ColorPalette 1`] = `
             suppressHighlighting={true}
           >
             $
-            mauve.3
+            palette.mauve.3
           </Text>
         </View>
         <Text
@@ -3787,7 +3858,7 @@ exports[`Bumper/Core/Tokens ColorPalette 1`] = `
             suppressHighlighting={true}
           >
             $
-            mauve.4
+            palette.mauve.4
           </Text>
         </View>
         <Text
@@ -3858,7 +3929,7 @@ exports[`Bumper/Core/Tokens ColorPalette 1`] = `
             suppressHighlighting={true}
           >
             $
-            deepPurple-alpha.10
+            palette.deepPurple-alpha.10
           </Text>
         </View>
         <Text
@@ -3929,7 +4000,7 @@ exports[`Bumper/Core/Tokens ColorPalette 1`] = `
             suppressHighlighting={true}
           >
             $
-            beige-alpha.25
+            palette.beige-alpha.25
           </Text>
         </View>
         <Text
@@ -4000,7 +4071,7 @@ exports[`Bumper/Core/Tokens ColorPalette 1`] = `
             suppressHighlighting={true}
           >
             $
-            beige-alpha.40
+            palette.beige-alpha.40
           </Text>
         </View>
         <Text
@@ -4071,7 +4142,7 @@ exports[`Bumper/Core/Tokens ColorPalette 1`] = `
             suppressHighlighting={true}
           >
             $
-            beige-alpha.50
+            palette.beige-alpha.50
           </Text>
         </View>
         <Text
@@ -4142,7 +4213,7 @@ exports[`Bumper/Core/Tokens ColorPalette 1`] = `
             suppressHighlighting={true}
           >
             $
-            grey-alpha.25
+            palette.grey-alpha.25
           </Text>
         </View>
         <Text
@@ -4213,7 +4284,7 @@ exports[`Bumper/Core/Tokens ColorPalette 1`] = `
             suppressHighlighting={true}
           >
             $
-            grey-alpha.35
+            palette.grey-alpha.35
           </Text>
         </View>
         <Text
@@ -4284,7 +4355,7 @@ exports[`Bumper/Core/Tokens ColorPalette 1`] = `
             suppressHighlighting={true}
           >
             $
-            grey-alpha.50
+            palette.grey-alpha.50
           </Text>
         </View>
         <Text
@@ -4355,7 +4426,7 @@ exports[`Bumper/Core/Tokens ColorPalette 1`] = `
             suppressHighlighting={true}
           >
             $
-            white-alpha.10
+            palette.white-alpha.10
           </Text>
         </View>
         <Text
@@ -4426,7 +4497,7 @@ exports[`Bumper/Core/Tokens ColorPalette 1`] = `
             suppressHighlighting={true}
           >
             $
-            white-alpha.20
+            palette.white-alpha.20
           </Text>
         </View>
         <Text
@@ -4497,7 +4568,7 @@ exports[`Bumper/Core/Tokens ColorPalette 1`] = `
             suppressHighlighting={true}
           >
             $
-            white-alpha.60
+            palette.white-alpha.60
           </Text>
         </View>
         <Text
@@ -4568,7 +4639,7 @@ exports[`Bumper/Core/Tokens ColorPalette 1`] = `
             suppressHighlighting={true}
           >
             $
-            white-alpha.80
+            palette.white-alpha.80
           </Text>
         </View>
         <Text
@@ -4639,7 +4710,7 @@ exports[`Bumper/Core/Tokens ColorPalette 1`] = `
             suppressHighlighting={true}
           >
             $
-            white-alpha.90
+            palette.white-alpha.90
           </Text>
         </View>
         <Text
@@ -4710,7 +4781,7 @@ exports[`Bumper/Core/Tokens ColorPalette 1`] = `
             suppressHighlighting={true}
           >
             $
-            white
+            palette.white
           </Text>
         </View>
         <Text
@@ -4781,7 +4852,7 @@ exports[`Bumper/Core/Tokens ColorPalette 1`] = `
             suppressHighlighting={true}
           >
             $
-            black
+            palette.black
           </Text>
         </View>
         <Text
@@ -4852,7 +4923,7 @@ exports[`Bumper/Core/Tokens ColorPalette 1`] = `
             suppressHighlighting={true}
           >
             $
-            transparent
+            palette.transparent
           </Text>
         </View>
         <Text