feat: deleted value in reference design tokens (#1989)

openedx · Feb 16, 2023 · 222d4e5 · 222d4e5
1 parent df2f764
commit 222d4e5
Show file tree

Hide file tree

Showing 60 changed files with 962 additions and 962 deletions.
diff --git a/tokens/src/alias/color.json b/tokens/src/alias/color.json
@@ -1,21 +1,21 @@
 {
   "color": {
     "bg": {
-      "base": { "value": "{color.white.value}" },
-      "active": { "value": "{color.primary.500.value}", "source": "$component-active-bg" }
+      "base": { "value": "{color.white}" },
+      "active": { "value": "{color.primary.500}", "source": "$component-active-bg" }
     },
     "text": {
       "50":{
         "black": {
-          "value": "{color.black.value}",
+          "value": "{color.black}",
           "source": "$text-black-50",
           "modify": [{
             "type": "alpha",
             "amount": 0.5
           }]
         },
         "white": {
-          "value": "{color.white.value}",
+          "value": "{color.white}",
           "source": "$text-white-50",
           "modify": [{
             "type": "alpha",
@@ -24,84 +24,84 @@
         }
       }
     },
-    "active": { "value": "{color.white.value}", "source": "$component-active-color" },
-    "disabled": { "value": "{color.gray.500.value}" },
+    "active": { "value": "{color.white}", "source": "$component-active-color" },
+    "disabled": { "value": "{color.gray.500}" },
     "input": {
-      "focus": { "value": "{color.primary.500.value}" }
+      "focus": { "value": "{color.primary.500}" }
     },
-    "border": { "value": "{color.gray.200.value}", "source": "$border-color" },
+    "border": { "value": "{color.gray.200}", "source": "$border-color" },
     "theme": {
       "bg": {
-        "primary": { "value": "{color.primary.100.value}" },
-        "secondary": { "value": "{color.secondary.100.value}" },
-        "brand": { "value": "{color.brand.100.value}" },
-        "success": { "value": "{color.success.100.value}" },
-        "info": { "value": "{color.info.100.value}" },
-        "warning": { "value": "{color.warning.100.value}" },
-        "danger": { "value": "{color.danger.100.value}" },
-        "light": { "value": "{color.light.100.value}" },
-        "dark": { "value": "{color.dark.100.value}" },
-        "gray": { "value": "{color.gray.100.value}" }
+        "primary": { "value": "{color.primary.100}" },
+        "secondary": { "value": "{color.secondary.100}" },
+        "brand": { "value": "{color.brand.100}" },
+        "success": { "value": "{color.success.100}" },
+        "info": { "value": "{color.info.100}" },
+        "warning": { "value": "{color.warning.100}" },
+        "danger": { "value": "{color.danger.100}" },
+        "light": { "value": "{color.light.100}" },
+        "dark": { "value": "{color.dark.100}" },
+        "gray": { "value": "{color.gray.100}" }
       },
       "border": {
-        "primary": { "value": "{color.primary.200.value}" },
-        "secondary": { "value": "{color.secondary.200.value}" },
-        "brand": { "value": "{color.brand.200.value}" },
-        "success": { "value": "{color.success.200.value}" },
-        "info": { "value": "{color.info.200.value}" },
-        "warning": { "value": "{color.warning.200.value}" },
-        "danger": { "value": "{color.danger.200.value}" },
-        "light": { "value": "{color.light.200.value}" },
-        "dark": { "value": "{color.dark.200.value}" },
-        "gray": { "value": "{color.gray.200.value}" }
+        "primary": { "value": "{color.primary.200}" },
+        "secondary": { "value": "{color.secondary.200}" },
+        "brand": { "value": "{color.brand.200}" },
+        "success": { "value": "{color.success.200}" },
+        "info": { "value": "{color.info.200}" },
+        "warning": { "value": "{color.warning.200}" },
+        "danger": { "value": "{color.danger.200}" },
+        "light": { "value": "{color.light.200}" },
+        "dark": { "value": "{color.dark.200}" },
+        "gray": { "value": "{color.gray.200}" }
       },
       "focus": {
-        "primary": { "value": "{color.primary.300.value}" },
-        "secondary": { "value": "{color.secondary.300.value}" },
-        "brand": { "value": "{color.brand.300.value}" },
-        "success": { "value": "{color.success.300.value}" },
-        "info": { "value": "{color.info.300.value}" },
-        "warning": { "value": "{color.warning.300.value}" },
-        "danger": { "value": "{color.danger.300.value}" },
-        "light": { "value": "{color.light.300.value}" },
-        "dark": { "value": "{color.dark.300.value}" },
-        "gray": { "value": "{color.gray.300.value}" }
+        "primary": { "value": "{color.primary.300}" },
+        "secondary": { "value": "{color.secondary.300}" },
+        "brand": { "value": "{color.brand.300}" },
+        "success": { "value": "{color.success.300}" },
+        "info": { "value": "{color.info.300}" },
+        "warning": { "value": "{color.warning.300}" },
+        "danger": { "value": "{color.danger.300}" },
+        "light": { "value": "{color.light.300}" },
+        "dark": { "value": "{color.dark.300}" },
+        "gray": { "value": "{color.gray.300}" }
       },
       "default": {
-        "primary": { "value": "{color.primary.500.value}" },
-        "secondary": { "value": "{color.secondary.500.value}" },
-        "brand": { "value": "{color.brand.500.value}" },
-        "success": { "value": "{color.success.500.value}" },
-        "info": { "value": "{color.info.500.value}" },
-        "warning": { "value": "{color.warning.500.value}" },
-        "danger": { "value": "{color.danger.500.value}" },
-        "light": { "value": "{color.light.500.value}" },
-        "dark": { "value": "{color.dark.500.value}" },
-        "gray": { "value": "{color.gray.500.value}" }
+        "primary": { "value": "{color.primary.500}" },
+        "secondary": { "value": "{color.secondary.500}" },
+        "brand": { "value": "{color.brand.500}" },
+        "success": { "value": "{color.success.500}" },
+        "info": { "value": "{color.info.500}" },
+        "warning": { "value": "{color.warning.500}" },
+        "danger": { "value": "{color.danger.500}" },
+        "light": { "value": "{color.light.500}" },
+        "dark": { "value": "{color.dark.500}" },
+        "gray": { "value": "{color.gray.500}" }
       },
       "hover": {
-        "primary": { "value": "{color.primary.700.value}" },
-        "secondary": { "value": "{color.secondary.700.value}" },
-        "brand": { "value": "{color.brand.700.value}" },
-        "success": { "value": "{color.success.700.value}" },
-        "info": { "value": "{color.info.700.value}" },
-        "warning": { "value": "{color.warning.700.value}" },
-        "danger": { "value": "{color.danger.700.value}" },
-        "light": { "value": "{color.light.700.value}" },
-        "dark": { "value": "{color.dark.700.value}" },
-        "gray": { "value": "{color.gray.700.value}" }
+        "primary": { "value": "{color.primary.700}" },
+        "secondary": { "value": "{color.secondary.700}" },
+        "brand": { "value": "{color.brand.700}" },
+        "success": { "value": "{color.success.700}" },
+        "info": { "value": "{color.info.700}" },
+        "warning": { "value": "{color.warning.700}" },
+        "danger": { "value": "{color.danger.700}" },
+        "light": { "value": "{color.light.700}" },
+        "dark": { "value": "{color.dark.700}" },
+        "gray": { "value": "{color.gray.700}" }
       },
       "active": {
-        "primary": { "value": "{color.primary.900.value}" },
-        "secondary": { "value": "{color.secondary.900.value}" },
-        "brand": { "value": "{color.brand.900.value}" },
-        "success": { "value": "{color.success.900.value}" },
-        "info": { "value": "{color.info.900.value}" },
-        "warning": { "value": "{color.warning.900.value}" },
-        "danger": { "value": "{color.danger.900.value}" },
-        "light": { "value": "{color.light.900.value}" },
-        "dark": { "value": "{color.dark.900.value}" },
-        "gray": { "value": "{color.gray.900.value}" }
+        "primary": { "value": "{color.primary.900}" },
+        "secondary": { "value": "{color.secondary.900}" },
+        "brand": { "value": "{color.brand.900}" },
+        "success": { "value": "{color.success.900}" },
+        "info": { "value": "{color.info.900}" },
+        "warning": { "value": "{color.warning.900}" },
+        "danger": { "value": "{color.danger.900}" },
+        "light": { "value": "{color.light.900}" },
+        "dark": { "value": "{color.dark.900}" },
+        "gray": { "value": "{color.gray.900}" }
       }
     }
   }

diff --git a/tokens/src/components/Alert.json b/tokens/src/components/Alert.json
@@ -6,40 +6,40 @@
         "x": { "value": "1.5rem", "source": "$alert-padding-x" }
       },
       "margin-bottom": { "value": "1rem", "source": "$alert-margin-bottom" },
-      "actions-gap": { "value": "{spacing.spacer.3.value}", "source": "$alert-actions-gap" },
+      "actions-gap": { "value": "{spacing.spacer.3}", "source": "$alert-actions-gap" },
       "icon-space": { "value": ".8rem", "source": "$alert-icon-space" }
     }
   },
   "typography": {
     "alert": {
       "font": {
-        "weight-link": { "value": "{typography.font.weight.normal.value}", "source": "$alert-link-font-weight" },
+        "weight-link": { "value": "{typography.font.weight.normal}", "source": "$alert-link-font-weight" },
         "size": { "value": ".875rem", "source": "$alert-font-size" }
       },
       "line-height": { "value": "1.5rem", "source": "$alert-line-height" }
     }
   },
   "color": {
     "alert": {
-      "title": { "value": "{color.black.value}", "source": "$alert-title-color" },
-      "content": { "value": "{color.gray.700.value}", "source": "$alert-content-color" },
+      "title": { "value": "{color.black}", "source": "$alert-title-color" },
+      "content": { "value": "{color.gray.700}", "source": "$alert-content-color" },
       "icon": {
-        "success": { "value": "{color.theme.default.success.value}", "source": "$alert-success-icon-color" },
-        "info": { "value": "{color.theme.default.info.value}", "source": "$alert-info-icon-color" },
-        "danger": { "value": "{color.theme.default.danger.value}", "source": "$alert-danger-icon-color" },
-        "warning": { "value": "{color.theme.default.warning.value}", "source": "$alert-warning-icon-color" }
+        "success": { "value": "{color.theme.default.success}", "source": "$alert-success-icon-color" },
+        "info": { "value": "{color.theme.default.info}", "source": "$alert-info-icon-color" },
+        "danger": { "value": "{color.theme.default.danger}", "source": "$alert-danger-icon-color" },
+        "warning": { "value": "{color.theme.default.warning}", "source": "$alert-warning-icon-color" }
       },
       "bg": {
-        "success": { "value": "{color.theme.bg.success.value}", "source": "$alert-success-bg" },
-        "info": { "value": "{color.theme.bg.info.value}", "source": "$alert-info-bg" },
-        "danger": { "value": "{color.theme.bg.danger.value}", "source": "$alert-danger-bg" },
-        "warning": { "value": "{color.theme.bg.warning.value}", "source": "$alert-warning-bg" }
+        "success": { "value": "{color.theme.bg.success}", "source": "$alert-success-bg" },
+        "info": { "value": "{color.theme.bg.info}", "source": "$alert-info-bg" },
+        "danger": { "value": "{color.theme.bg.danger}", "source": "$alert-danger-bg" },
+        "warning": { "value": "{color.theme.bg.warning}", "source": "$alert-warning-bg" }
       },
       "border": {
-        "success": { "value": "{color.theme.border.success.value}", "source": "$alert-success-border-color" },
-        "info": { "value": "{color.theme.border.info.value}", "source": "$alert-info-border-color" },
-        "danger": { "value": "{color.theme.border.danger.value}", "source": "$alert-danger-border-color" },
-        "warning": { "value": "{color.theme.border.warning.value}", "source": "$alert-warning-border-color" }
+        "success": { "value": "{color.theme.border.success}", "source": "$alert-success-border-color" },
+        "info": { "value": "{color.theme.border.info}", "source": "$alert-info-border-color" },
+        "danger": { "value": "{color.theme.border.danger}", "source": "$alert-danger-border-color" },
+        "warning": { "value": "{color.theme.border.warning}", "source": "$alert-warning-border-color" }
       }
     }
   },

diff --git a/tokens/src/components/Annotation.json b/tokens/src/components/Annotation.json
@@ -17,25 +17,25 @@
   },
   "typography": {
     "annotation": {
-      "font-size": { "value": "{typography.font.size.sm.value}", "source": "$annotation-font-size" },
-      "line-height": { "value": "{typography.line-height.sm.value}", "source": "$annotation-line-height" }
+      "font-size": { "value": "{typography.font.size.sm}", "source": "$annotation-font-size" },
+      "line-height": { "value": "{typography.line-height.sm}", "source": "$annotation-line-height" }
     }
   },
   "color": {
     "annotation": {
       "text": {
-        "success": {"value": "{color.white.value}", "source": "$annotation-success-color"},
-        "warning": {"value": "{color.black.value}", "source": "$annotation-warning-color"},
-        "error": {"value": "{color.white.value}", "source": "$annotation-error-color"},
-        "light": {"value": "{color.primary.500.value}", "source": "$annotation-light-color"},
-        "dark": {"value": "{color.white.value}", "source": "$annotation-dark-color"}
+        "success": {"value": "{color.white}", "source": "$annotation-success-color"},
+        "warning": {"value": "{color.black}", "source": "$annotation-warning-color"},
+        "error": {"value": "{color.white}", "source": "$annotation-error-color"},
+        "light": {"value": "{color.primary.500}", "source": "$annotation-light-color"},
+        "dark": {"value": "{color.white}", "source": "$annotation-dark-color"}
       },
       "bg": {
-        "success": {"value": "{color.success.base.value}", "source": "$annotation-success-bg"},
-        "warning": {"value": "{color.accent.b.value}", "source": "$annotation-warning-bg"},
-        "error": {"value": "{color.danger.base.value}", "source": "$annotation-error-bg"},
-        "light": {"value": "{color.white.value}", "source": "$annotation-light-bg"},
-        "dark": {"value": "{color.dark.base.value}", "source": "$annotation-dark-bg"}
+        "success": {"value": "{color.success.base}", "source": "$annotation-success-bg"},
+        "warning": {"value": "{color.accent.b}", "source": "$annotation-warning-bg"},
+        "error": {"value": "{color.danger.base}", "source": "$annotation-error-bg"},
+        "light": {"value": "{color.white}", "source": "$annotation-light-bg"},
+        "dark": {"value": "{color.dark.base}", "source": "$annotation-dark-bg"}
       }
     }
   },

diff --git a/tokens/src/components/Avatar.json b/tokens/src/components/Avatar.json
@@ -1,7 +1,7 @@
 {
   "color": {
     "avatar": {
-      "border": { "value": "{color.light.300.value}", "source": "$avatar-color-border" }
+      "border": { "value": "{color.light.300}", "source": "$avatar-color-border" }
     }
   },
   "size": {