Update dist variables and pakcage.json version

ty2k · ty2k · commit 1cdec4ce8047 · 2023-11-22T14:24:58.000-08:00
diff --git a/packages/design-tokens/dist/README.md b/packages/design-tokens/dist/README.md
@@ -4,7 +4,7 @@ This package is being used to test publishing design tokens from Figma to npm.
 
 Questions? Please email the <a href="mailto:corporatewebdesign@gov.bc.ca">GDX OSS Design Team</a>.
 
-See main repository: https://github.com/bcgov/design-tokens
+See main repository: https://github.com/bcgov/design-system
 
 To use, install this package (`npm i @bcgov/design-tokens`) and import the design tokens for your platform. Reference the design tokens according to your platform's needs.
 
diff --git a/packages/design-tokens/dist/css-prefixed/variables.css b/packages/design-tokens/dist/css-prefixed/variables.css
@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Thu, 02 Nov 2023 21:18:42 GMT
+ * Generated on Wed, 22 Nov 2023 20:31:26 GMT
  */
 
 :root {
@@ -30,6 +30,7 @@
   --bcds-surface-danger-default: #ce3e39;
   --bcds-surface-danger-hover: #a2312d;
   --bcds-surface-danger-active: #2E5DD7;
+  --bcds-surface-danger-disabled: #edebe9;
   --bcds-surface-background-white: #ffffff;
   --bcds-surface-background-light: #faf9f8;
   --bcds-surface-border-light: #d8d8d8;
@@ -88,6 +89,16 @@
   --bcds-surface-shadow-small: 0 0.6000000238418579px 1.7999999523162842px 0 #0000001a, 0 3.200000047683716px 7.199999809265137px 0 #00000021; /* Primarily used as a hover effect for cards */
   --bcds-surface-shadow-medium: 0 1.2000000476837158px 3.5999999046325684px 0 #0000001a, 0 6.400000095367432px 14.399999618530273px 0 #00000021; /* Primarily used for dropdown menus and tooltips */
   --bcds-surface-shadow-large: 0 4.800000190734863px 14.399999618530273px 0 #0000002e, 0 25.600000381469727px 57.599998474121094px 0 #00000038; /* Primarily used for dialogs */
+  --bcds-surface-border-radius-none: 0;
+  --bcds-surface-border-radius-small: 2px;
+  --bcds-surface-border-radius-medium: 4px;
+  --bcds-surface-border-radius-large: 6px;
+  --bcds-surface-border-width-none: 0;
+  --bcds-surface-border-width-small: 1px;
+  --bcds-surface-border-width-medium: 2px;
+  --bcds-surface-border-width-large: 4px;
+  --bcds-surface-size-small: 0px 8px;
+  --bcds-surface-size-medium: 6px 16px;
   --bcds-support-support-surface-color-info: #f7f9fc;
   --bcds-support-support-surface-color-danger: #f4e1e2;
   --bcds-support-support-surface-color-success: #f6fff8;
@@ -130,10 +141,6 @@
   --bcds-layout-margin-xxlarge: 40px;
   --bcds-layout-margin-xxxlarge: 48px;
   --bcds-layout-margin-huge: 56px;
-  --bcds-layout-border-radius-none: 0;
-  --bcds-layout-border-radius-small: 2px;
-  --bcds-layout-border-radius-medium: 4px;
-  --bcds-layout-border-radius-large: 6px;
   --bcds-typography-font-families-bc-sans: 'BC Sans';
   --bcds-typography-line-heights-xxdense: 1.313rem;
   --bcds-typography-line-heights-xdense: 1.688rem;
diff --git a/packages/design-tokens/dist/css/variables.css b/packages/design-tokens/dist/css/variables.css
@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Thu, 02 Nov 2023 21:18:42 GMT
+ * Generated on Wed, 22 Nov 2023 20:31:25 GMT
  */
 
 :root {
@@ -30,6 +30,7 @@
   --surface-danger-default: #ce3e39;
   --surface-danger-hover: #a2312d;
   --surface-danger-active: #2E5DD7;
+  --surface-danger-disabled: #edebe9;
   --surface-background-white: #ffffff;
   --surface-background-light: #faf9f8;
   --surface-border-light: #d8d8d8;
@@ -88,6 +89,16 @@
   --surface-shadow-small: 0 0.6000000238418579px 1.7999999523162842px 0 #0000001a, 0 3.200000047683716px 7.199999809265137px 0 #00000021; /* Primarily used as a hover effect for cards */
   --surface-shadow-medium: 0 1.2000000476837158px 3.5999999046325684px 0 #0000001a, 0 6.400000095367432px 14.399999618530273px 0 #00000021; /* Primarily used for dropdown menus and tooltips */
   --surface-shadow-large: 0 4.800000190734863px 14.399999618530273px 0 #0000002e, 0 25.600000381469727px 57.599998474121094px 0 #00000038; /* Primarily used for dialogs */
+  --surface-border-radius-none: 0;
+  --surface-border-radius-small: 2px;
+  --surface-border-radius-medium: 4px;
+  --surface-border-radius-large: 6px;
+  --surface-border-width-none: 0;
+  --surface-border-width-small: 1px;
+  --surface-border-width-medium: 2px;
+  --surface-border-width-large: 4px;
+  --surface-size-small: 0px 8px;
+  --surface-size-medium: 6px 16px;
   --support-support-surface-color-info: #f7f9fc;
   --support-support-surface-color-danger: #f4e1e2;
   --support-support-surface-color-success: #f6fff8;
@@ -130,10 +141,6 @@
   --layout-margin-xxlarge: 40px;
   --layout-margin-xxxlarge: 48px;
   --layout-margin-huge: 56px;
-  --layout-border-radius-none: 0;
-  --layout-border-radius-small: 2px;
-  --layout-border-radius-medium: 4px;
-  --layout-border-radius-large: 6px;
   --typography-font-families-bc-sans: 'BC Sans';
   --typography-line-heights-xxdense: 1.313rem;
   --typography-line-heights-xdense: 1.688rem;
diff --git a/packages/design-tokens/dist/js-prefixed/variables.js b/packages/design-tokens/dist/js-prefixed/variables.js
@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Thu, 02 Nov 2023 21:18:42 GMT
+ * Generated on Wed, 22 Nov 2023 20:31:26 GMT
  */
 
 export const bcdsSurfaceOpacity0 = 0;
@@ -29,6 +29,7 @@ export const bcdsSurfaceTertiaryActive = "#2E5DD7";
 export const bcdsSurfaceDangerDefault = "#ce3e39";
 export const bcdsSurfaceDangerHover = "#a2312d";
 export const bcdsSurfaceDangerActive = "#2E5DD7";
+export const bcdsSurfaceDangerDisabled = "#edebe9";
 export const bcdsSurfaceBackgroundWhite = "#ffffff";
 export const bcdsSurfaceBackgroundLight = "#faf9f8";
 export const bcdsSurfaceBorderLight = "#d8d8d8";
@@ -87,6 +88,16 @@ export const bcdsSurfaceShadowNone = "0 0.30000001192092896px 0.8999999761581421
 export const bcdsSurfaceShadowSmall = "0 0.6000000238418579px 1.7999999523162842px 0 #0000001a, 0 3.200000047683716px 7.199999809265137px 0 #00000021"; // Primarily used as a hover effect for cards
 export const bcdsSurfaceShadowMedium = "0 1.2000000476837158px 3.5999999046325684px 0 #0000001a, 0 6.400000095367432px 14.399999618530273px 0 #00000021"; // Primarily used for dropdown menus and tooltips
 export const bcdsSurfaceShadowLarge = "0 4.800000190734863px 14.399999618530273px 0 #0000002e, 0 25.600000381469727px 57.599998474121094px 0 #00000038"; // Primarily used for dialogs
+export const bcdsSurfaceBorderRadiusNone = "0";
+export const bcdsSurfaceBorderRadiusSmall = "2px";
+export const bcdsSurfaceBorderRadiusMedium = "4px";
+export const bcdsSurfaceBorderRadiusLarge = "6px";
+export const bcdsSurfaceBorderWidthNone = "0";
+export const bcdsSurfaceBorderWidthSmall = "1px";
+export const bcdsSurfaceBorderWidthMedium = "2px";
+export const bcdsSurfaceBorderWidthLarge = "4px";
+export const bcdsSurfaceSizeSmall = "0px 8px";
+export const bcdsSurfaceSizeMedium = "6px 16px";
 export const bcdsSupportSupportSurfaceColorInfo = "#f7f9fc";
 export const bcdsSupportSupportSurfaceColorDanger = "#f4e1e2";
 export const bcdsSupportSupportSurfaceColorSuccess = "#f6fff8";
@@ -129,10 +140,6 @@ export const bcdsLayoutMarginXlarge = "32px";
 export const bcdsLayoutMarginXxlarge = "40px";
 export const bcdsLayoutMarginXxxlarge = "48px";
 export const bcdsLayoutMarginHuge = "56px";
-export const bcdsLayoutBorderRadiusNone = "0";
-export const bcdsLayoutBorderRadiusSmall = "2px";
-export const bcdsLayoutBorderRadiusMedium = "4px";
-export const bcdsLayoutBorderRadiusLarge = "6px";
 export const bcdsTypographyFontFamiliesBcSans = "'BC Sans'";
 export const bcdsTypographyLineHeightsXxdense = "1.313rem";
 export const bcdsTypographyLineHeightsXdense = "1.688rem";
diff --git a/packages/design-tokens/dist/js/variables.js b/packages/design-tokens/dist/js/variables.js
@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Thu, 02 Nov 2023 21:18:42 GMT
+ * Generated on Wed, 22 Nov 2023 20:31:26 GMT
  */
 
 export const surfaceOpacity0 = 0;
@@ -29,6 +29,7 @@ export const surfaceTertiaryActive = "#2E5DD7";
 export const surfaceDangerDefault = "#ce3e39";
 export const surfaceDangerHover = "#a2312d";
 export const surfaceDangerActive = "#2E5DD7";
+export const surfaceDangerDisabled = "#edebe9";
 export const surfaceBackgroundWhite = "#ffffff";
 export const surfaceBackgroundLight = "#faf9f8";
 export const surfaceBorderLight = "#d8d8d8";
@@ -87,6 +88,16 @@ export const surfaceShadowNone = "0 0.30000001192092896px 0.8999999761581421px 0
 export const surfaceShadowSmall = "0 0.6000000238418579px 1.7999999523162842px 0 #0000001a, 0 3.200000047683716px 7.199999809265137px 0 #00000021"; // Primarily used as a hover effect for cards
 export const surfaceShadowMedium = "0 1.2000000476837158px 3.5999999046325684px 0 #0000001a, 0 6.400000095367432px 14.399999618530273px 0 #00000021"; // Primarily used for dropdown menus and tooltips
 export const surfaceShadowLarge = "0 4.800000190734863px 14.399999618530273px 0 #0000002e, 0 25.600000381469727px 57.599998474121094px 0 #00000038"; // Primarily used for dialogs
+export const surfaceBorderRadiusNone = "0";
+export const surfaceBorderRadiusSmall = "2px";
+export const surfaceBorderRadiusMedium = "4px";
+export const surfaceBorderRadiusLarge = "6px";
+export const surfaceBorderWidthNone = "0";
+export const surfaceBorderWidthSmall = "1px";
+export const surfaceBorderWidthMedium = "2px";
+export const surfaceBorderWidthLarge = "4px";
+export const surfaceSizeSmall = "0px 8px";
+export const surfaceSizeMedium = "6px 16px";
 export const supportSupportSurfaceColorInfo = "#f7f9fc";
 export const supportSupportSurfaceColorDanger = "#f4e1e2";
 export const supportSupportSurfaceColorSuccess = "#f6fff8";
@@ -129,10 +140,6 @@ export const layoutMarginXlarge = "32px";
 export const layoutMarginXxlarge = "40px";
 export const layoutMarginXxxlarge = "48px";
 export const layoutMarginHuge = "56px";
-export const layoutBorderRadiusNone = "0";
-export const layoutBorderRadiusSmall = "2px";
-export const layoutBorderRadiusMedium = "4px";
-export const layoutBorderRadiusLarge = "6px";
 export const typographyFontFamiliesBcSans = "'BC Sans'";
 export const typographyLineHeightsXxdense = "1.313rem";
 export const typographyLineHeightsXdense = "1.688rem";
diff --git a/packages/design-tokens/dist/package.json b/packages/design-tokens/dist/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@bcgov/design-tokens",
-  "version": "1.0.0",
+  "version": "2.0.0",
   "description": "Design tokens for BC Design System",
   "repository": {
     "type": "git",

Original file line number	Diff line number	Diff line change
`@@ -1,6 +1,6 @@`
`1`	`1`	`{`
`2`	`2`	`"name": "@bcgov/design-tokens",`
`3`		`- "version": "1.0.0",`
	`3`	`+ "version": "2.0.0",`
`4`	`4`	`"description": "Design tokens for BC Design System",`
`5`	`5`	`"repository": {`
`6`	`6`	`"type": "git",`