@salesforcedevs/dx-css-variables 0.3.50 → 0.4.0

package/assets/css/index.css

@@ -1,6 +1,13 @@
 @import './animations.css';
 @import './breakpoints.css';
-@import './colors.css';
+
+/* Color tiers — primitives first for readability (resolution is order-independent) */
+@import './colors/primitives.css';
+@import './colors/semantic.css';
+@import './colors/brand.css';
+@import './colors/content-type.css';
+@import './colors/dark.css';
+
 @import './iconSizes.css';
 @import './page.css';
 @import './shadows.css';

package/assets/css/shadows.css

@@ -1,7 +1,12 @@
 :root {
   /*
-   Shared box-shadows based off C360 eleveation models
-   https://app.abstract.com/projects/d597ff5d-4ea0-45c2-9bad-057d0950ede3/branches/master/commits/015ebf994fdc104f4243bc76be9969415a637324/files/ee7b3677-8ebf-48a9-a229-0fa58a99b153/layers/8FD17D54-7983-41CB-BAB5-C6628E15E666?collectionId=8e630596-0ef1-4475-93b6-71e4c064d1e6&collectionLayerId=dae4a0ab-d604-4f2f-a249-2619b389c610&mode=build&selected=root-C04FA5B6-62B6-4943-BFA7-B5D6723AF05C
+  Canonical global elevation tokens for the DSC design system, based
+  on the C360 elevation models. These `--dx-g-*` variables are the
+  single source of truth for box-shadow values, e.g.
+  --dx-g-box-shadow-md;
+
+  Prefer referencing these `--dx-g-*` tokens rather than introducing
+  new raw box-shadow values.
   */
 
   --dx-g-box-shadow-sm: 0px 0px 2px 0px rgba(24, 24, 24, 0.08),

package/assets/css/spacing.css

@@ -1,10 +1,12 @@
 :root {
   /*
-  Shared spacing, like
-  --dx-spacing-sm: 96rem;
+  Canonical global spacing tokens for the DSC design system.
+  These `--dx-g-*` variables are the single source of truth for
+  spacing values, e.g.
+  --dx-g-spacing-md: 16px;
 
-  Or, if from the C360 design system
-  --dx-g-spacing-sm: 96rem;
+  Prefer referencing these `--dx-g-*` tokens rather than introducing
+  new raw spacing values.
   */
 
   --dx-g-spacing-2xs: 2px;

package/assets/css/typography.css

@@ -2,11 +2,13 @@
 
 :root {
   /*
-  Shared typography, like
-  --dx-specific-font-size: 96rem;
+  Canonical global typography tokens for the DSC design system.
+  These `--dx-g-*` variables are the single source of truth for font
+  families, weights, and sizes, e.g.
+  --dx-g-text-base: 16px;
 
-  Or, if from the C360 design system
-  --dx-g-specific-font-size: 96rem;
+  Prefer referencing these `--dx-g-*` tokens rather than introducing
+  new raw font values.
   */
 
   --dx-g-font-display:

package/package.json

@@ -1,11 +1,18 @@
 {
   "name": "@salesforcedevs/dx-css-variables",
-  "version": "0.3.50",
+  "version": "0.4.0",
   "license": "BSD-3-Clause",
   "files": [
     "assets"
   ],
+  "scripts": {
+    "lint": "npm run lint:css",
+    "lint:css": "stylelint 'assets/css/**/*.css'"
+  },
   "publishConfig": {
     "access": "public"
+  },
+  "devDependencies": {
+    "stylelint": "14.16.1"
   }
 }