@knapsack/sandbox-tokens 4.54.10--canary.4043.612f09a.0 → 4.54.10

package/CHANGELOG.md

@@ -1,3 +1,40 @@
+# v4.54.10 (Thu May 23 2024)
+
+#### 🐛 Bug Fix
+
+- Merge branch 'latest' into feature/ksp-5105-improve-template-suggestion-labels-in-pattern-form ([@GormanDesign](https://github.com/GormanDesign))
+- Merge branch 'latest' into feature/ksp-5103-clean-up-add-pattern-form ([@GormanDesign](https://github.com/GormanDesign))
+- Merge branch 'feature/ksp-5090-sandbox-components-update-styling-and-theming' into update-card-component ([@mabry1985](https://github.com/mabry1985))
+- Merge branch 'feature/ksp-4994-update-ks-sandbox-components' into feature/ksp-5090-sandbox-components-update-styling-and-theming ([@mabry1985](https://github.com/mabry1985))
+- Merge branch 'latest' into feature/ksp-4994-update-ks-sandbox-components ([@mabry1985](https://github.com/mabry1985))
+- update button styling ([@mabry1985](https://github.com/mabry1985))
+- update hero styles ([@mabry1985](https://github.com/mabry1985))
+- update to use shadow-1 ([@mabry1985](https://github.com/mabry1985))
+- add card shadow token and css ([@mabry1985](https://github.com/mabry1985))
+- Merge branch 'feature/ksp-5053-update-figma-parsing-logic-to-manage-string-properties' into feature/ksp-4994-update-ks-sandbox-components ([@mabry1985](https://github.com/mabry1985))
+- Merge branch 'latest' into feature/ksp-5053-update-figma-parsing-logic-to-manage-string-properties ([@EvanLovely](https://github.com/EvanLovely))
+- Merge branch 'feature/ksp-5013-ui-logic-to-import-simple-frame-to-demo' into feature/ksp-5053-update-figma-parsing-logic-to-manage-string-properties ([@mabry1985](https://github.com/mabry1985))
+- Merge branch 'latest' into feature/ksp-5013-ui-logic-to-import-simple-frame-to-demo ([@mabry1985](https://github.com/mabry1985))
+
+#### 🏠 Internal
+
+- KSP-5100: var-refs in tokens collections UI [#4175](https://github.com/knapsack-labs/app-monorepo/pull/4175) ([@illepic](https://github.com/illepic))
+- improve template suggestion labels in pattern form [#4154](https://github.com/knapsack-labs/app-monorepo/pull/4154) ([@GormanDesign](https://github.com/GormanDesign))
+- Update node types to 20.11.30 [#4171](https://github.com/knapsack-labs/app-monorepo/pull/4171) ([@greylabel](https://github.com/greylabel))
+- update sandbox components [#4081](https://github.com/knapsack-labs/app-monorepo/pull/4081) ([@mabry1985](https://github.com/mabry1985) [@EvanLovely](https://github.com/EvanLovely))
+- update styling for sandbox components [#4134](https://github.com/knapsack-labs/app-monorepo/pull/4134) ([@mabry1985](https://github.com/mabry1985))
+- adds logic for disallowing intercom in workspaces [#4137](https://github.com/knapsack-labs/app-monorepo/pull/4137) ([@mabry1985](https://github.com/mabry1985))
+
+#### Authors: 5
+
+- Christopher Bloom ([@illepic](https://github.com/illepic))
+- Evan Lovely ([@EvanLovely](https://github.com/EvanLovely))
+- Grant Gaudet ([@greylabel](https://github.com/greylabel))
+- Josh Mabry ([@mabry1985](https://github.com/mabry1985))
+- Matt Gorman ([@GormanDesign](https://github.com/GormanDesign))
+
+---
+
 # v4.54.9 (Tue May 21 2024)
 
 #### 🏠 Internal

package/dist/design-tokens.cjs

@@ -74,6 +74,9 @@ module.exports = {
   collectionsTestingTestSecondaryBrandBDark: '#ACAAB6',
   colorNeutral300: '#EDECEF',
   collectionsTestingTestSecondaryBrandBLight: '#EDECEF',
+  collectionsTestingTestTertiaryBrandALight: '#000000',
+  collectionsTestingTestTertiaryBrandBDark: '#000000',
+  collectionsTestingTestTertiaryBrandBLight: '#000000',
   sandboxColorBrand: '#7A34ED',
   collectionsThemeActionBaseDark: '#7A34ED',
   collectionsThemeActionBaseLight: '#7A34ED',

package/dist/design-tokens.collections.css

@@ -63,6 +63,9 @@
   --collections-testing-test-secondary-brand-a-light: #cc2020;
   --collections-testing-test-secondary-brand-b-dark: var(--color-neutral-600);
   --collections-testing-test-secondary-brand-b-light: var(--color-neutral-300);
+  --collections-testing-test-tertiary-brand-a-light: #000000;
+  --collections-testing-test-tertiary-brand-b-dark: #000000;
+  --collections-testing-test-tertiary-brand-b-light: #000000;
   --collections-theme-action-base-dark: var(--sandbox-color-brand);
   --collections-theme-action-base-light: var(--sandbox-color-brand);
   --collections-theme-action-text-dark: var(--sandbox-color-white);
@@ -188,8 +191,8 @@
   --color-secondary: var(--collections-testing-color-secondary-brand-a-light);
   --foo-bar: var(--collections-testing-foo-bar-brand-a-light);
   --test-dimension: var(--collections-testing-test-dimension-brand-a-light);
-  --test-primary: var(--collections-testing-test-primary-brand-a-light);
   --test-secondary: var(--collections-testing-test-secondary-brand-a-light);
+  --test-tertiary: var(--collections-testing-test-tertiary-brand-a-light);
 }
 
 [data-collections-testing='brandADark'] {
@@ -202,8 +205,8 @@
   --color-secondary: var(--collections-testing-color-secondary-brand-a-dark);
   --foo-bar: var(--collections-testing-foo-bar-brand-a-dark);
   --test-dimension: var(--collections-testing-test-dimension-brand-a-dark);
-  --test-primary: var(--collections-testing-test-primary-brand-a-dark);
   --test-secondary: var(--collections-testing-test-secondary-brand-a-dark);
+  --test-tertiary: var(--collections-testing-test-secondary);
 }
 
 [data-collections-testing='brandBLight'] {
@@ -216,8 +219,8 @@
   --color-secondary: var(--collections-testing-color-secondary-brand-b-light);
   --foo-bar: var(--collections-testing-foo-bar-brand-b-light);
   --test-dimension: var(--collections-testing-test-dimension-brand-b-light);
-  --test-primary: var(--collections-testing-test-primary-brand-b-light);
   --test-secondary: var(--collections-testing-test-secondary-brand-b-light);
+  --test-tertiary: var(--collections-testing-test-tertiary-brand-b-light);
 }
 
 [data-collections-testing='brandBDark'] {
@@ -230,8 +233,8 @@
   --color-secondary: var(--collections-testing-color-secondary-brand-b-dark);
   --foo-bar: var(--collections-testing-foo-bar-brand-b-dark);
   --test-dimension: var(--collections-testing-test-dimension-brand-b-dark);
-  --test-primary: var(--collections-testing-test-primary-brand-b-dark);
   --test-secondary: var(--collections-testing-test-secondary-brand-b-dark);
+  --test-tertiary: var(--collections-testing-test-tertiary-brand-b-dark);
 }
 
 :root,

package/dist/design-tokens.css

@@ -63,6 +63,9 @@
   --collections-testing-test-secondary-brand-a-light: #cc2020;
   --collections-testing-test-secondary-brand-b-dark: var(--color-neutral-600);
   --collections-testing-test-secondary-brand-b-light: var(--color-neutral-300);
+  --collections-testing-test-tertiary-brand-a-light: #000000;
+  --collections-testing-test-tertiary-brand-b-dark: #000000;
+  --collections-testing-test-tertiary-brand-b-light: #000000;
   --collections-theme-action-base-dark: var(--sandbox-color-brand);
   --collections-theme-action-base-light: var(--sandbox-color-brand);
   --collections-theme-action-text-dark: var(--sandbox-color-white);

package/dist/design-tokens.css.scss

@@ -63,6 +63,9 @@
   --collections-testing-test-secondary-brand-a-light: #cc2020;
   --collections-testing-test-secondary-brand-b-dark: var(--color-neutral-600);
   --collections-testing-test-secondary-brand-b-light: var(--color-neutral-300);
+  --collections-testing-test-tertiary-brand-a-light: #000000;
+  --collections-testing-test-tertiary-brand-b-dark: #000000;
+  --collections-testing-test-tertiary-brand-b-light: #000000;
   --collections-theme-action-base-dark: var(--sandbox-color-brand);
   --collections-theme-action-base-light: var(--sandbox-color-brand);
   --collections-theme-action-text-dark: var(--sandbox-color-white);

package/dist/design-tokens.d.cts

@@ -73,6 +73,9 @@ export declare const colorNeutral600 = '#ACAAB6';
 export declare const collectionsTestingTestSecondaryBrandBDark = '#ACAAB6';
 export declare const colorNeutral300 = '#EDECEF';
 export declare const collectionsTestingTestSecondaryBrandBLight = '#EDECEF';
+export declare const collectionsTestingTestTertiaryBrandALight = '#000000';
+export declare const collectionsTestingTestTertiaryBrandBDark = '#000000';
+export declare const collectionsTestingTestTertiaryBrandBLight = '#000000';
 export declare const sandboxColorBrand = '#7A34ED';
 export declare const collectionsThemeActionBaseDark = '#7A34ED';
 export declare const collectionsThemeActionBaseLight = '#7A34ED';

package/dist/design-tokens.d.mts

@@ -73,6 +73,9 @@ export declare const colorNeutral600 = '#ACAAB6';
 export declare const collectionsTestingTestSecondaryBrandBDark = '#ACAAB6';
 export declare const colorNeutral300 = '#EDECEF';
 export declare const collectionsTestingTestSecondaryBrandBLight = '#EDECEF';
+export declare const collectionsTestingTestTertiaryBrandALight = '#000000';
+export declare const collectionsTestingTestTertiaryBrandBDark = '#000000';
+export declare const collectionsTestingTestTertiaryBrandBLight = '#000000';
 export declare const sandboxColorBrand = '#7A34ED';
 export declare const collectionsThemeActionBaseDark = '#7A34ED';
 export declare const collectionsThemeActionBaseLight = '#7A34ED';

package/dist/design-tokens.d.ts

@@ -73,6 +73,9 @@ export declare const colorNeutral600 = '#ACAAB6';
 export declare const collectionsTestingTestSecondaryBrandBDark = '#ACAAB6';
 export declare const colorNeutral300 = '#EDECEF';
 export declare const collectionsTestingTestSecondaryBrandBLight = '#EDECEF';
+export declare const collectionsTestingTestTertiaryBrandALight = '#000000';
+export declare const collectionsTestingTestTertiaryBrandBDark = '#000000';
+export declare const collectionsTestingTestTertiaryBrandBLight = '#000000';
 export declare const sandboxColorBrand = '#7A34ED';
 export declare const collectionsThemeActionBaseDark = '#7A34ED';
 export declare const collectionsThemeActionBaseLight = '#7A34ED';

package/dist/design-tokens.js

@@ -73,6 +73,9 @@ export const colorNeutral600 = '#ACAAB6';
 export const collectionsTestingTestSecondaryBrandBDark = '#ACAAB6';
 export const colorNeutral300 = '#EDECEF';
 export const collectionsTestingTestSecondaryBrandBLight = '#EDECEF';
+export const collectionsTestingTestTertiaryBrandALight = '#000000';
+export const collectionsTestingTestTertiaryBrandBDark = '#000000';
+export const collectionsTestingTestTertiaryBrandBLight = '#000000';
 export const sandboxColorBrand = '#7A34ED';
 export const collectionsThemeActionBaseDark = '#7A34ED';
 export const collectionsThemeActionBaseLight = '#7A34ED';

package/dist/design-tokens.json

@@ -57,6 +57,9 @@
   "collectionsTestingTestSecondaryBrandALight": "#cc2020",
   "collectionsTestingTestSecondaryBrandBDark": "#ACAAB6",
   "collectionsTestingTestSecondaryBrandBLight": "#EDECEF",
+  "collectionsTestingTestTertiaryBrandALight": "#000000",
+  "collectionsTestingTestTertiaryBrandBDark": "#000000",
+  "collectionsTestingTestTertiaryBrandBLight": "#000000",
   "collectionsThemeActionBaseDark": "#7A34ED",
   "collectionsThemeActionBaseLight": "#7A34ED",
   "collectionsThemeActionTextDark": "#ffffff",

package/dist/design-tokens.less

@@ -73,6 +73,9 @@
 @collections-testing-test-secondary-brand-b-dark: @color-neutral-600;
 @color-neutral-300: #edecef;
 @collections-testing-test-secondary-brand-b-light: @color-neutral-300;
+@collections-testing-test-tertiary-brand-a-light: #000000;
+@collections-testing-test-tertiary-brand-b-dark: #000000;
+@collections-testing-test-tertiary-brand-b-light: #000000;
 @sandbox-color-brand: #7a34ed;
 @collections-theme-action-base-dark: @sandbox-color-brand;
 @collections-theme-action-base-light: @sandbox-color-brand;

package/dist/design-tokens.mjs

@@ -73,6 +73,9 @@ export const colorNeutral600 = '#ACAAB6';
 export const collectionsTestingTestSecondaryBrandBDark = '#ACAAB6';
 export const colorNeutral300 = '#EDECEF';
 export const collectionsTestingTestSecondaryBrandBLight = '#EDECEF';
+export const collectionsTestingTestTertiaryBrandALight = '#000000';
+export const collectionsTestingTestTertiaryBrandBDark = '#000000';
+export const collectionsTestingTestTertiaryBrandBLight = '#000000';
 export const sandboxColorBrand = '#7A34ED';
 export const collectionsThemeActionBaseDark = '#7A34ED';
 export const collectionsThemeActionBaseLight = '#7A34ED';

package/dist/design-tokens.nested.json

@@ -103,6 +103,11 @@
           "brandALight": "#cc2020",
           "brandBDark": "#ACAAB6",
           "brandBLight": "#EDECEF"
+        },
+        "tertiary": {
+          "brandALight": "#000000",
+          "brandBDark": "#000000",
+          "brandBLight": "#000000"
         }
       }
     },

package/dist/design-tokens.scss

@@ -73,6 +73,9 @@ $color-neutral-600: #acaab6;
 $collections-testing-test-secondary-brand-b-dark: $color-neutral-600;
 $color-neutral-300: #edecef;
 $collections-testing-test-secondary-brand-b-light: $color-neutral-300;
+$collections-testing-test-tertiary-brand-a-light: #000000;
+$collections-testing-test-tertiary-brand-b-dark: #000000;
+$collections-testing-test-tertiary-brand-b-light: #000000;
 $sandbox-color-brand: #7a34ed;
 $collections-theme-action-base-dark: $sandbox-color-brand;
 $collections-theme-action-base-light: $sandbox-color-brand;
@@ -262,6 +265,11 @@ $tokens: (
           'brandBDark': $collections-testing-test-secondary-brand-b-dark,
           'brandBLight': $collections-testing-test-secondary-brand-b-light,
         ),
+        'tertiary': (
+          'brandALight': $collections-testing-test-tertiary-brand-a-light,
+          'brandBDark': $collections-testing-test-tertiary-brand-b-dark,
+          'brandBLight': $collections-testing-test-tertiary-brand-b-light,
+        ),
       ),
     ),
     'theme': (

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

@@ -868,7 +868,40 @@
             }
           }
         },
-        "$type": "dimension"
+        "tertiary": {
+          "brandADark": {
+            "$extensions": {
+              "cloud.knapsack": {
+                "group": {
+                  "collectionInfo": {
+                    "type": "var-ref",
+                    "referencedId": "collections.testing.test.secondary"
+                  }
+                }
+              }
+            }
+          },
+          "$type": "color",
+          "$description": "derp",
+          "$extensions": {
+            "cloud.knapsack": {
+              "group": {
+                "collectionInfo": {
+                  "type": "var"
+                }
+              }
+            }
+          },
+          "brandALight": {
+            "value": "#000000"
+          },
+          "brandBLight": {
+            "value": "#000000"
+          },
+          "brandBDark": {
+            "value": "#000000"
+          }
+        }
       },
       "$extensions": {
         "cloud.knapsack": {

package/dist/design-tokens.w3c-spec.json

@@ -880,7 +880,40 @@
             }
           }
         },
-        "$type": "dimension"
+        "tertiary": {
+          "brandADark": {
+            "$extensions": {
+              "cloud.knapsack": {
+                "group": {
+                  "collectionInfo": {
+                    "type": "var-ref",
+                    "referencedId": "collections.testing.test.secondary"
+                  }
+                }
+              }
+            }
+          },
+          "$type": "color",
+          "$description": "derp",
+          "$extensions": {
+            "cloud.knapsack": {
+              "group": {
+                "collectionInfo": {
+                  "type": "var"
+                }
+              }
+            }
+          },
+          "brandALight": {
+            "$value": "#000000"
+          },
+          "brandBLight": {
+            "$value": "#000000"
+          },
+          "brandBDark": {
+            "$value": "#000000"
+          }
+        }
       },
       "$extensions": {
         "cloud.knapsack": {

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@knapsack/sandbox-tokens",
   "description": "",
-  "version": "4.54.10--canary.4043.612f09a.0",
+  "version": "4.54.10",
   "type": "module",
   "exports": {
     ".": {
@@ -21,11 +21,11 @@
     "test": "tsc"
   },
   "dependencies": {
-    "@knapsack/app": "4.54.10--canary.4043.612f09a.0"
+    "@knapsack/app": "4.54.10"
   },
   "devDependencies": {
-    "@knapsack/typescript-config-starter": "4.54.10--canary.4043.612f09a.0",
-    "@types/node": "^20.11.30",
+    "@knapsack/typescript-config-starter": "4.54.10",
+    "@types/node": "^20.12.12",
     "typescript": "^5.4.5"
   },
   "license": "GPL-2.0-or-later",
@@ -37,5 +37,5 @@
     "directory": "apps/ui/libs/sandbox-tokens",
     "type": "git"
   },
-  "gitHead": "612f09a65b5aa688375b6b39163ad74b9b9f0186"
+  "gitHead": "c5d08660b4b72340f1db0ee4bbe371e7678df228"
 }

package/src/knapsack.design-tokens.json

@@ -880,7 +880,40 @@
             }
           }
         },
-        "$type": "dimension"
+        "tertiary": {
+          "brandADark": {
+            "$extensions": {
+              "cloud.knapsack": {
+                "group": {
+                  "collectionInfo": {
+                    "type": "var-ref",
+                    "referencedId": "collections.testing.test.secondary"
+                  }
+                }
+              }
+            }
+          },
+          "$type": "color",
+          "$description": "derp",
+          "$extensions": {
+            "cloud.knapsack": {
+              "group": {
+                "collectionInfo": {
+                  "type": "var"
+                }
+              }
+            }
+          },
+          "brandALight": {
+            "$value": "#000000"
+          },
+          "brandBLight": {
+            "$value": "#000000"
+          },
+          "brandBDark": {
+            "$value": "#000000"
+          }
+        }
       },
       "$extensions": {
         "cloud.knapsack": {