scu-web-components 0.0.46 → 0.0.47

package/dist/tokens/source/scssVariables/components-scw-stepper-icon-default-circle-.json

@@ -0,0 +1,147 @@
+{
+  "module-info": {
+    "output": "",
+    "path": "comp-scw-stepper-icon/default-circle-vars",
+    "namespace": "default-circle-vars"
+  },
+  "background-color": {
+    "output": "$comp-scw-stepper-icon-default-circle-background-color: var( --scw-color-grey-092 );",
+    "outputSegment": "$background-color: var( --scw-color-grey-092 );",
+    "outputSegmentRef": "default-circle-vars.$background-color"
+  },
+  "blend-mode": {
+    "output": "$comp-scw-stepper-icon-default-circle-blend-mode: NORMAL;",
+    "outputSegment": "$blend-mode: NORMAL;",
+    "outputSegmentRef": "default-circle-vars.$blend-mode"
+  },
+  "corner-radius-top-left": {
+    "output": "$comp-scw-stepper-icon-default-circle-corner-radius-top-left: 50%;",
+    "outputSegment": "$corner-radius-top-left: 50%;",
+    "outputSegmentRef": "default-circle-vars.$corner-radius-top-left"
+  },
+  "corner-radius-top-right": {
+    "output": "$comp-scw-stepper-icon-default-circle-corner-radius-top-right: 50%;",
+    "outputSegment": "$corner-radius-top-right: 50%;",
+    "outputSegmentRef": "default-circle-vars.$corner-radius-top-right"
+  },
+  "corner-radius-bottom-right": {
+    "output": "$comp-scw-stepper-icon-default-circle-corner-radius-bottom-right: 50%;",
+    "outputSegment": "$corner-radius-bottom-right: 50%;",
+    "outputSegmentRef": "default-circle-vars.$corner-radius-bottom-right"
+  },
+  "corner-radius-bottom-left": {
+    "output": "$comp-scw-stepper-icon-default-circle-corner-radius-bottom-left: 50%;",
+    "outputSegment": "$corner-radius-bottom-left: 50%;",
+    "outputSegmentRef": "default-circle-vars.$corner-radius-bottom-left"
+  },
+  "width": {
+    "output": "$comp-scw-stepper-icon-default-circle-width: 10px;",
+    "outputSegment": "$width: 10px;",
+    "outputSegmentRef": "default-circle-vars.$width"
+  },
+  "height": {
+    "output": "$comp-scw-stepper-icon-default-circle-height: 10px;",
+    "outputSegment": "$height: 10px;",
+    "outputSegmentRef": "default-circle-vars.$height"
+  },
+  "constraint-horizontal": {
+    "output": "$comp-scw-stepper-icon-default-circle-constraint-horizontal: STRETCH;",
+    "outputSegment": "$constraint-horizontal: STRETCH;",
+    "outputSegmentRef": "default-circle-vars.$constraint-horizontal"
+  },
+  "constraint-vertical": {
+    "output": "$comp-scw-stepper-icon-default-circle-constraint-vertical: STRETCH;",
+    "outputSegment": "$constraint-vertical: STRETCH;",
+    "outputSegmentRef": "default-circle-vars.$constraint-vertical"
+  },
+  "constrain-proportions": {
+    "output": "$comp-scw-stepper-icon-default-circle-constrain-proportions: false;",
+    "outputSegment": "$constrain-proportions: false;",
+    "outputSegmentRef": "default-circle-vars.$constrain-proportions"
+  },
+  "layout-context": {
+    "output": "$comp-scw-stepper-icon-default-circle-layout-context: ABSOLUTE;",
+    "outputSegment": "$layout-context: ABSOLUTE;",
+    "outputSegmentRef": "default-circle-vars.$layout-context"
+  },
+  "layout-mode": {
+    "output": "$comp-scw-stepper-icon-default-circle-layout-mode: NONE;",
+    "outputSegment": "$layout-mode: NONE;",
+    "outputSegmentRef": "default-circle-vars.$layout-mode"
+  },
+  "primary-axis-align-items": {
+    "output": "$comp-scw-stepper-icon-default-circle-primary-axis-align-items: MIN;",
+    "outputSegment": "$primary-axis-align-items: MIN;",
+    "outputSegmentRef": "default-circle-vars.$primary-axis-align-items"
+  },
+  "counter-axis-align-items": {
+    "output": "$comp-scw-stepper-icon-default-circle-counter-axis-align-items: MIN;",
+    "outputSegment": "$counter-axis-align-items: MIN;",
+    "outputSegmentRef": "default-circle-vars.$counter-axis-align-items"
+  },
+  "item-spacing": {
+    "output": "$comp-scw-stepper-icon-default-circle-item-spacing: 0px;",
+    "outputSegment": "$item-spacing: 0px;",
+    "outputSegmentRef": "default-circle-vars.$item-spacing"
+  },
+  "layout-align": {
+    "output": "$comp-scw-stepper-icon-default-circle-layout-align: MIN;",
+    "outputSegment": "$layout-align: MIN;",
+    "outputSegmentRef": "default-circle-vars.$layout-align"
+  },
+  "layout-grow": {
+    "output": "$comp-scw-stepper-icon-default-circle-layout-grow: 0;",
+    "outputSegment": "$layout-grow: 0;",
+    "outputSegmentRef": "default-circle-vars.$layout-grow"
+  },
+  "top": {
+    "output": "$comp-scw-stepper-icon-default-circle-top: 0px;",
+    "outputSegment": "$top: 0px;",
+    "outputSegmentRef": "default-circle-vars.$top"
+  },
+  "top-percent": {
+    "output": "$comp-scw-stepper-icon-default-circle-top-percent: 50%;",
+    "outputSegment": "$top-percent: 50%;",
+    "outputSegmentRef": "default-circle-vars.$top-percent"
+  },
+  "bottom": {
+    "output": "$comp-scw-stepper-icon-default-circle-bottom: 0px;",
+    "outputSegment": "$bottom: 0px;",
+    "outputSegmentRef": "default-circle-vars.$bottom"
+  },
+  "left": {
+    "output": "$comp-scw-stepper-icon-default-circle-left: 0px;",
+    "outputSegment": "$left: 0px;",
+    "outputSegmentRef": "default-circle-vars.$left"
+  },
+  "left-percent": {
+    "output": "$comp-scw-stepper-icon-default-circle-left-percent: 50%;",
+    "outputSegment": "$left-percent: 50%;",
+    "outputSegmentRef": "default-circle-vars.$left-percent"
+  },
+  "right": {
+    "output": "$comp-scw-stepper-icon-default-circle-right: 0px;",
+    "outputSegment": "$right: 0px;",
+    "outputSegmentRef": "default-circle-vars.$right"
+  },
+  "padding-left": {
+    "output": "$comp-scw-stepper-icon-default-circle-padding-left: 0px;",
+    "outputSegment": "$padding-left: 0px;",
+    "outputSegmentRef": "default-circle-vars.$padding-left"
+  },
+  "padding-right": {
+    "output": "$comp-scw-stepper-icon-default-circle-padding-right: 0px;",
+    "outputSegment": "$padding-right: 0px;",
+    "outputSegmentRef": "default-circle-vars.$padding-right"
+  },
+  "padding-top": {
+    "output": "$comp-scw-stepper-icon-default-circle-padding-top: 0px;",
+    "outputSegment": "$padding-top: 0px;",
+    "outputSegmentRef": "default-circle-vars.$padding-top"
+  },
+  "padding-bottom": {
+    "output": "$comp-scw-stepper-icon-default-circle-padding-bottom: 0px;",
+    "outputSegment": "$padding-bottom: 0px;",
+    "outputSegmentRef": "default-circle-vars.$padding-bottom"
+  }
+}

package/dist/tokens/source/scssVariables/components-scw-stepper-icon-state-focused-.json

@@ -0,0 +1,127 @@
+{
+  "module-info": {
+    "output": "",
+    "path": "comp-scw-stepper-icon/state-focused-vars",
+    "namespace": "state-focused-vars"
+  },
+  "background-color": {
+    "output": "$comp-scw-stepper-icon-state-focused-background-color: rgba(255,255,255,1);",
+    "outputSegment": "$background-color: rgba(255,255,255,1);",
+    "outputSegmentRef": "state-focused-vars.$background-color"
+  },
+  "blend-mode": {
+    "output": "$comp-scw-stepper-icon-state-focused-blend-mode: NORMAL;",
+    "outputSegment": "$blend-mode: NORMAL;",
+    "outputSegmentRef": "state-focused-vars.$blend-mode"
+  },
+  "width": {
+    "output": "$comp-scw-stepper-icon-state-focused-width: 10px;",
+    "outputSegment": "$width: 10px;",
+    "outputSegmentRef": "state-focused-vars.$width"
+  },
+  "height": {
+    "output": "$comp-scw-stepper-icon-state-focused-height: 10px;",
+    "outputSegment": "$height: 10px;",
+    "outputSegmentRef": "state-focused-vars.$height"
+  },
+  "constraint-horizontal": {
+    "output": "$comp-scw-stepper-icon-state-focused-constraint-horizontal: MIN;",
+    "outputSegment": "$constraint-horizontal: MIN;",
+    "outputSegmentRef": "state-focused-vars.$constraint-horizontal"
+  },
+  "constraint-vertical": {
+    "output": "$comp-scw-stepper-icon-state-focused-constraint-vertical: MIN;",
+    "outputSegment": "$constraint-vertical: MIN;",
+    "outputSegmentRef": "state-focused-vars.$constraint-vertical"
+  },
+  "constrain-proportions": {
+    "output": "$comp-scw-stepper-icon-state-focused-constrain-proportions: false;",
+    "outputSegment": "$constrain-proportions: false;",
+    "outputSegmentRef": "state-focused-vars.$constrain-proportions"
+  },
+  "layout-context": {
+    "output": "$comp-scw-stepper-icon-state-focused-layout-context: ABSOLUTE;",
+    "outputSegment": "$layout-context: ABSOLUTE;",
+    "outputSegmentRef": "state-focused-vars.$layout-context"
+  },
+  "layout-mode": {
+    "output": "$comp-scw-stepper-icon-state-focused-layout-mode: NONE;",
+    "outputSegment": "$layout-mode: NONE;",
+    "outputSegmentRef": "state-focused-vars.$layout-mode"
+  },
+  "primary-axis-align-items": {
+    "output": "$comp-scw-stepper-icon-state-focused-primary-axis-align-items: MIN;",
+    "outputSegment": "$primary-axis-align-items: MIN;",
+    "outputSegmentRef": "state-focused-vars.$primary-axis-align-items"
+  },
+  "counter-axis-align-items": {
+    "output": "$comp-scw-stepper-icon-state-focused-counter-axis-align-items: MIN;",
+    "outputSegment": "$counter-axis-align-items: MIN;",
+    "outputSegmentRef": "state-focused-vars.$counter-axis-align-items"
+  },
+  "item-spacing": {
+    "output": "$comp-scw-stepper-icon-state-focused-item-spacing: 0px;",
+    "outputSegment": "$item-spacing: 0px;",
+    "outputSegmentRef": "state-focused-vars.$item-spacing"
+  },
+  "layout-align": {
+    "output": "$comp-scw-stepper-icon-state-focused-layout-align: MIN;",
+    "outputSegment": "$layout-align: MIN;",
+    "outputSegmentRef": "state-focused-vars.$layout-align"
+  },
+  "layout-grow": {
+    "output": "$comp-scw-stepper-icon-state-focused-layout-grow: 0;",
+    "outputSegment": "$layout-grow: 0;",
+    "outputSegmentRef": "state-focused-vars.$layout-grow"
+  },
+  "top": {
+    "output": "$comp-scw-stepper-icon-state-focused-top: var( --scw-spacing-5 );",
+    "outputSegment": "$top: var( --scw-spacing-5 );",
+    "outputSegmentRef": "state-focused-vars.$top"
+  },
+  "top-percent": {
+    "output": "$comp-scw-stepper-icon-state-focused-top-percent: 68.75%;",
+    "outputSegment": "$top-percent: 68.75%;",
+    "outputSegmentRef": "state-focused-vars.$top-percent"
+  },
+  "bottom": {
+    "output": "$comp-scw-stepper-icon-state-focused-bottom: var( --scw-spacing-2 );",
+    "outputSegment": "$bottom: var( --scw-spacing-2 );",
+    "outputSegmentRef": "state-focused-vars.$bottom"
+  },
+  "left": {
+    "output": "$comp-scw-stepper-icon-state-focused-left: var( --scw-spacing-2 );",
+    "outputSegment": "$left: var( --scw-spacing-2 );",
+    "outputSegmentRef": "state-focused-vars.$left"
+  },
+  "left-percent": {
+    "output": "$comp-scw-stepper-icon-state-focused-left-percent: 50%;",
+    "outputSegment": "$left-percent: 50%;",
+    "outputSegmentRef": "state-focused-vars.$left-percent"
+  },
+  "right": {
+    "output": "$comp-scw-stepper-icon-state-focused-right: var( --scw-spacing-2 );",
+    "outputSegment": "$right: var( --scw-spacing-2 );",
+    "outputSegmentRef": "state-focused-vars.$right"
+  },
+  "padding-left": {
+    "output": "$comp-scw-stepper-icon-state-focused-padding-left: 0px;",
+    "outputSegment": "$padding-left: 0px;",
+    "outputSegmentRef": "state-focused-vars.$padding-left"
+  },
+  "padding-right": {
+    "output": "$comp-scw-stepper-icon-state-focused-padding-right: 0px;",
+    "outputSegment": "$padding-right: 0px;",
+    "outputSegmentRef": "state-focused-vars.$padding-right"
+  },
+  "padding-top": {
+    "output": "$comp-scw-stepper-icon-state-focused-padding-top: 0px;",
+    "outputSegment": "$padding-top: 0px;",
+    "outputSegmentRef": "state-focused-vars.$padding-top"
+  },
+  "padding-bottom": {
+    "output": "$comp-scw-stepper-icon-state-focused-padding-bottom: 0px;",
+    "outputSegment": "$padding-bottom: 0px;",
+    "outputSegmentRef": "state-focused-vars.$padding-bottom"
+  }
+}

package/dist/tokens/source/scssVariables/components-scw-stepper-icon-state-focused-circle-.json

@@ -0,0 +1,147 @@
+{
+  "module-info": {
+    "output": "",
+    "path": "comp-scw-stepper-icon/state-focused-circle-vars",
+    "namespace": "state-focused-circle-vars"
+  },
+  "background-color": {
+    "output": "$comp-scw-stepper-icon-state-focused-circle-background-color: var( --scw-color-grey-07 );",
+    "outputSegment": "$background-color: var( --scw-color-grey-07 );",
+    "outputSegmentRef": "state-focused-circle-vars.$background-color"
+  },
+  "blend-mode": {
+    "output": "$comp-scw-stepper-icon-state-focused-circle-blend-mode: NORMAL;",
+    "outputSegment": "$blend-mode: NORMAL;",
+    "outputSegmentRef": "state-focused-circle-vars.$blend-mode"
+  },
+  "corner-radius-top-left": {
+    "output": "$comp-scw-stepper-icon-state-focused-circle-corner-radius-top-left: 50%;",
+    "outputSegment": "$corner-radius-top-left: 50%;",
+    "outputSegmentRef": "state-focused-circle-vars.$corner-radius-top-left"
+  },
+  "corner-radius-top-right": {
+    "output": "$comp-scw-stepper-icon-state-focused-circle-corner-radius-top-right: 50%;",
+    "outputSegment": "$corner-radius-top-right: 50%;",
+    "outputSegmentRef": "state-focused-circle-vars.$corner-radius-top-right"
+  },
+  "corner-radius-bottom-right": {
+    "output": "$comp-scw-stepper-icon-state-focused-circle-corner-radius-bottom-right: 50%;",
+    "outputSegment": "$corner-radius-bottom-right: 50%;",
+    "outputSegmentRef": "state-focused-circle-vars.$corner-radius-bottom-right"
+  },
+  "corner-radius-bottom-left": {
+    "output": "$comp-scw-stepper-icon-state-focused-circle-corner-radius-bottom-left: 50%;",
+    "outputSegment": "$corner-radius-bottom-left: 50%;",
+    "outputSegmentRef": "state-focused-circle-vars.$corner-radius-bottom-left"
+  },
+  "width": {
+    "output": "$comp-scw-stepper-icon-state-focused-circle-width: 10px;",
+    "outputSegment": "$width: 10px;",
+    "outputSegmentRef": "state-focused-circle-vars.$width"
+  },
+  "height": {
+    "output": "$comp-scw-stepper-icon-state-focused-circle-height: 10px;",
+    "outputSegment": "$height: 10px;",
+    "outputSegmentRef": "state-focused-circle-vars.$height"
+  },
+  "constraint-horizontal": {
+    "output": "$comp-scw-stepper-icon-state-focused-circle-constraint-horizontal: STRETCH;",
+    "outputSegment": "$constraint-horizontal: STRETCH;",
+    "outputSegmentRef": "state-focused-circle-vars.$constraint-horizontal"
+  },
+  "constraint-vertical": {
+    "output": "$comp-scw-stepper-icon-state-focused-circle-constraint-vertical: STRETCH;",
+    "outputSegment": "$constraint-vertical: STRETCH;",
+    "outputSegmentRef": "state-focused-circle-vars.$constraint-vertical"
+  },
+  "constrain-proportions": {
+    "output": "$comp-scw-stepper-icon-state-focused-circle-constrain-proportions: false;",
+    "outputSegment": "$constrain-proportions: false;",
+    "outputSegmentRef": "state-focused-circle-vars.$constrain-proportions"
+  },
+  "layout-context": {
+    "output": "$comp-scw-stepper-icon-state-focused-circle-layout-context: ABSOLUTE;",
+    "outputSegment": "$layout-context: ABSOLUTE;",
+    "outputSegmentRef": "state-focused-circle-vars.$layout-context"
+  },
+  "layout-mode": {
+    "output": "$comp-scw-stepper-icon-state-focused-circle-layout-mode: NONE;",
+    "outputSegment": "$layout-mode: NONE;",
+    "outputSegmentRef": "state-focused-circle-vars.$layout-mode"
+  },
+  "primary-axis-align-items": {
+    "output": "$comp-scw-stepper-icon-state-focused-circle-primary-axis-align-items: MIN;",
+    "outputSegment": "$primary-axis-align-items: MIN;",
+    "outputSegmentRef": "state-focused-circle-vars.$primary-axis-align-items"
+  },
+  "counter-axis-align-items": {
+    "output": "$comp-scw-stepper-icon-state-focused-circle-counter-axis-align-items: MIN;",
+    "outputSegment": "$counter-axis-align-items: MIN;",
+    "outputSegmentRef": "state-focused-circle-vars.$counter-axis-align-items"
+  },
+  "item-spacing": {
+    "output": "$comp-scw-stepper-icon-state-focused-circle-item-spacing: 0px;",
+    "outputSegment": "$item-spacing: 0px;",
+    "outputSegmentRef": "state-focused-circle-vars.$item-spacing"
+  },
+  "layout-align": {
+    "output": "$comp-scw-stepper-icon-state-focused-circle-layout-align: MIN;",
+    "outputSegment": "$layout-align: MIN;",
+    "outputSegmentRef": "state-focused-circle-vars.$layout-align"
+  },
+  "layout-grow": {
+    "output": "$comp-scw-stepper-icon-state-focused-circle-layout-grow: 0;",
+    "outputSegment": "$layout-grow: 0;",
+    "outputSegmentRef": "state-focused-circle-vars.$layout-grow"
+  },
+  "top": {
+    "output": "$comp-scw-stepper-icon-state-focused-circle-top: 0px;",
+    "outputSegment": "$top: 0px;",
+    "outputSegmentRef": "state-focused-circle-vars.$top"
+  },
+  "top-percent": {
+    "output": "$comp-scw-stepper-icon-state-focused-circle-top-percent: 50%;",
+    "outputSegment": "$top-percent: 50%;",
+    "outputSegmentRef": "state-focused-circle-vars.$top-percent"
+  },
+  "bottom": {
+    "output": "$comp-scw-stepper-icon-state-focused-circle-bottom: 0px;",
+    "outputSegment": "$bottom: 0px;",
+    "outputSegmentRef": "state-focused-circle-vars.$bottom"
+  },
+  "left": {
+    "output": "$comp-scw-stepper-icon-state-focused-circle-left: 0px;",
+    "outputSegment": "$left: 0px;",
+    "outputSegmentRef": "state-focused-circle-vars.$left"
+  },
+  "left-percent": {
+    "output": "$comp-scw-stepper-icon-state-focused-circle-left-percent: 50%;",
+    "outputSegment": "$left-percent: 50%;",
+    "outputSegmentRef": "state-focused-circle-vars.$left-percent"
+  },
+  "right": {
+    "output": "$comp-scw-stepper-icon-state-focused-circle-right: 0px;",
+    "outputSegment": "$right: 0px;",
+    "outputSegmentRef": "state-focused-circle-vars.$right"
+  },
+  "padding-left": {
+    "output": "$comp-scw-stepper-icon-state-focused-circle-padding-left: 0px;",
+    "outputSegment": "$padding-left: 0px;",
+    "outputSegmentRef": "state-focused-circle-vars.$padding-left"
+  },
+  "padding-right": {
+    "output": "$comp-scw-stepper-icon-state-focused-circle-padding-right: 0px;",
+    "outputSegment": "$padding-right: 0px;",
+    "outputSegmentRef": "state-focused-circle-vars.$padding-right"
+  },
+  "padding-top": {
+    "output": "$comp-scw-stepper-icon-state-focused-circle-padding-top: 0px;",
+    "outputSegment": "$padding-top: 0px;",
+    "outputSegmentRef": "state-focused-circle-vars.$padding-top"
+  },
+  "padding-bottom": {
+    "output": "$comp-scw-stepper-icon-state-focused-circle-padding-bottom: 0px;",
+    "outputSegment": "$padding-bottom: 0px;",
+    "outputSegmentRef": "state-focused-circle-vars.$padding-bottom"
+  }
+}