@madgex/design-system 12.0.0 → 12.0.2

package/src/scss/constants/_vars.scss

@@ -4,23 +4,21 @@ $constant-size-half-gutter-width: $constant-size-gutter-width * 0.5;
 $constant-size-quarter-gutter-width: $constant-size-gutter-width * 0.25;
 $constant-size-one-and-half-gutter-width: $constant-size-gutter-width * 1.5;
 
-
-$regular-border: var(--mds-size-border-width-base, 1px) solid var(--mds-color-border, #{$constant-color-neutral-lighter});
-$input-border: var(--mds-size-border-width-base, 1px) solid var(--mds-color-input-border, #{$constant-color-neutral-base});
+$regular-border: var(--mds-size-border-width-base, 1px) solid
+  var(--mds-color-border, #{$constant-color-neutral-lighter});
+$input-border: var(--mds-size-border-width-base, 1px) solid
+  var(--mds-color-input-border, #{$constant-color-neutral-base});
 $border-radius: var(--mds-size-border-radius-base, 4px);
 $surface-background: var(--mds-color-background-surface, #fff);
-$link-color: var(--mds-color-link-base, #1B75BB);
+$link-color: var(--mds-color-link-base, #1b75bb);
 $link-hover-color: var(--mds-color-link-hover, #15598e);
 
 /**
-* TODO: when style-dictionary is upgraded to v4, we can set color-input-focus to `SelectedItem`
-* This is due to style-dictionary forcing all `color` object to color, rather than the new v4 way of detection/type attributes
-* https://styledictionary.com/version-4/migration/#cti-reliance
+* we're not using `SelectedItem` as the fallback value, although this is the browser default, we have an a11y compatible color here
 */
 $focus-color: var(--mds-color-input-focus, #0064e1);
 $disabled-input-color: var(--mds-color-input-disabled-field, rgba(176, 176, 176, 0.5));
 
-
-$link-underline-offset: .1500rem;
+$link-underline-offset: 0.15rem;
 $link-decoration-thickness: 1px;
-$link-hover-decoration-thickness: max(2px, .12em);
+$link-hover-decoration-thickness: max(2px, 0.12em);

package/tasks/vite-js-build.js

@@ -0,0 +1,18 @@
+const util = require('util');
+const exec = util.promisify(require('child_process').exec);
+
+/**
+ * we are still using gulp to trigger build, so hillariously lets run vite from gulp for now.
+ *
+ * TODO: remove gulp!  https://jira.wiley.com/browse/FEDC-549
+ */
+async function buildViteJs() {
+  const { stdout, stderr } = await exec('npm run build:vite', {
+    cwd: __dirname,
+  });
+
+  console.log('build:design-system-ce stdout:', stdout);
+  console.log('build:design-system-ce stdegrr:', stderr);
+}
+
+exports.buildViteJs = buildViteJs;