scu-web-components 0.0.12 → 0.0.13

package/dist/tokens/source/cssApi.css

@@ -1,28 +1,4 @@
 
-/* START preColorPatternHook */
-
-.scw-theme-primary,
-[scw-theme-primary],
-.scw-theme-primary [element],
-[scw-theme-primary] [element],
-[element][color=primary] {
-  --scw-color-01: var( --scw-color-primary-01 );
-  --scw-color-02: var( --scw-color-primary-02 );
-  --scw-color-03: var( --scw-color-primary-03 );
-  --scw-color-04: var( --scw-color-primary-04 );
-  --scw-color-05: var( --scw-color-primary-05 );
-  --scw-color: var( --scw-color-primary );
-  --scw-color-06: var( --scw-color-primary-06 );
-  --scw-color-07: var( --scw-color-primary-07 );
-  --scw-color-08: var( --scw-color-primary-08 );
-  --scw-color-09: var( --scw-color-primary-09 );
-  --scw-color-092: var( --scw-color-primary-092 );
-  --scw-color-095: var( --scw-color-primary-095 ); 
-}
-
-/* END preColorPatternHook */
-
-
 .scw-background-color-primary-01,
 [scw-background-color-primary-01] {
   --background-color: var( --scw-color-01 , var( --scw-color-primary-01 ));
@@ -647,32 +623,6 @@
   background-color: var( --scw-color-095 , var( --scw-color-primary-095 ));
 }
 
-/* START preColorPatternHook */
-
-.scw-theme-grey,
-[scw-theme-grey],
-.scw-theme-grey [element],
-[scw-theme-grey] [element],
-[element][color=grey] {
-  --scw-color-00: var( --scw-color-grey-00 );
-  --scw-color-01: var( --scw-color-grey-01 );
-  --scw-color-02: var( --scw-color-grey-02 );
-  --scw-color-03: var( --scw-color-grey-03 );
-  --scw-color-04: var( --scw-color-grey-04 );
-  --scw-color-05: var( --scw-color-grey-05 );
-  --scw-color: var( --scw-color-grey );
-  --scw-color-06: var( --scw-color-grey-06 );
-  --scw-color-07: var( --scw-color-grey-07 );
-  --scw-color-08: var( --scw-color-grey-08 );
-  --scw-color-09: var( --scw-color-grey-09 );
-  --scw-color-092: var( --scw-color-grey-092 );
-  --scw-color-095: var( --scw-color-grey-095 );
-  --scw-color-10: var( --scw-color-grey-10 ); 
-}
-
-/* END preColorPatternHook */
-
-
 .scw-background-color-grey-00,
 [scw-background-color-grey-00] {
   --background-color: var( --scw-color-grey-00 );
@@ -1401,21 +1351,6 @@
   background-color: var( --scw-color-grey-10 );
 }
 
-/* START preColorPatternHook */
-
-.scw-theme-error,
-[scw-theme-error],
-.scw-theme-error [element],
-[scw-theme-error] [element],
-[element][color=error] {
-  --scw-color: var( --scw-color-error );
-  --scw-color-light: var( --scw-color-error-light );
-  --scw-color-dark: var( --scw-color-error-dark ); 
-}
-
-/* END preColorPatternHook */
-
-
 .scw-background-color-error,
 [scw-background-color-error] {
   --background-color: var( --scw-color , var( --scw-color-error ));
@@ -1572,21 +1507,6 @@
   background-color: var( --scw-color-dark , var( --scw-color-error-dark ));
 }
 
-/* START preColorPatternHook */
-
-.scw-theme-warning,
-[scw-theme-warning],
-.scw-theme-warning [element],
-[scw-theme-warning] [element],
-[element][color=warning] {
-  --scw-color: var( --scw-color-warning );
-  --scw-color-light: var( --scw-color-warning-light );
-  --scw-color-dark: var( --scw-color-warning-dark ); 
-}
-
-/* END preColorPatternHook */
-
-
 .scw-background-color-warning,
 [scw-background-color-warning] {
   --background-color: var( --scw-color , var( --scw-color-warning ));
@@ -1743,21 +1663,6 @@
   background-color: var( --scw-color-dark , var( --scw-color-warning-dark ));
 }
 
-/* START preColorPatternHook */
-
-.scw-theme-success,
-[scw-theme-success],
-.scw-theme-success [element],
-[scw-theme-success] [element],
-[element][color=success] {
-  --scw-color: var( --scw-color-success );
-  --scw-color-light: var( --scw-color-success-light );
-  --scw-color-dark: var( --scw-color-success-dark ); 
-}
-
-/* END preColorPatternHook */
-
-
 .scw-background-color-success,
 [scw-background-color-success] {
   --background-color: var( --scw-color , var( --scw-color-success ));
@@ -1914,21 +1819,6 @@
   background-color: var( --scw-color-dark , var( --scw-color-success-dark ));
 }
 
-/* START preColorPatternHook */
-
-.scw-theme-information,
-[scw-theme-information],
-.scw-theme-information [element],
-[scw-theme-information] [element],
-[element][color=information] {
-  --scw-color: var( --scw-color-information );
-  --scw-color-light: var( --scw-color-information-light );
-  --scw-color-dark: var( --scw-color-information-dark ); 
-}
-
-/* END preColorPatternHook */
-
-
 .scw-background-color-information,
 [scw-background-color-information] {
   --background-color: var( --scw-color , var( --scw-color-information ));
@@ -2189,30 +2079,6 @@
   background-color: var( --scw-color-secondary );
 }
 
-/* START preColorPatternHook */
-
-.scw-theme-mortgage,
-[scw-theme-mortgage],
-.scw-theme-mortgage [element],
-[scw-theme-mortgage] [element],
-[element][color=mortgage] {
-  --scw-color-01: var( --scw-color-mortgage-01 );
-  --scw-color-02: var( --scw-color-mortgage-02 );
-  --scw-color-03: var( --scw-color-mortgage-03 );
-  --scw-color-04: var( --scw-color-mortgage-04 );
-  --scw-color-05: var( --scw-color-mortgage-05 );
-  --scw-color: var( --scw-color-mortgage );
-  --scw-color-06: var( --scw-color-mortgage-06 );
-  --scw-color-07: var( --scw-color-mortgage-07 );
-  --scw-color-08: var( --scw-color-mortgage-08 );
-  --scw-color-09: var( --scw-color-mortgage-09 );
-  --scw-color-092: var( --scw-color-mortgage-092 );
-  --scw-color-095: var( --scw-color-mortgage-095 ); 
-}
-
-/* END preColorPatternHook */
-
-
 .scw-background-color-mortgage-01,
 [scw-background-color-mortgage-01] {
   --background-color: var( --scw-color-01 , var( --scw-color-mortgage-01 ));
@@ -2837,30 +2703,6 @@
   background-color: var( --scw-color-095 , var( --scw-color-mortgage-095 ));
 }
 
-/* START preColorPatternHook */
-
-.scw-theme-investments,
-[scw-theme-investments],
-.scw-theme-investments [element],
-[scw-theme-investments] [element],
-[element][color=investments] {
-  --scw-color-01: var( --scw-color-investments-01 );
-  --scw-color-02: var( --scw-color-investments-02 );
-  --scw-color-03: var( --scw-color-investments-03 );
-  --scw-color-04: var( --scw-color-investments-04 );
-  --scw-color-05: var( --scw-color-investments-05 );
-  --scw-color: var( --scw-color-investments );
-  --scw-color-06: var( --scw-color-investments-06 );
-  --scw-color-07: var( --scw-color-investments-07 );
-  --scw-color-08: var( --scw-color-investments-08 );
-  --scw-color-09: var( --scw-color-investments-09 );
-  --scw-color-092: var( --scw-color-investments-092 );
-  --scw-color-095: var( --scw-color-investments-095 ); 
-}
-
-/* END preColorPatternHook */
-
-
 .scw-background-color-investments-01,
 [scw-background-color-investments-01] {
   --background-color: var( --scw-color-01 , var( --scw-color-investments-01 ));
@@ -3485,30 +3327,6 @@
   background-color: var( --scw-color-095 , var( --scw-color-investments-095 ));
 }
 
-/* START preColorPatternHook */
-
-.scw-theme-credit-cards,
-[scw-theme-credit-cards],
-.scw-theme-credit-cards [element],
-[scw-theme-credit-cards] [element],
-[element][color=credit-cards] {
-  --scw-color-01: var( --scw-color-credit-cards-01 );
-  --scw-color-02: var( --scw-color-credit-cards-02 );
-  --scw-color-03: var( --scw-color-credit-cards-03 );
-  --scw-color-04: var( --scw-color-credit-cards-04 );
-  --scw-color-05: var( --scw-color-credit-cards-05 );
-  --scw-color: var( --scw-color-credit-cards );
-  --scw-color-06: var( --scw-color-credit-cards-06 );
-  --scw-color-07: var( --scw-color-credit-cards-07 );
-  --scw-color-08: var( --scw-color-credit-cards-08 );
-  --scw-color-09: var( --scw-color-credit-cards-09 );
-  --scw-color-092: var( --scw-color-credit-cards-092 );
-  --scw-color-095: var( --scw-color-credit-cards-095 ); 
-}
-
-/* END preColorPatternHook */
-
-
 .scw-background-color-credit-cards-01,
 [scw-background-color-credit-cards-01] {
   --background-color: var( --scw-color-01 , var( --scw-color-credit-cards-01 ));
@@ -4133,30 +3951,6 @@
   background-color: var( --scw-color-095 , var( --scw-color-credit-cards-095 ));
 }
 
-/* START preColorPatternHook */
-
-.scw-theme-student,
-[scw-theme-student],
-.scw-theme-student [element],
-[scw-theme-student] [element],
-[element][color=student] {
-  --scw-color-01: var( --scw-color-student-01 );
-  --scw-color-02: var( --scw-color-student-02 );
-  --scw-color-03: var( --scw-color-student-03 );
-  --scw-color-04: var( --scw-color-student-04 );
-  --scw-color-05: var( --scw-color-student-05 );
-  --scw-color: var( --scw-color-student );
-  --scw-color-06: var( --scw-color-student-06 );
-  --scw-color-07: var( --scw-color-student-07 );
-  --scw-color-08: var( --scw-color-student-08 );
-  --scw-color-09: var( --scw-color-student-09 );
-  --scw-color-092: var( --scw-color-student-092 );
-  --scw-color-095: var( --scw-color-student-095 ); 
-}
-
-/* END preColorPatternHook */
-
-
 .scw-background-color-student-01,
 [scw-background-color-student-01] {
   --background-color: var( --scw-color-01 , var( --scw-color-student-01 ));
@@ -4781,30 +4575,6 @@
   background-color: var( --scw-color-095 , var( --scw-color-student-095 ));
 }
 
-/* START preColorPatternHook */
-
-.scw-theme-savings,
-[scw-theme-savings],
-.scw-theme-savings [element],
-[scw-theme-savings] [element],
-[element][color=savings] {
-  --scw-color-01: var( --scw-color-savings-01 );
-  --scw-color-02: var( --scw-color-savings-02 );
-  --scw-color-03: var( --scw-color-savings-03 );
-  --scw-color-04: var( --scw-color-savings-04 );
-  --scw-color-05: var( --scw-color-savings-05 );
-  --scw-color: var( --scw-color-savings );
-  --scw-color-06: var( --scw-color-savings-06 );
-  --scw-color-07: var( --scw-color-savings-07 );
-  --scw-color-08: var( --scw-color-savings-08 );
-  --scw-color-09: var( --scw-color-savings-09 );
-  --scw-color-092: var( --scw-color-savings-092 );
-  --scw-color-095: var( --scw-color-savings-095 ); 
-}
-
-/* END preColorPatternHook */
-
-
 .scw-background-color-savings-01,
 [scw-background-color-savings-01] {
   --background-color: var( --scw-color-01 , var( --scw-color-savings-01 ));
@@ -5429,30 +5199,6 @@
   background-color: var( --scw-color-095 , var( --scw-color-savings-095 ));
 }
 
-/* START preColorPatternHook */
-
-.scw-theme-checking,
-[scw-theme-checking],
-.scw-theme-checking [element],
-[scw-theme-checking] [element],
-[element][color=checking] {
-  --scw-color-01: var( --scw-color-checking-01 );
-  --scw-color-02: var( --scw-color-checking-02 );
-  --scw-color-03: var( --scw-color-checking-03 );
-  --scw-color-04: var( --scw-color-checking-04 );
-  --scw-color-05: var( --scw-color-checking-05 );
-  --scw-color: var( --scw-color-checking );
-  --scw-color-06: var( --scw-color-checking-06 );
-  --scw-color-07: var( --scw-color-checking-07 );
-  --scw-color-08: var( --scw-color-checking-08 );
-  --scw-color-09: var( --scw-color-checking-09 );
-  --scw-color-092: var( --scw-color-checking-092 );
-  --scw-color-095: var( --scw-color-checking-095 ); 
-}
-
-/* END preColorPatternHook */
-
-
 .scw-background-color-checking-01,
 [scw-background-color-checking-01] {
   --background-color: var( --scw-color-01 , var( --scw-color-checking-01 ));
@@ -6077,30 +5823,6 @@
   background-color: var( --scw-color-095 , var( --scw-color-checking-095 ));
 }
 
-/* START preColorPatternHook */
-
-.scw-theme-red-shoes,
-[scw-theme-red-shoes],
-.scw-theme-red-shoes [element],
-[scw-theme-red-shoes] [element],
-[element][color=red-shoes] {
-  --scw-color-01: var( --scw-color-red-shoes-01 );
-  --scw-color-02: var( --scw-color-red-shoes-02 );
-  --scw-color-03: var( --scw-color-red-shoes-03 );
-  --scw-color-04: var( --scw-color-red-shoes-04 );
-  --scw-color-05: var( --scw-color-red-shoes-05 );
-  --scw-color: var( --scw-color-red-shoes );
-  --scw-color-06: var( --scw-color-red-shoes-06 );
-  --scw-color-07: var( --scw-color-red-shoes-07 );
-  --scw-color-08: var( --scw-color-red-shoes-08 );
-  --scw-color-09: var( --scw-color-red-shoes-09 );
-  --scw-color-092: var( --scw-color-red-shoes-092 );
-  --scw-color-095: var( --scw-color-red-shoes-095 ); 
-}
-
-/* END preColorPatternHook */
-
-
 .scw-background-color-red-shoes-01,
 [scw-background-color-red-shoes-01] {
   --background-color: var( --scw-color-01 , var( --scw-color-red-shoes-01 ));
@@ -6725,30 +6447,6 @@
   background-color: var( --scw-color-095 , var( --scw-color-red-shoes-095 ));
 }
 
-/* START preColorPatternHook */
-
-.scw-theme-business,
-[scw-theme-business],
-.scw-theme-business [element],
-[scw-theme-business] [element],
-[element][color=business] {
-  --scw-color-01: var( --scw-color-business-01 );
-  --scw-color-02: var( --scw-color-business-02 );
-  --scw-color-03: var( --scw-color-business-03 );
-  --scw-color-04: var( --scw-color-business-04 );
-  --scw-color-05: var( --scw-color-business-05 );
-  --scw-color: var( --scw-color-business );
-  --scw-color-06: var( --scw-color-business-06 );
-  --scw-color-07: var( --scw-color-business-07 );
-  --scw-color-08: var( --scw-color-business-08 );
-  --scw-color-09: var( --scw-color-business-09 );
-  --scw-color-092: var( --scw-color-business-092 );
-  --scw-color-095: var( --scw-color-business-095 ); 
-}
-
-/* END preColorPatternHook */
-
-
 .scw-background-color-business-01,
 [scw-background-color-business-01] {
   --background-color: var( --scw-color-01 , var( --scw-color-business-01 ));
@@ -7373,30 +7071,6 @@
   background-color: var( --scw-color-095 , var( --scw-color-business-095 ));
 }
 
-/* START preColorPatternHook */
-
-.scw-theme-personal,
-[scw-theme-personal],
-.scw-theme-personal [element],
-[scw-theme-personal] [element],
-[element][color=personal] {
-  --scw-color-01: var( --scw-color-personal-01 );
-  --scw-color-02: var( --scw-color-personal-02 );
-  --scw-color-03: var( --scw-color-personal-03 );
-  --scw-color-04: var( --scw-color-personal-04 );
-  --scw-color-05: var( --scw-color-personal-05 );
-  --scw-color: var( --scw-color-personal );
-  --scw-color-06: var( --scw-color-personal-06 );
-  --scw-color-07: var( --scw-color-personal-07 );
-  --scw-color-08: var( --scw-color-personal-08 );
-  --scw-color-09: var( --scw-color-personal-09 );
-  --scw-color-092: var( --scw-color-personal-092 );
-  --scw-color-095: var( --scw-color-personal-095 ); 
-}
-
-/* END preColorPatternHook */
-
-
 .scw-background-color-personal-01,
 [scw-background-color-personal-01] {
   --background-color: var( --scw-color-01 , var( --scw-color-personal-01 ));
@@ -8021,30 +7695,6 @@
   background-color: var( --scw-color-095 , var( --scw-color-personal-095 ));
 }
 
-/* START preColorPatternHook */
-
-.scw-theme-heloc,
-[scw-theme-heloc],
-.scw-theme-heloc [element],
-[scw-theme-heloc] [element],
-[element][color=heloc] {
-  --scw-color-01: var( --scw-color-heloc-01 );
-  --scw-color-02: var( --scw-color-heloc-02 );
-  --scw-color-03: var( --scw-color-heloc-03 );
-  --scw-color-04: var( --scw-color-heloc-04 );
-  --scw-color-05: var( --scw-color-heloc-05 );
-  --scw-color: var( --scw-color-heloc );
-  --scw-color-06: var( --scw-color-heloc-06 );
-  --scw-color-07: var( --scw-color-heloc-07 );
-  --scw-color-08: var( --scw-color-heloc-08 );
-  --scw-color-09: var( --scw-color-heloc-09 );
-  --scw-color-092: var( --scw-color-heloc-092 );
-  --scw-color-095: var( --scw-color-heloc-095 ); 
-}
-
-/* END preColorPatternHook */
-
-
 .scw-background-color-heloc-01,
 [scw-background-color-heloc-01] {
   --background-color: var( --scw-color-01 , var( --scw-color-heloc-01 ));
@@ -18819,32 +18469,6 @@ scw-float-initial > *:last-child,
   --gap-v-int: 0px;
 }
 
-
-scw-pane-initial,
-.scw-pane-initial,
-[scw-pane-initial] {
-  
-  /* scw element */
-  position: relative;
-  box-sizing: border-box;
-  --margin-right: initial;
-  --margin-bottom: initial;
-  --gap-h-int: initial;
-  --gap-v-int: initial;
-  margin-right: var( --margin-right, var( --gap-h-int, initial ) );
-  margin-bottom: var( --margin-bottom, var( --gap-v-int, initial ) );
-  display: block;
-  overflow-y: auto;
-}
-
-scw-pane-initial > *:nth-child(n),
-.scw-pane-initial > *:nth-child(n),
-[scw-pane-initial] > *:nth-child(n) {
-  margin-left: auto;
-  margin-right: auto;
-  --margin-right: auto;
-}
-
 scw-element,
 .scw-element,
 [scw-element] {
@@ -19103,32 +18727,6 @@ scw-float > *:last-child,
   --gap-v-int: 0px;
 }
 
-
-scw-pane,
-.scw-pane,
-[scw-pane] {
-  
-  /* scw element */
-  position: relative;
-  box-sizing: border-box;
-  --margin-right: initial;
-  --margin-bottom: initial;
-  --gap-h-int: initial;
-  --gap-v-int: initial;
-  margin-right: var( --margin-right, var( --gap-h-int, initial ) );
-  margin-bottom: var( --margin-bottom, var( --gap-v-int, initial ) );
-  display: block;
-  overflow-y: auto;
-}
-
-scw-pane > *:nth-child(n),
-.scw-pane > *:nth-child(n),
-[scw-pane] > *:nth-child(n) {
-  margin-left: auto;
-  margin-right: auto;
-  --margin-right: auto;
-}
-
 .scw-scroll-y {
   overflow-y: auto;
 }
@@ -19232,17 +18830,6 @@ scw-pane > *:nth-child(n),
 }
 
 
-.scw-alignment-top-stretch,
-[scw-alignment-top-stretch],
-.scw-alignment-stretch,
-[scw-alignment-stretch] {
-  --ai-h: stretch;
-  --jc-h: flex-start;
-  --ai-v: stretch;
-  --jc-v: flex-start;
-}
-
-
 .scw-alignment-bottom,
 [scw-alignment-bottom],
 .scw-alignment-bottom-left,