refactor: corrected header

openedx · Aug 27, 2024 · 0e1ef04 · 0e1ef04
1 parent bb70975
commit 0e1ef04
Show file tree

Hide file tree

Showing 116 changed files with 1,397 additions and 5,285 deletions.
diff --git a/lib/build-tokens.js b/lib/build-tokens.js
@@ -1,10 +1,6 @@
 const path = require('path');
 const minimist = require('minimist');
-const {
-  initializeStyleDictionary,
-  createCustomCSSVariables,
-  colorTransform,
-} = require('../tokens/style-dictionary');
+const { initializeStyleDictionary, createCustomCSSVariables, colorTransform } = require('../tokens/style-dictionary');
 const { createIndexCssFile } = require('../tokens/utils');
 
 /**

diff --git a/styles/css/core/custom-media-breakpoints.css b/styles/css/core/custom-media-breakpoints.css
@@ -1,3 +1,9 @@
+/*
+ * IMPORTANT: This file is the result of assembling design tokens.
+ * Do not edit directly.
+ * Generated on Tue, 27 Aug 2024 17:14:44 GMT
+ */
+
 @custom-media --pgn-size-breakpoint-min-width-xs (min-width: 0rem);
 @custom-media --pgn-size-breakpoint-max-width-xs (max-width: 576px);
 @custom-media --pgn-size-breakpoint-min-width-sm (min-width: 576px);

diff --git a/styles/css/core/variables.css b/styles/css/core/variables.css
@@ -1,3 +1,9 @@
+/*
+ * IMPORTANT: This file is the result of assembling design tokens.
+ * Do not edit directly.
+ * Generated on Tue, 27 Aug 2024 17:14:44 GMT
+ */
+
 :root {
   --pgn-theme-interval: 8%;
   --pgn-other-form-control-custom-file-content: Browse;

diff --git a/styles/css/themes/light/utility-classes.css b/styles/css/themes/light/utility-classes.css
@@ -1,3 +1,9 @@
+/*
+ * IMPORTANT: This file is the result of assembling design tokens.
+ * Do not edit directly.
+ * Generated on Tue, 27 Aug 2024 17:14:44 GMT
+ */
+
 .bg-accent-a {
   background-color: var(--pgn-color-accent-a) !important;
 }

diff --git a/styles/css/themes/light/variables.css b/styles/css/themes/light/variables.css
@@ -1,3 +1,9 @@
+/*
+ * IMPORTANT: This file is the result of assembling design tokens.
+ * Do not edit directly.
+ * Generated on Tue, 27 Aug 2024 17:14:44 GMT
+ */
+
 :root {
   --pgn-border-color-nav-tabs-link-border-focus: var(--pgn-color-nav-tabs-base-link-active-text);
   --pgn-border-color-nav-tabs-link-border-hover: transparent transparent var(--pgn-color-nav-tabs-base-border-base);

diff --git a/tokens/src/core/alias/size.json b/tokens/src/core/alias/size.json
@@ -2,35 +2,15 @@
   "$type": "dimension",
   "size": {
     "border": {
-      "width": {
-        "source": "$border-width",
-        "$value": "1px",
-        "$description": "Default border width."
-      },
+      "width": { "source": "$border-width", "$value": "1px", "$description": "Default border width." },
       "radius": {
-        "base": {
-          "source": "$border-radius",
-          "$value": ".375rem",
-          "$description": "Default border radius."
-        },
-        "lg": {
-          "source": "$border-radius-lg",
-          "$value": ".425rem",
-          "$description": "Large border radius."
-        },
-        "sm": {
-          "source": "$border-radius-sm",
-          "$value": ".25rem",
-          "$description": "Small border radius."
-        }
+        "base": { "source": "$border-radius", "$value": ".375rem", "$description": "Default border radius." },
+        "lg": { "source": "$border-radius-lg", "$value": ".425rem", "$description": "Large border radius." },
+        "sm": { "source": "$border-radius-sm", "$value": ".25rem", "$description": "Small border radius." }
       }
     },
     "rounded": {
-      "pill": {
-        "source": "$rounded-pill",
-        "$value": "50rem",
-        "$description": "Pill border radius."
-      }
+      "pill": { "source": "$rounded-pill", "$value": "50rem", "$description": "Pill border radius." }
     }
   }
 }
diff --git a/tokens/src/core/components/ActionRow.json b/tokens/src/core/components/ActionRow.json
@@ -3,14 +3,8 @@
   "spacing": {
     "action-row": {
       "gap": {
-        "x": {
-          "source": "$action-row-gap-x",
-          "$value": ".5rem"
-        },
-        "y": {
-          "source": "$action-row-gap-y",
-          "$value": ".5rem"
-        }
+        "x": { "source": "$action-row-gap-x", "$value": ".5rem" },
+        "y": { "source": "$action-row-gap-y", "$value": ".5rem" }
       }
     }
   }

diff --git a/tokens/src/core/components/Alert.json b/tokens/src/core/components/Alert.json
@@ -3,62 +3,29 @@
     "$type": "dimension",
     "alert": {
       "padding": {
-        "y": {
-          "source": "$alert-padding-y",
-          "$value": "1.5rem"
-        },
-        "x": {
-          "source": "$alert-padding-x",
-          "$value": "1.5rem"
-        }
+        "y": { "source": "$alert-padding-y", "$value": "1.5rem" },
+        "x": { "source": "$alert-padding-x", "$value": "1.5rem" }
       },
-      "margin-bottom": {
-        "source": "$alert-margin-bottom",
-        "$value": "1rem"
-      },
-      "actions-gap": {
-        "source": "$alert-actions-gap",
-        "$value": "{spacing.spacer.3}"
-      },
-      "icon-space": {
-        "source": "$alert-icon-space",
-        "$value": ".8rem"
-      }
+      "margin-bottom": { "source": "$alert-margin-bottom", "$value": "1rem" },
+      "actions-gap": { "source": "$alert-actions-gap", "$value": "{spacing.spacer.3}" },
+      "icon-space": { "source": "$alert-icon-space", "$value": ".8rem" }
     }
   },
   "typography": {
     "alert": {
       "font": {
-        "weight-link": {
-          "source": "$alert-link-font-weight",
-          "$value": "{typography.font.weight.normal}",
-          "$type": "fontWeight"
-        },
-        "size": {
-          "source": "$alert-font-size",
-          "$value": ".875rem",
-          "$type": "dimension"
-        }
+        "weight-link": { "source": "$alert-link-font-weight", "$value": "{typography.font.weight.normal}", "$type": "fontWeight" },
+        "size": { "source": "$alert-font-size", "$value": ".875rem", "$type": "dimension" }
       },
-      "line-height": {
-        "source": "$alert-line-height",
-        "$value": "1.5rem",
-        "$type": "dimension"
-      }
+      "line-height": { "source": "$alert-line-height", "$value": "1.5rem", "$type": "dimension" }
     }
   },
   "size": {
     "$type": "dimension",
     "alert": {
       "border": {
-        "radius": {
-          "source": "$alert-border-radius",
-          "$value": "{size.border.radius.base}"
-        },
-        "width": {
-          "source": "$alert-border-width",
-          "$value": "0"
-        }
+        "radius": { "source": "$alert-border-radius", "$value": "{size.border.radius.base}" },
+        "width": { "source": "$alert-border-width", "$value": "0" }
       }
     }
   }

diff --git a/tokens/src/core/components/Annotation.json b/tokens/src/core/components/Annotation.json
@@ -2,46 +2,25 @@
   "$type": "dimension",
   "spacing": {
     "annotation": {
-      "padding": {
-        "source": "$annotation-padding",
-        "$value": ".5rem"
-      },
+      "padding": { "source": "$annotation-padding", "$value": ".5rem" },
       "arrow-side": {
-        "margin": {
-          "source": "$annotation-arrow-side-margin",
-          "$value": ".25rem"
-        }
+        "margin": { "source": "$annotation-arrow-side-margin", "$value": ".25rem" }
       }
     }
   },
   "typography": {
     "annotation": {
-      "font-size": {
-        "source": "$annotation-font-size",
-        "$value": "{typography.font.size.sm}"
-      },
-      "line-height": {
-        "source": "$annotation-line-height",
-        "$value": "{typography.line-height.sm}"
-      }
+      "font-size": { "source": "$annotation-font-size", "$value": "{typography.font.size.sm}" },
+      "line-height": { "source": "$annotation-line-height", "$value": "{typography.line-height.sm}" }
     }
   },
   "size": {
     "annotation": {
       "arrow-border": {
-        "width": {
-          "source": "$annotation-arrow-border-width",
-          "$value": ".5rem"
-        }
+        "width": { "source": "$annotation-arrow-border-width", "$value": ".5rem" }
       },
-      "max-width": {
-        "source": "$annotation-max-width",
-        "$value": "18.75rem"
-      },
-      "border-radius": {
-        "source": "$annotation-border-radius",
-        "$value": ".25rem"
-      }
+      "max-width": { "source": "$annotation-max-width", "$value": "18.75rem" },
+      "border-radius": { "source": "$annotation-border-radius", "$value": ".25rem" }
     }
   }
 }
diff --git a/tokens/src/core/components/Avatar.json b/tokens/src/core/components/Avatar.json
@@ -1,52 +1,16 @@
 {
   "size": {
     "avatar": {
-      "base": {
-        "source": "$avatar-size",
-        "$value": "3rem",
-        "$type": "dimension"
-      },
-      "xs": {
-        "source": "$avatar-size-xs",
-        "$value": "1.5rem",
-        "$type": "dimension"
-      },
-      "sm": {
-        "source": "$avatar-size-sm",
-        "$value": "2.25rem",
-        "$type": "dimension"
-      },
-      "lg": {
-        "source": "$avatar-size-lg",
-        "$value": "4rem",
-        "$type": "dimension"
-      },
-      "xl": {
-        "source": "$avatar-size-xl",
-        "$value": "6rem",
-        "$type": "dimension"
-      },
-      "xxl": {
-        "source": "$avatar-size-xxl",
-        "$value": "11.5rem",
-        "$type": "dimension"
-      },
-      "huge": {
-        "source": "$avatar-size-huge",
-        "$value": "18.75rem",
-        "$type": "dimension"
-      },
+      "base": { "source": "$avatar-size", "$value": "3rem", "$type": "dimension" },
+      "xs": { "source": "$avatar-size-xs", "$value": "1.5rem", "$type": "dimension" },
+      "sm": { "source": "$avatar-size-sm", "$value": "2.25rem", "$type": "dimension" },
+      "lg": { "source": "$avatar-size-lg", "$value": "4rem", "$type": "dimension" },
+      "xl": { "source": "$avatar-size-xl", "$value": "6rem", "$type": "dimension" },
+      "xxl": { "source": "$avatar-size-xxl", "$value": "11.5rem", "$type": "dimension" },
+      "huge": { "source": "$avatar-size-huge", "$value": "18.75rem", "$type": "dimension" },
       "border": {
-        "base": {
-          "source": "$avatar-border",
-          "$value": "1px",
-          "$type": "dimension"
-        },
-        "radius": {
-          "source": "$avatar-border-radius",
-          "$value": "100%",
-          "$type": "percentage"
-        }
+        "base": { "source": "$avatar-border", "$value": "1px", "$type": "dimension" },
+        "radius": { "source": "$avatar-border-radius", "$value": "100%", "$type": "percentage" }
       }
     }
   }

diff --git a/tokens/src/core/components/AvatarButton.json b/tokens/src/core/components/AvatarButton.json
@@ -3,18 +3,9 @@
   "spacing": {
     "avatar-button": {
       "padding-left": {
-        "base": {
-          "source": "$avatar-button-padding-left",
-          "$value": ".25em"
-        },
-        "sm": {
-          "source": "$avatar-button-padding-left-sm",
-          "$value": ".25em"
-        },
-        "lg": {
-          "source": "$avatar-button-padding-left-lg",
-          "$value": ".25em"
-        }
+        "base": { "source": "$avatar-button-padding-left", "$value": ".25em" },
+        "sm": { "source": "$avatar-button-padding-left-sm", "$value": ".25em" },
+        "lg": { "source": "$avatar-button-padding-left-lg", "$value": ".25em" }
       }
     }
   }

diff --git a/tokens/src/core/components/Badge.json b/tokens/src/core/components/Badge.json
@@ -4,62 +4,33 @@
     "badge": {
       "padding": {
         "x": {
-          "base": {
-            "source": "$badge-padding-x",
-            "$value": ".5rem"
-          },
-          "pill": {
-            "source": "$badge-pill-padding-x",
-            "$value": ".6em"
-          }
+          "base": { "source": "$badge-padding-x", "$value": ".5rem" },
+          "pill": { "source": "$badge-pill-padding-x", "$value": ".6em" }
         },
-        "y": {
-          "source": "$badge-padding-y",
-          "$value": ".125rem"
-        }
+        "y": { "source": "$badge-padding-y", "$value": ".125rem" }
       }
     }
   },
   "typography": {
     "badge": {
       "font": {
-        "size": {
-          "source": "$badge-font-size",
-          "$value": "75%",
-          "$type": "percentage"
-        },
-        "weight": {
-          "source": "$badge-font-weight",
-          "$value": "{typography.font.weight.bold}",
-          "$type": "fontWeight"
-        }
+        "size": { "source": "$badge-font-size", "$value": "75%", "$type": "percentage" },
+        "weight": { "source": "$badge-font-weight", "$value": "{typography.font.weight.bold}", "$type": "fontWeight" }
       }
     }
   },
   "size": {
     "$type": "dimension",
     "badge": {
       "border-radius": {
-        "base": {
-          "source": "$badge-border-radius",
-          "$value": ".25rem"
-        },
-        "pill": {
-          "source": "$badge-pill-border-radius",
-          "$value": "10rem"
-        }
+        "base": { "source": "$badge-border-radius", "$value": ".25rem" },
+        "pill": { "source": "$badge-pill-border-radius", "$value": "10rem" }
       },
-      "focus-width": {
-        "source": "$badge-focus-width",
-        "$value": "{size.input.btn.focus-width}"
-      }
+      "focus-width": { "source": "$badge-focus-width", "$value": "{size.input.btn.focus-width}" }
     }
   },
   "transition": {
     "$type": "transition",
-    "badge": {
-      "source": "$badge-transition",
-      "$value": "none"
-    }
+    "badge": { "source": "$badge-transition", "$value": "none" }
   }
 }