@knapsack/sandbox-tokens 4.54.6--canary.4077.4d2b71a.0 → 4.54.6--canary.4097.9bae10e.0

package/dist/design-tokens.style-dictionary.json

@@ -363,7 +363,7 @@
     }
   },
   "collections": {
-    "brands": {
+    "density": {
       "$extensions": {
         "cloud.knapsack": {
           "group": {
@@ -371,24 +371,18 @@
               "type": "collection",
               "modes": [
                 {
-                  "id": "brandALight"
-                },
-                {
-                  "id": "brandADark"
-                },
-                {
-                  "id": "brandBLight"
+                  "id": "cozy"
                 },
                 {
-                  "id": "brandBDark"
+                  "id": "compact"
                 }
               ]
             }
           }
         }
       },
-      "foo": {
-        "bar": {
+      "spacing": {
+        "large": {
           "$type": "dimension",
           "$extensions": {
             "cloud.knapsack": {
@@ -399,24 +393,33 @@
               }
             }
           },
-          "brandALight": {
-            "value": "1px"
+          "compact": {
+            "value": "{spacing scale.4.value}"
           },
-          "brandADark": {
-            "value": "1px"
+          "cozy": {
+            "value": "{spacing scale.5.value}"
+          }
+        },
+        "medium": {
+          "$type": "dimension",
+          "$extensions": {
+            "cloud.knapsack": {
+              "group": {
+                "collectionInfo": {
+                  "type": "var"
+                }
+              }
+            }
           },
-          "brandBLight": {
-            "value": "1px"
+          "compact": {
+            "value": "{spacing scale.3.value}"
           },
-          "brandBDark": {
-            "value": "1px"
+          "cozy": {
+            "value": "{spacing scale.4.value}"
           }
-        }
-      },
-      "color": {
-        "$type": "color",
-        "primary": {
-          "$description": "The main, consistent color used in all graphics, publications, signage, etc. ",
+        },
+        "small": {
+          "$type": "dimension",
           "$extensions": {
             "cloud.knapsack": {
               "group": {
@@ -426,22 +429,114 @@
               }
             }
           },
-          "brandALight": {
-            "value": "#3ed93f"
+          "compact": {
+            "value": "{spacing scale.2.value}"
           },
-          "brandADark": {
-            "value": "#0a13f7"
+          "cozy": {
+            "value": "{spacing scale.3.value}"
+          }
+        },
+        "xsmall": {
+          "compact": {
+            "value": "{spacing scale.1.value}"
           },
-          "brandBLight": {
-            "value": "{color.pink.400.value}"
+          "$type": "dimension",
+          "$extensions": {
+            "cloud.knapsack": {
+              "group": {
+                "collectionInfo": {
+                  "type": "var"
+                }
+              }
+            }
           },
-          "brandBDark": {
-            "value": "{color.pink.800.value}"
+          "cozy": {
+            "value": "{spacing scale.2.value}"
           }
         },
-        "secondary": {
+        "xlarge": {
+          "compact": {
+            "value": "{spacing scale.5.value}"
+          },
+          "$type": "dimension",
+          "$extensions": {
+            "cloud.knapsack": {
+              "group": {
+                "collectionInfo": {
+                  "type": "var"
+                }
+              }
+            }
+          },
+          "cozy": {
+            "value": "{spacing scale.6.value}"
+          }
+        },
+        "xxlarge": {
+          "compact": {
+            "value": "{spacing scale.7.value}"
+          },
+          "$type": "dimension",
+          "$extensions": {
+            "cloud.knapsack": {
+              "group": {
+                "collectionInfo": {
+                  "type": "var"
+                }
+              }
+            }
+          },
+          "cozy": {
+            "value": "{spacing scale.8.value}"
+          }
+        },
+        "xxxlarge": {
+          "compact": {
+            "value": "{spacing scale.8.value}"
+          },
+          "$type": "dimension",
+          "$extensions": {
+            "cloud.knapsack": {
+              "group": {
+                "collectionInfo": {
+                  "type": "var"
+                }
+              }
+            }
+          },
+          "cozy": {
+            "value": "{spacing scale.10.value}"
+          }
+        }
+      }
+    },
+    "theme": {
+      "$extensions": {
+        "cloud.knapsack": {
+          "group": {
+            "collectionInfo": {
+              "type": "collection",
+              "modes": [
+                {
+                  "id": "light"
+                },
+                {
+                  "id": "dark"
+                }
+              ]
+            }
+          }
+        }
+      },
+      "action": {
+        "base": {
+          "dark": {
+            "value": "{sandbox.color.brand.value}"
+          },
+          "light": {
+            "value": "{sandbox.color.brand.value}"
+          },
           "$type": "color",
-          "$description": "Complimentary color to the primary brand color",
           "$extensions": {
             "cloud.knapsack": {
               "group": {
@@ -450,21 +545,53 @@
                 }
               }
             }
+          }
+        },
+        "text": {
+          "dark": {
+            "value": "{sandbox.color.white.value}"
           },
-          "brandALight": {
-            "value": "{color.pink.500.value}"
+          "light": {
+            "value": "{sandbox.color.white.value}"
           },
-          "brandBLight": {
-            "value": "{color.purple.500.value}"
+          "$type": "color",
+          "$extensions": {
+            "cloud.knapsack": {
+              "group": {
+                "collectionInfo": {
+                  "type": "var"
+                }
+              }
+            }
+          }
+        }
+      },
+      "background": {
+        "content": {
+          "dark": {
+            "value": "#3B3644"
           },
-          "brandADark": {
-            "value": "{color.pink.500.value}"
+          "light": {
+            "value": "#FFFFFF"
           },
-          "brandBDark": {
-            "value": "{color.purple.500.value}"
+          "$type": "color",
+          "$extensions": {
+            "cloud.knapsack": {
+              "group": {
+                "collectionInfo": {
+                  "type": "var"
+                }
+              }
+            }
           }
         },
-        "color": {
+        "page": {
+          "dark": {
+            "value": "#1F1C25"
+          },
+          "light": {
+            "value": "#FDFCFE"
+          },
           "$type": "color",
           "$extensions": {
             "cloud.knapsack": {
@@ -474,21 +601,63 @@
                 }
               }
             }
+          }
+        }
+      },
+      "text": {
+        "base": {
+          "dark": {
+            "value": "#F6F8FF"
           },
-          "brandALight": {
-            "value": "#000000"
+          "light": {
+            "value": "#191F2C"
           },
+          "$type": "color",
+          "$extensions": {
+            "cloud.knapsack": {
+              "group": {
+                "collectionInfo": {
+                  "type": "var"
+                }
+              }
+            }
+          }
+        },
+        "subtle": {
+          "dark": {
+            "value": "#BEC3D3"
+          },
+          "light": {
+            "value": "#6E7A82"
+          },
+          "$type": "color",
+          "$extensions": {
+            "cloud.knapsack": {
+              "group": {
+                "collectionInfo": {
+                  "type": "var"
+                }
+              }
+            }
+          }
+        }
+      }
+    },
+    "testing": {
+      "color": {
+        "color": {
           "brandADark": {
             "value": "#000000"
           },
-          "brandBLight": {
+          "brandALight": {
             "value": "#000000"
           },
           "brandBDark": {
             "value": "#000000"
-          }
-        },
-        "color 1": {
+          },
+          "brandBLight": {
+            "value": "#000000"
+          },
           "$type": "color",
           "$extensions": {
             "cloud.knapsack": {
@@ -498,22 +667,22 @@
                 }
               }
             }
+          }
+        },
+        "color 1": {
+          "brandADark": {
+            "value": "#000000"
           },
           "brandALight": {
             "value": "#000000"
           },
-          "brandADark": {
+          "brandBDark": {
             "value": "#000000"
           },
           "brandBLight": {
             "value": "#000000"
           },
-          "brandBDark": {
-            "value": "#000000"
-          }
-        },
-        "fontWeight": {
-          "$type": "fontWeight",
+          "$type": "color",
           "$extensions": {
             "cloud.knapsack": {
               "group": {
@@ -522,25 +691,22 @@
                 }
               }
             }
+          }
+        },
+        "fontWeight": {
+          "brandADark": {
+            "value": 400
           },
           "brandALight": {
             "value": 400
           },
-          "brandADark": {
+          "brandBDark": {
             "value": 400
           },
           "brandBLight": {
             "value": 400
           },
-          "brandBDark": {
-            "value": 400
-          }
-        }
-      },
-      "test": {
-        "$type": "dimension",
-        "primary": {
-          "$description": "The main, consistent color used in all graphics, publications, signage, etc. ",
+          "$type": "fontWeight",
           "$extensions": {
             "cloud.knapsack": {
               "group": {
@@ -549,23 +715,47 @@
                 }
               }
             }
+          }
+        },
+        "primary": {
+          "brandADark": {
+            "value": "#0a13f7"
           },
           "brandALight": {
-            "value": "{spacing scale.8.value}"
+            "value": "#3ed93f"
           },
-          "brandADark": {
-            "value": "{collections.density.spacing.small.compact.value}"
+          "brandBDark": {
+            "value": "{color.pink.800.value}"
           },
           "brandBLight": {
-            "value": "{collections.density.spacing.small.compact.value}"
+            "value": "{color.pink.400.value}"
           },
-          "brandBDark": {
-            "value": "{collections.density.spacing.small.compact.value}"
+          "$description": "The main, consistent color used in all graphics, publications, signage, etc. ",
+          "$extensions": {
+            "cloud.knapsack": {
+              "group": {
+                "collectionInfo": {
+                  "type": "var"
+                }
+              }
+            }
           }
         },
         "secondary": {
-          "$type": "color",
+          "brandADark": {
+            "value": "{color.pink.500.value}"
+          },
+          "brandALight": {
+            "value": "{color.pink.500.value}"
+          },
+          "brandBDark": {
+            "value": "{color.purple.500.value}"
+          },
+          "brandBLight": {
+            "value": "{color.purple.500.value}"
+          },
           "$description": "Complimentary color to the primary brand color",
+          "$type": "color",
           "$extensions": {
             "cloud.knapsack": {
               "group": {
@@ -574,21 +764,24 @@
                 }
               }
             }
+          }
+        },
+        "$type": "color"
+      },
+      "foo": {
+        "bar": {
+          "brandADark": {
+            "value": "1px"
           },
           "brandALight": {
-            "value": "#cc2020"
-          },
-          "brandBLight": {
-            "value": "{color.neutral.300.value}"
+            "value": "1px"
           },
           "brandBDark": {
-            "value": "{color.neutral.600.value}"
+            "value": "1px"
+          },
+          "brandBLight": {
+            "value": "1px"
           },
-          "brandADark": {
-            "value": "#cc2020"
-          }
-        },
-        "dimension": {
           "$type": "dimension",
           "$extensions": {
             "cloud.knapsack": {
@@ -598,42 +791,23 @@
                 }
               }
             }
+          }
+        }
+      },
+      "test": {
+        "dimension": {
+          "brandADark": {
+            "value": "2px"
           },
           "brandALight": {
             "value": "2px"
           },
-          "brandADark": {
+          "brandBDark": {
             "value": "2px"
           },
           "brandBLight": {
             "value": "2px"
           },
-          "brandBDark": {
-            "value": "2px"
-          }
-        }
-      }
-    },
-    "density": {
-      "$extensions": {
-        "cloud.knapsack": {
-          "group": {
-            "collectionInfo": {
-              "type": "collection",
-              "modes": [
-                {
-                  "id": "comfortable"
-                },
-                {
-                  "id": "compact"
-                }
-              ]
-            }
-          }
-        }
-      },
-      "spacing": {
-        "large": {
           "$type": "dimension",
           "$extensions": {
             "cloud.knapsack": {
@@ -643,16 +817,22 @@
                 }
               }
             }
+          }
+        },
+        "primary": {
+          "brandADark": {
+            "value": "{collections.density.spacing.small.compact.value}"
           },
-          "comfortable": {
+          "brandALight": {
             "value": "{spacing scale.8.value}"
           },
-          "compact": {
-            "value": "{spacing scale.5.value}"
-          }
-        },
-        "medium": {
-          "$type": "dimension",
+          "brandBDark": {
+            "value": "{collections.density.spacing.small.compact.value}"
+          },
+          "brandBLight": {
+            "value": "{collections.density.spacing.small.compact.value}"
+          },
+          "$description": "The main, consistent color used in all graphics, publications, signage, etc. ",
           "$extensions": {
             "cloud.knapsack": {
               "group": {
@@ -661,16 +841,23 @@
                 }
               }
             }
-          },
-          "comfortable": {
-            "value": "{spacing scale.6.value}"
-          },
-          "compact": {
-            "value": "{spacing scale.5.value}"
           }
         },
-        "small": {
-          "$type": "dimension",
+        "secondary": {
+          "brandADark": {
+            "value": "#cc2020"
+          },
+          "brandALight": {
+            "value": "#cc2020"
+          },
+          "brandBDark": {
+            "value": "{color.neutral.600.value}"
+          },
+          "brandBLight": {
+            "value": "{color.neutral.300.value}"
+          },
+          "$description": "Complimentary color to the primary brand color",
+          "$type": "color",
           "$extensions": {
             "cloud.knapsack": {
               "group": {
@@ -679,15 +866,91 @@
                 }
               }
             }
-          },
-          "comfortable": {
-            "value": "{spacing scale.3.value}"
-          },
-          "compact": {
-            "value": "{spacing scale.2.value}"
+          }
+        },
+        "$type": "dimension"
+      },
+      "$extensions": {
+        "cloud.knapsack": {
+          "group": {
+            "collectionInfo": {
+              "type": "collection",
+              "modes": [
+                {
+                  "id": "brandALight"
+                },
+                {
+                  "id": "brandADark"
+                },
+                {
+                  "id": "brandBLight"
+                },
+                {
+                  "id": "brandBDark"
+                }
+              ]
+            }
           }
         }
       }
     }
+  },
+  "sandbox": {
+    "color": {
+      "brand": {
+        "value": "#7A34ED",
+        "$type": "color"
+      },
+      "success": {
+        "value": "#6BC313",
+        "$type": "color"
+      },
+      "warning": {
+        "value": "#FAB120",
+        "$type": "color"
+      },
+      "error": {
+        "value": "#FF5C46",
+        "$type": "color"
+      },
+      "white": {
+        "value": "#ffffff",
+        "$type": "color"
+      }
+    },
+    "radius": {
+      "xsmall": {
+        "value": "2px",
+        "$type": "dimension"
+      },
+      "$type": "dimension",
+      "small": {
+        "value": "4px",
+        "$type": "dimension"
+      },
+      "medium": {
+        "value": "8px",
+        "$type": "dimension"
+      },
+      "large": {
+        "value": "16px",
+        "$type": "dimension"
+      },
+      "xlarge": {
+        "value": "32px",
+        "$type": "dimension"
+      }
+    },
+    "width": {
+      "$type": "dimension",
+      "wide": {
+        "value": "1080px",
+        "$type": "dimension"
+      },
+      "narrow": {
+        "value": "640px",
+        "$type": "dimension"
+      }
+    }
   }
 }