npm - scu-web-components - Versions diffs - 0.0.76 → 0.0.77 - Mend

scu-web-components 0.0.76 → 0.0.77

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (1341) hide show

package/dist/tokens/source/scssVariables/components-scw-link-base-state-focused-left-icon-.json CHANGED Viewed

@@ -70,18 +70,18 @@
     "outputSegmentRef": "state-focused-left-icon-vars.$layout-grow"
   },
   "top": {
-    "output": "$comp-scw-link-base-state-focused-left-icon-top: calc( var( --scw-spacing-1 ) * 1.2 );",
-    "outputSegment": "$top: calc( var( --scw-spacing-1 ) * 1.2 );",
+    "output": "$comp-scw-link-base-state-focused-left-icon-top: var( --scw-spacing-1 );",
+    "outputSegment": "$top: var( --scw-spacing-1 );",
     "outputSegmentRef": "state-focused-left-icon-vars.$top"
   },
   "top-percent": {
-    "output": "$comp-scw-link-base-state-focused-left-icon-top-percent: 55%;",
-    "outputSegment": "$top-percent: 55%;",
+    "output": "$comp-scw-link-base-state-focused-left-icon-top-percent: 50%;",
+    "outputSegment": "$top-percent: 50%;",
     "outputSegmentRef": "state-focused-left-icon-vars.$top-percent"
   },
   "bottom": {
-    "output": "$comp-scw-link-base-state-focused-left-icon-bottom: calc( var( --scw-spacing-1 ) * 0.8 );",
-    "outputSegment": "$bottom: calc( var( --scw-spacing-1 ) * 0.8 );",
+    "output": "$comp-scw-link-base-state-focused-left-icon-bottom: var( --scw-spacing-1 );",
+    "outputSegment": "$bottom: var( --scw-spacing-1 );",
     "outputSegmentRef": "state-focused-left-icon-vars.$bottom"
   },
   "left": {

package/dist/tokens/source/scssVariables/components-scw-link-base-state-focused-left-icon-.json.gz CHANGED Viewed

Binary file

package/dist/tokens/source/scssVariables/components-scw-link-base-state-focused-left-icon-icon-vector-.json CHANGED Viewed

@@ -5,8 +5,8 @@
     "namespace": "state-focused-left-icon-icon-vector-vars"
   },
   "background-color": {
-    "output": "$comp-scw-link-base-state-focused-left-icon-icon-vector-background-color: var( --scw-color-grey-10 );",
-    "outputSegment": "$background-color: var( --scw-color-grey-10 );",
+    "output": "$comp-scw-link-base-state-focused-left-icon-icon-vector-background-color: var( --scw-color-primary-01 );",
+    "outputSegment": "$background-color: var( --scw-color-primary-01 );",
     "outputSegmentRef": "state-focused-left-icon-icon-vector-vars.$background-color"
   },
   "blend-mode": {

package/dist/tokens/source/scssVariables/components-scw-link-base-state-focused-left-icon-icon-vector-.json.gz CHANGED Viewed

Binary file

package/dist/tokens/source/scssVariables/components-scw-link-base-state-focused-right-icon-.json CHANGED Viewed

@@ -70,33 +70,33 @@
     "outputSegmentRef": "state-focused-right-icon-vars.$layout-grow"
   },
   "top": {
-    "output": "$comp-scw-link-base-state-focused-right-icon-top: calc( var( --scw-spacing-1 ) * 1.2 );",
-    "outputSegment": "$top: calc( var( --scw-spacing-1 ) * 1.2 );",
+    "output": "$comp-scw-link-base-state-focused-right-icon-top: var( --scw-spacing-1 );",
+    "outputSegment": "$top: var( --scw-spacing-1 );",
     "outputSegmentRef": "state-focused-right-icon-vars.$top"
   },
   "top-percent": {
-    "output": "$comp-scw-link-base-state-focused-right-icon-top-percent: 55%;",
-    "outputSegment": "$top-percent: 55%;",
+    "output": "$comp-scw-link-base-state-focused-right-icon-top-percent: 50%;",
+    "outputSegment": "$top-percent: 50%;",
     "outputSegmentRef": "state-focused-right-icon-vars.$top-percent"
   },
   "bottom": {
-    "output": "$comp-scw-link-base-state-focused-right-icon-bottom: calc( var( --scw-spacing-1 ) * 0.8 );",
-    "outputSegment": "$bottom: calc( var( --scw-spacing-1 ) * 0.8 );",
+    "output": "$comp-scw-link-base-state-focused-right-icon-bottom: var( --scw-spacing-1 );",
+    "outputSegment": "$bottom: var( --scw-spacing-1 );",
     "outputSegmentRef": "state-focused-right-icon-vars.$bottom"
   },
   "left": {
-    "output": "$comp-scw-link-base-state-focused-right-icon-left: calc( var( --scw-spacing-1 ) * 8.4 );",
-    "outputSegment": "$left: calc( var( --scw-spacing-1 ) * 8.4 );",
+    "output": "$comp-scw-link-base-state-focused-right-icon-left: var( --scw-spacing-6 );",
+    "outputSegment": "$left: var( --scw-spacing-6 );",
     "outputSegmentRef": "state-focused-right-icon-vars.$left"
   },
   "left-percent": {
-    "output": "$comp-scw-link-base-state-focused-right-icon-left-percent: 130.56%;",
-    "outputSegment": "$left-percent: 130.56%;",
+    "output": "$comp-scw-link-base-state-focused-right-icon-left-percent: 97.22%;",
+    "outputSegment": "$left-percent: 97.22%;",
     "outputSegmentRef": "state-focused-right-icon-vars.$left-percent"
   },
   "right": {
-    "output": "$comp-scw-link-base-state-focused-right-icon-right: calc( var( --scw-spacing-1 ) * -3.2 );",
-    "outputSegment": "$right: calc( var( --scw-spacing-1 ) * -3.2 );",
+    "output": "$comp-scw-link-base-state-focused-right-icon-right: calc( var( --scw-spacing-1 ) * -0.8 );",
+    "outputSegment": "$right: calc( var( --scw-spacing-1 ) * -0.8 );",
     "outputSegmentRef": "state-focused-right-icon-vars.$right"
   },
   "padding-left": {

package/dist/tokens/source/scssVariables/components-scw-link-base-state-focused-right-icon-.json.gz CHANGED Viewed

Binary file

package/dist/tokens/source/scssVariables/components-scw-link-base-state-focused-right-icon-icon-vector-.json CHANGED Viewed

@@ -5,8 +5,8 @@
     "namespace": "state-focused-right-icon-icon-vector-vars"
   },
   "background-color": {
-    "output": "$comp-scw-link-base-state-focused-right-icon-icon-vector-background-color: var( --scw-color-grey-10 );",
-    "outputSegment": "$background-color: var( --scw-color-grey-10 );",
+    "output": "$comp-scw-link-base-state-focused-right-icon-icon-vector-background-color: var( --scw-color-primary-01 );",
+    "outputSegment": "$background-color: var( --scw-color-primary-01 );",
     "outputSegmentRef": "state-focused-right-icon-icon-vector-vars.$background-color"
   },
   "blend-mode": {

package/dist/tokens/source/scssVariables/components-scw-link-base-state-focused-right-icon-icon-vector-.json.gz CHANGED Viewed

Binary file

package/dist/tokens/source/scssVariables/components-scw-link-base-state-hover-.json CHANGED Viewed

@@ -5,8 +5,8 @@
     "namespace": "state-hover-vars"
   },
   "background-color": {
-    "output": "$comp-scw-link-base-state-hover-background-color: var( --scw-color-primary-02 );",
-    "outputSegment": "$background-color: var( --scw-color-primary-02 );",
+    "output": "$comp-scw-link-base-state-hover-background-color: var( --scw-color-primary-06 );",
+    "outputSegment": "$background-color: var( --scw-color-primary-06 );",
     "outputSegmentRef": "state-hover-vars.$background-color"
   },
   "blend-mode": {
@@ -15,8 +15,8 @@
     "outputSegmentRef": "state-hover-vars.$blend-mode"
   },
   "stroke-color": {
-    "output": "$comp-scw-link-base-state-hover-stroke-color: var( --scw-color-primary-02 );",
-    "outputSegment": "$stroke-color: var( --scw-color-primary-02 );",
+    "output": "$comp-scw-link-base-state-hover-stroke-color: var( --scw-color-primary-06 );",
+    "outputSegment": "$stroke-color: var( --scw-color-primary-06 );",
     "outputSegmentRef": "state-hover-vars.$stroke-color"
   },
   "stroke-weight": {
@@ -115,13 +115,13 @@
     "outputSegmentRef": "state-hover-vars.$top"
   },
   "top-percent": {
-    "output": "$comp-scw-link-base-state-hover-top-percent: 10.99%;",
-    "outputSegment": "$top-percent: 10.99%;",
+    "output": "$comp-scw-link-base-state-hover-top-percent: 8.81%;",
+    "outputSegment": "$top-percent: 8.81%;",
     "outputSegmentRef": "state-hover-vars.$top-percent"
   },
   "bottom": {
-    "output": "$comp-scw-link-base-state-hover-bottom: calc( var( --scw-spacing-1 ) * 30.4 );",
-    "outputSegment": "$bottom: calc( var( --scw-spacing-1 ) * 30.4 );",
+    "output": "$comp-scw-link-base-state-hover-bottom: calc( var( --scw-spacing-1 ) * 39.4 );",
+    "outputSegment": "$bottom: calc( var( --scw-spacing-1 ) * 39.4 );",
     "outputSegmentRef": "state-hover-vars.$bottom"
   },
   "left": {

package/dist/tokens/source/scssVariables/components-scw-link-base-state-hover-.json.gz CHANGED Viewed

Binary file

package/dist/tokens/source/scssVariables/components-scw-link-base-state-hover-label-label-.json CHANGED Viewed

@@ -30,8 +30,8 @@
     "outputSegmentRef": "state-hover-label-label-vars.$text-transform"
   },
   "color": {
-    "output": "$comp-scw-link-base-state-hover-label-label-color: var( --scw-color-grey-10 );",
-    "outputSegment": "$color: var( --scw-color-grey-10 );",
+    "output": "$comp-scw-link-base-state-hover-label-label-color: var( --scw-color-primary-01 );",
+    "outputSegment": "$color: var( --scw-color-primary-01 );",
     "outputSegmentRef": "state-hover-label-label-vars.$color"
   },
   "font-family": {

package/dist/tokens/source/scssVariables/components-scw-link-base-state-hover-label-label-.json.gz CHANGED Viewed

Binary file

package/dist/tokens/source/scssVariables/components-scw-link-base-state-hover-left-icon-.json CHANGED Viewed

@@ -70,18 +70,18 @@
     "outputSegmentRef": "state-hover-left-icon-vars.$layout-grow"
   },
   "top": {
-    "output": "$comp-scw-link-base-state-hover-left-icon-top: calc( var( --scw-spacing-1 ) * 1.2 );",
-    "outputSegment": "$top: calc( var( --scw-spacing-1 ) * 1.2 );",
+    "output": "$comp-scw-link-base-state-hover-left-icon-top: var( --scw-spacing-1 );",
+    "outputSegment": "$top: var( --scw-spacing-1 );",
     "outputSegmentRef": "state-hover-left-icon-vars.$top"
   },
   "top-percent": {
-    "output": "$comp-scw-link-base-state-hover-left-icon-top-percent: 55%;",
-    "outputSegment": "$top-percent: 55%;",
+    "output": "$comp-scw-link-base-state-hover-left-icon-top-percent: 50%;",
+    "outputSegment": "$top-percent: 50%;",
     "outputSegmentRef": "state-hover-left-icon-vars.$top-percent"
   },
   "bottom": {
-    "output": "$comp-scw-link-base-state-hover-left-icon-bottom: calc( var( --scw-spacing-1 ) * 0.8 );",
-    "outputSegment": "$bottom: calc( var( --scw-spacing-1 ) * 0.8 );",
+    "output": "$comp-scw-link-base-state-hover-left-icon-bottom: var( --scw-spacing-1 );",
+    "outputSegment": "$bottom: var( --scw-spacing-1 );",
     "outputSegmentRef": "state-hover-left-icon-vars.$bottom"
   },
   "left": {

package/dist/tokens/source/scssVariables/components-scw-link-base-state-hover-left-icon-.json.gz CHANGED Viewed

Binary file

package/dist/tokens/source/scssVariables/components-scw-link-base-state-hover-left-icon-icon-vector-.json CHANGED Viewed

@@ -5,8 +5,8 @@
     "namespace": "state-hover-left-icon-icon-vector-vars"
   },
   "background-color": {
-    "output": "$comp-scw-link-base-state-hover-left-icon-icon-vector-background-color: var( --scw-color-grey-10 );",
-    "outputSegment": "$background-color: var( --scw-color-grey-10 );",
+    "output": "$comp-scw-link-base-state-hover-left-icon-icon-vector-background-color: var( --scw-color-primary-01 );",
+    "outputSegment": "$background-color: var( --scw-color-primary-01 );",
     "outputSegmentRef": "state-hover-left-icon-icon-vector-vars.$background-color"
   },
   "blend-mode": {

package/dist/tokens/source/scssVariables/components-scw-link-base-state-hover-left-icon-icon-vector-.json.gz CHANGED Viewed

Binary file

package/dist/tokens/source/scssVariables/components-scw-link-base-state-hover-right-icon-.json CHANGED Viewed

@@ -70,33 +70,33 @@
     "outputSegmentRef": "state-hover-right-icon-vars.$layout-grow"
   },
   "top": {
-    "output": "$comp-scw-link-base-state-hover-right-icon-top: calc( var( --scw-spacing-1 ) * 1.2 );",
-    "outputSegment": "$top: calc( var( --scw-spacing-1 ) * 1.2 );",
+    "output": "$comp-scw-link-base-state-hover-right-icon-top: var( --scw-spacing-1 );",
+    "outputSegment": "$top: var( --scw-spacing-1 );",
     "outputSegmentRef": "state-hover-right-icon-vars.$top"
   },
   "top-percent": {
-    "output": "$comp-scw-link-base-state-hover-right-icon-top-percent: 55%;",
-    "outputSegment": "$top-percent: 55%;",
+    "output": "$comp-scw-link-base-state-hover-right-icon-top-percent: 50%;",
+    "outputSegment": "$top-percent: 50%;",
     "outputSegmentRef": "state-hover-right-icon-vars.$top-percent"
   },
   "bottom": {
-    "output": "$comp-scw-link-base-state-hover-right-icon-bottom: calc( var( --scw-spacing-1 ) * 0.8 );",
-    "outputSegment": "$bottom: calc( var( --scw-spacing-1 ) * 0.8 );",
+    "output": "$comp-scw-link-base-state-hover-right-icon-bottom: var( --scw-spacing-1 );",
+    "outputSegment": "$bottom: var( --scw-spacing-1 );",
     "outputSegmentRef": "state-hover-right-icon-vars.$bottom"
   },
   "left": {
-    "output": "$comp-scw-link-base-state-hover-right-icon-left: calc( var( --scw-spacing-1 ) * 8.4 );",
-    "outputSegment": "$left: calc( var( --scw-spacing-1 ) * 8.4 );",
+    "output": "$comp-scw-link-base-state-hover-right-icon-left: var( --scw-spacing-6 );",
+    "outputSegment": "$left: var( --scw-spacing-6 );",
     "outputSegmentRef": "state-hover-right-icon-vars.$left"
   },
   "left-percent": {
-    "output": "$comp-scw-link-base-state-hover-right-icon-left-percent: 130.56%;",
-    "outputSegment": "$left-percent: 130.56%;",
+    "output": "$comp-scw-link-base-state-hover-right-icon-left-percent: 97.22%;",
+    "outputSegment": "$left-percent: 97.22%;",
     "outputSegmentRef": "state-hover-right-icon-vars.$left-percent"
   },
   "right": {
-    "output": "$comp-scw-link-base-state-hover-right-icon-right: calc( var( --scw-spacing-1 ) * -3.2 );",
-    "outputSegment": "$right: calc( var( --scw-spacing-1 ) * -3.2 );",
+    "output": "$comp-scw-link-base-state-hover-right-icon-right: calc( var( --scw-spacing-1 ) * -0.8 );",
+    "outputSegment": "$right: calc( var( --scw-spacing-1 ) * -0.8 );",
     "outputSegmentRef": "state-hover-right-icon-vars.$right"
   },
   "padding-left": {

package/dist/tokens/source/scssVariables/components-scw-link-base-state-hover-right-icon-.json.gz CHANGED Viewed

Binary file

package/dist/tokens/source/scssVariables/components-scw-link-base-state-hover-right-icon-icon-vector-.json CHANGED Viewed

@@ -5,8 +5,8 @@
     "namespace": "state-hover-right-icon-icon-vector-vars"
   },
   "background-color": {
-    "output": "$comp-scw-link-base-state-hover-right-icon-icon-vector-background-color: var( --scw-color-grey-10 );",
-    "outputSegment": "$background-color: var( --scw-color-grey-10 );",
+    "output": "$comp-scw-link-base-state-hover-right-icon-icon-vector-background-color: var( --scw-color-primary-01 );",
+    "outputSegment": "$background-color: var( --scw-color-primary-01 );",
     "outputSegmentRef": "state-hover-right-icon-icon-vector-vars.$background-color"
   },
   "blend-mode": {

package/dist/tokens/source/scssVariables/components-scw-link-base-state-hover-right-icon-icon-vector-.json.gz CHANGED Viewed

Binary file

package/dist/tokens/source/scssVariables/components-scw-rich-text-default-text-.json CHANGED Viewed

@@ -30,13 +30,13 @@
     "outputSegmentRef": "default-text-vars.$text-transform"
   },
   "color": {
-    "output": "$comp-scw-rich-text-default-text-color: var( --scw-color-primary );",
-    "outputSegment": "$color: var( --scw-color-primary );",
+    "output": "$comp-scw-rich-text-default-text-color: var( --scw-color-grey-02 );",
+    "outputSegment": "$color: var( --scw-color-grey-02 );",
     "outputSegmentRef": "default-text-vars.$color"
   },
   "font-family": {
-    "output": "$comp-scw-rich-text-default-text-font-family: 'Proxima Nova Condensed';",
-    "outputSegment": "$font-family: 'Proxima Nova Condensed';",
+    "output": "$comp-scw-rich-text-default-text-font-family: 'Proxima Nova';",
+    "outputSegment": "$font-family: 'Proxima Nova';",
     "outputSegmentRef": "default-text-vars.$font-family"
   },
   "font-weight": {
@@ -55,8 +55,8 @@
     "outputSegmentRef": "default-text-vars.$letter-spacing"
   },
   "font": {
-    "output": "$comp-scw-rich-text-default-text-font: var( --scw-type-text-bold-condensed-10-font );",
-    "outputSegment": "$font: var( --scw-type-text-bold-condensed-10-font );",
+    "output": "$comp-scw-rich-text-default-text-font: var( --scw-type-text-bold-10-font );",
+    "outputSegment": "$font: var( --scw-type-text-bold-10-font );",
     "outputSegmentRef": "default-text-vars.$font"
   },
   "width": {

package/dist/tokens/source/scssVariables/components-scw-rich-text-default-text-.json.gz CHANGED Viewed

Binary file

package/dist/tokens/source/scssVariables/components-scw-rich-text-size-h2-text-.json CHANGED Viewed

@@ -30,8 +30,8 @@
     "outputSegmentRef": "size-h2-text-vars.$text-transform"
   },
   "color": {
-    "output": "$comp-scw-rich-text-size-h2-text-color: var( --scw-color-primary );",
-    "outputSegment": "$color: var( --scw-color-primary );",
+    "output": "$comp-scw-rich-text-size-h2-text-color: var( --scw-color-grey-02 );",
+    "outputSegment": "$color: var( --scw-color-grey-02 );",
     "outputSegmentRef": "size-h2-text-vars.$color"
   },
   "font-family": {

package/dist/tokens/source/scssVariables/components-scw-rich-text-size-h2-text-.json.gz CHANGED Viewed

Binary file

package/dist/tokens/source/scssVariables/components-scw-rich-text-size-h3-text-.json CHANGED Viewed

@@ -30,8 +30,8 @@
     "outputSegmentRef": "size-h3-text-vars.$text-transform"
   },
   "color": {
-    "output": "$comp-scw-rich-text-size-h3-text-color: var( --scw-color-primary );",
-    "outputSegment": "$color: var( --scw-color-primary );",
+    "output": "$comp-scw-rich-text-size-h3-text-color: var( --scw-color-grey-02 );",
+    "outputSegment": "$color: var( --scw-color-grey-02 );",
     "outputSegmentRef": "size-h3-text-vars.$color"
   },
   "font-family": {

package/dist/tokens/source/scssVariables/components-scw-rich-text-size-h3-text-.json.gz CHANGED Viewed

Binary file

package/dist/tokens/source/scssVariables/components-scw-rich-text-size-link-text-.json CHANGED Viewed

@@ -30,8 +30,8 @@
     "outputSegmentRef": "size-link-text-vars.$text-transform"
   },
   "color": {
-    "output": "$comp-scw-rich-text-size-link-text-color: var( --scw-color-primary );",
-    "outputSegment": "$color: var( --scw-color-primary );",
+    "output": "$comp-scw-rich-text-size-link-text-color: var( --scw-color-grey-02 );",
+    "outputSegment": "$color: var( --scw-color-grey-02 );",
     "outputSegmentRef": "size-link-text-vars.$color"
   },
   "font-family": {

package/dist/tokens/source/scssVariables/components-scw-rich-text-size-link-text-.json.gz CHANGED Viewed

Binary file

package/dist/tokens/source/scssVariables/components-scw-rich-text-size-table-header-row-.json CHANGED Viewed

@@ -5,8 +5,8 @@
     "namespace": "size-table-header-row-vars"
   },
   "background-color": {
-    "output": "$comp-scw-rich-text-size-table-header-row-background-color: var( --scw-color-primary );",
-    "outputSegment": "$background-color: var( --scw-color-primary );",
+    "output": "$comp-scw-rich-text-size-table-header-row-background-color: var( --scw-color-grey-03 );",
+    "outputSegment": "$background-color: var( --scw-color-grey-03 );",
     "outputSegmentRef": "size-table-header-row-vars.$background-color"
   },
   "blend-mode": {

package/dist/tokens/source/scssVariables/components-scw-rich-text-size-table-header-row-.json.gz CHANGED Viewed

Binary file