npm - @breadstone/mosaik-elements-foundation - Versions diffs - 0.1.22 → 0.1.23 - Mend

@breadstone/mosaik-elements-foundation 0.1.22 → 0.1.23

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 (320) hide show

package/Controls/Components/Inputs/DurationBox/Themes/DurationBoxElement.Joy.js CHANGED Viewed

@@ -43,7 +43,7 @@ export function durationBoxElementJoyStyle() {
   --durationbox-shadow-offset-x: unset;
   --durationbox-shadow-offset-y: unset;
   --durationbox-shadow-spread: unset;
-  --durationbox-transition-duration: var(--joy-duration-short);
+  --durationbox-transition-duration: var(--mosaik-duration-short);
   --durationbox-transition-mode: ease;
   --durationbox-transition-property: background-color, color, border-color, opacity, box-shadow;
   --durationbox-translate: none;

package/Controls/Components/Inputs/FileBox/Themes/FileBoxElement.Cosmopolitan.js CHANGED Viewed

@@ -37,13 +37,13 @@ export function fileBoxElementCosmopolitanStyle() {
   --filebox-padding-left: calc(var(--cosmopolitan-layout-space) * 1.5);
   --filebox-padding-right: calc(var(--cosmopolitan-layout-space) * 1.5);
   --filebox-padding-top: var(--cosmopolitan-layout-space);
-  --filebox-shadow: var(--cosmopolitan-elevation-semilight-offset-x-0) var(--cosmopolitan-elevation-semilight-offset-y-0) var(--cosmopolitan-elevation-semilight-blur-0) var(--cosmopolitan-elevation-semilight-spread-0) var(--cosmopolitan-elevation-semilight-color-0);
-  --filebox-shadow-blur: var(--cosmopolitan-elevation-semilight-blur-0);
-  --filebox-shadow-color: var(--cosmopolitan-elevation-semilight-color-0);
-  --filebox-shadow-offset-x: var(--cosmopolitan-elevation-semilight-offset-x-0);
-  --filebox-shadow-offset-y: var(--cosmopolitan-elevation-semilight-offset-y-0);
-  --filebox-shadow-spread: var(--cosmopolitan-elevation-semilight-spread-0);
-  --filebox-transition-duration: var(--cosmopolitan-duration-short);
+  --filebox-shadow: var(--cosmopolitan-elevation-semilight-offset-x) var(--cosmopolitan-elevation-semilight-offset-y) var(--cosmopolitan-elevation-semilight-blur) var(--cosmopolitan-elevation-semilight-spread) var(--cosmopolitan-elevation-semilight-color);
+  --filebox-shadow-blur: var(--cosmopolitan-elevation-semilight-blur);
+  --filebox-shadow-color: var(--cosmopolitan-elevation-semilight-color);
+  --filebox-shadow-offset-x: var(--cosmopolitan-elevation-semilight-offset-x);
+  --filebox-shadow-offset-y: var(--cosmopolitan-elevation-semilight-offset-y);
+  --filebox-shadow-spread: var(--cosmopolitan-elevation-semilight-spread);
+  --filebox-transition-duration: var(--mosaik-duration-short);
   --filebox-transition-mode: ease;
   --filebox-transition-property: background-color, color, border-color, opacity, box-shadow;
   --filebox-translate: none;

package/Controls/Components/Inputs/FileBox/Themes/FileBoxElement.Joy.js CHANGED Viewed

@@ -37,13 +37,13 @@ export function fileBoxElementJoyStyle() {
   --filebox-padding-left: calc(var(--joy-layout-space) * 1.5);
   --filebox-padding-right: calc(var(--joy-layout-space) * 1.5);
   --filebox-padding-top: var(--joy-layout-space);
-  --filebox-shadow: var(--joy-elevation-semilight-offset-x-0) var(--joy-elevation-semilight-offset-y-0) var(--joy-elevation-semilight-blur-0) var(--joy-elevation-semilight-spread-0) var(--joy-elevation-semilight-color-0);
-  --filebox-shadow-blur: var(--joy-elevation-semilight-blur-0);
-  --filebox-shadow-color: var(--joy-elevation-semilight-color-0);
-  --filebox-shadow-offset-x: var(--joy-elevation-semilight-offset-x-0);
-  --filebox-shadow-offset-y: var(--joy-elevation-semilight-offset-y-0);
-  --filebox-shadow-spread: var(--joy-elevation-semilight-spread-0);
-  --filebox-transition-duration: var(--joy-duration-short);
+  --filebox-shadow: var(--joy-elevation-semilight-offset-x) var(--joy-elevation-semilight-offset-y) var(--joy-elevation-semilight-blur) var(--joy-elevation-semilight-spread) var(--joy-elevation-semilight-color);
+  --filebox-shadow-blur: var(--joy-elevation-semilight-blur);
+  --filebox-shadow-color: var(--joy-elevation-semilight-color);
+  --filebox-shadow-offset-x: var(--joy-elevation-semilight-offset-x);
+  --filebox-shadow-offset-y: var(--joy-elevation-semilight-offset-y);
+  --filebox-shadow-spread: var(--joy-elevation-semilight-spread);
+  --filebox-transition-duration: var(--mosaik-duration-short);
   --filebox-transition-mode: ease;
   --filebox-transition-property: background-color, color, border-color, opacity, box-shadow;
   --filebox-translate: none;

package/Controls/Components/Inputs/FileBox/Themes/FileBoxElement.Memphis.js CHANGED Viewed

@@ -37,12 +37,12 @@ export function fileBoxElementMemphisStyle() {
   --filebox-padding-left: calc(var(--memphis-layout-space) * 1.5);
   --filebox-padding-right: calc(var(--memphis-layout-space) * 1.5);
   --filebox-padding-top: var(--memphis-layout-space);
-  --filebox-shadow: var(--memphis-elevation-semilight-offset-x-0) var(--memphis-elevation-semilight-offset-y-0) var(--memphis-elevation-semilight-blur-0) var(--memphis-elevation-semilight-spread-0) var(--memphis-elevation-semilight-color-0);
-  --filebox-shadow-blur: var(--memphis-elevation-semilight-blur-0);
-  --filebox-shadow-color: var(--memphis-elevation-semilight-color-0);
-  --filebox-shadow-offset-x: var(--memphis-elevation-semilight-offset-x-0);
-  --filebox-shadow-offset-y: var(--memphis-elevation-semilight-offset-y-0);
-  --filebox-shadow-spread: var(--memphis-elevation-semilight-spread-0);
+  --filebox-shadow: var(--memphis-elevation-semilight-offset-x) var(--memphis-elevation-semilight-offset-y) var(--memphis-elevation-semilight-blur) var(--memphis-elevation-semilight-spread) var(--memphis-elevation-semilight-color);
+  --filebox-shadow-blur: var(--memphis-elevation-semilight-blur);
+  --filebox-shadow-color: var(--memphis-elevation-semilight-color);
+  --filebox-shadow-offset-x: var(--memphis-elevation-semilight-offset-x);
+  --filebox-shadow-offset-y: var(--memphis-elevation-semilight-offset-y);
+  --filebox-shadow-spread: var(--memphis-elevation-semilight-spread);
   --filebox-transition-duration: .2s;
   --filebox-transition-mode: ease;
   --filebox-transition-property: background-color, color, border-color, opacity, box-shadow, translate;

package/Controls/Components/Inputs/NumberBox/Themes/NumberBoxElement.Cosmopolitan.js CHANGED Viewed

@@ -42,7 +42,7 @@ export function numberBoxElementCosmopolitanStyle() {
   --numberbox-shadow-offset-x: unset;
   --numberbox-shadow-offset-y: unset;
   --numberbox-shadow-spread: unset;
-  --numberbox-transition-duration: var(--cosmopolitan-duration-short);
+  --numberbox-transition-duration: var(--mosaik-duration-short);
   --numberbox-transition-mode: ease;
   --numberbox-transition-property: background-color, color, border-color, opacity, box-shadow;
   --numberbox-translate: none;

package/Controls/Components/Inputs/NumberBox/Themes/NumberBoxElement.Joy.js CHANGED Viewed

@@ -43,7 +43,7 @@ export function numberBoxElementJoyStyle() {
   --numberbox-shadow-offset-x: unset;
   --numberbox-shadow-offset-y: unset;
   --numberbox-shadow-spread: unset;
-  --numberbox-transition-duration: var(--joy-duration-short);
+  --numberbox-transition-duration: var(--mosaik-duration-short);
   --numberbox-transition-mode: ease;
   --numberbox-transition-property: background-color, color, border-color, opacity, box-shadow;
   --numberbox-translate: none;

package/Controls/Components/Inputs/PasswordBox/Themes/PasswordBoxElement.Cosmopolitan.js CHANGED Viewed

@@ -37,13 +37,13 @@ export function passwordBoxElementCosmopolitanStyle() {
   --passwordbox-padding-left: calc(var(--cosmopolitan-layout-space) * 1.5);
   --passwordbox-padding-right: calc(var(--cosmopolitan-layout-space) * 1.5);
   --passwordbox-padding-top: var(--cosmopolitan-layout-space);
-  --passwordbox-shadow: var(--cosmopolitan-elevation-semilight-offset-x-0) var(--cosmopolitan-elevation-semilight-offset-y-0) var(--cosmopolitan-elevation-semilight-blur-0) var(--cosmopolitan-elevation-semilight-spread-0) var(--cosmopolitan-elevation-semilight-color-0);
-  --passwordbox-shadow-blur: var(--cosmopolitan-elevation-semilight-blur-0);
-  --passwordbox-shadow-color: var(--cosmopolitan-elevation-semilight-color-0);
-  --passwordbox-shadow-offset-x: var(--cosmopolitan-elevation-semilight-offset-x-0);
-  --passwordbox-shadow-offset-y: var(--cosmopolitan-elevation-semilight-offset-y-0);
-  --passwordbox-shadow-spread: var(--cosmopolitan-elevation-semilight-spread-0);
-  --passwordbox-transition-duration: var(--cosmopolitan-duration-short);
+  --passwordbox-shadow: var(--cosmopolitan-elevation-semilight-offset-x) var(--cosmopolitan-elevation-semilight-offset-y) var(--cosmopolitan-elevation-semilight-blur) var(--cosmopolitan-elevation-semilight-spread) var(--cosmopolitan-elevation-semilight-color);
+  --passwordbox-shadow-blur: var(--cosmopolitan-elevation-semilight-blur);
+  --passwordbox-shadow-color: var(--cosmopolitan-elevation-semilight-color);
+  --passwordbox-shadow-offset-x: var(--cosmopolitan-elevation-semilight-offset-x);
+  --passwordbox-shadow-offset-y: var(--cosmopolitan-elevation-semilight-offset-y);
+  --passwordbox-shadow-spread: var(--cosmopolitan-elevation-semilight-spread);
+  --passwordbox-transition-duration: var(--mosaik-duration-short);
   --passwordbox-transition-mode: ease;
   --passwordbox-transition-property: background-color, color, border-color, opacity, box-shadow;
   --passwordbox-translate: none;

package/Controls/Components/Inputs/PasswordBox/Themes/PasswordBoxElement.Joy.js CHANGED Viewed

@@ -37,13 +37,13 @@ export function passwordBoxElementJoyStyle() {
   --passwordbox-padding-left: calc(var(--joy-layout-space) * 1.5);
   --passwordbox-padding-right: calc(var(--joy-layout-space) * 1.5);
   --passwordbox-padding-top: var(--joy-layout-space);
-  --passwordbox-shadow: var(--joy-elevation-semilight-offset-x-0) var(--joy-elevation-semilight-offset-y-0) var(--joy-elevation-semilight-blur-0) var(--joy-elevation-semilight-spread-0) var(--joy-elevation-semilight-color-0);
-  --passwordbox-shadow-blur: var(--joy-elevation-semilight-blur-0);
-  --passwordbox-shadow-color: var(--joy-elevation-semilight-color-0);
-  --passwordbox-shadow-offset-x: var(--joy-elevation-semilight-offset-x-0);
-  --passwordbox-shadow-offset-y: var(--joy-elevation-semilight-offset-y-0);
-  --passwordbox-shadow-spread: var(--joy-elevation-semilight-spread-0);
-  --passwordbox-transition-duration: var(--joy-duration-short);
+  --passwordbox-shadow: var(--joy-elevation-semilight-offset-x) var(--joy-elevation-semilight-offset-y) var(--joy-elevation-semilight-blur) var(--joy-elevation-semilight-spread) var(--joy-elevation-semilight-color);
+  --passwordbox-shadow-blur: var(--joy-elevation-semilight-blur);
+  --passwordbox-shadow-color: var(--joy-elevation-semilight-color);
+  --passwordbox-shadow-offset-x: var(--joy-elevation-semilight-offset-x);
+  --passwordbox-shadow-offset-y: var(--joy-elevation-semilight-offset-y);
+  --passwordbox-shadow-spread: var(--joy-elevation-semilight-spread);
+  --passwordbox-transition-duration: var(--mosaik-duration-short);
   --passwordbox-transition-mode: ease;
   --passwordbox-transition-property: background-color, color, border-color, opacity, box-shadow;
   --passwordbox-translate: none;

package/Controls/Components/Inputs/PasswordBox/Themes/PasswordBoxElement.Memphis.js CHANGED Viewed

@@ -37,12 +37,12 @@ export function passwordBoxElementMemphisStyle() {
   --passwordbox-padding-left: calc(var(--memphis-layout-space) * 1.5);
   --passwordbox-padding-right: calc(var(--memphis-layout-space) * 1.5);
   --passwordbox-padding-top: var(--memphis-layout-space);
-  --passwordbox-shadow: var(--memphis-elevation-semilight-offset-x-0) var(--memphis-elevation-semilight-offset-y-0) var(--memphis-elevation-semilight-blur-0) var(--memphis-elevation-semilight-spread-0) var(--memphis-elevation-semilight-color-0);
-  --passwordbox-shadow-blur: var(--memphis-elevation-semilight-blur-0);
-  --passwordbox-shadow-color: var(--memphis-elevation-semilight-color-0);
-  --passwordbox-shadow-offset-x: var(--memphis-elevation-semilight-offset-x-0);
-  --passwordbox-shadow-offset-y: var(--memphis-elevation-semilight-offset-y-0);
-  --passwordbox-shadow-spread: var(--memphis-elevation-semilight-spread-0);
+  --passwordbox-shadow: var(--memphis-elevation-semilight-offset-x) var(--memphis-elevation-semilight-offset-y) var(--memphis-elevation-semilight-blur) var(--memphis-elevation-semilight-spread) var(--memphis-elevation-semilight-color);
+  --passwordbox-shadow-blur: var(--memphis-elevation-semilight-blur);
+  --passwordbox-shadow-color: var(--memphis-elevation-semilight-color);
+  --passwordbox-shadow-offset-x: var(--memphis-elevation-semilight-offset-x);
+  --passwordbox-shadow-offset-y: var(--memphis-elevation-semilight-offset-y);
+  --passwordbox-shadow-spread: var(--memphis-elevation-semilight-spread);
   --passwordbox-transition-duration: .2s;
   --passwordbox-transition-mode: ease;
   --passwordbox-transition-property: background-color, color, border-color, opacity, box-shadow, translate;

package/Controls/Components/Inputs/PinBox/Themes/PinBoxElement.Cosmopolitan.js CHANGED Viewed

@@ -36,13 +36,13 @@ export function pinBoxElementCosmopolitanStyle() {
   --pinbox-padding-left: calc(var(--cosmopolitan-layout-space) * 1.5);
   --pinbox-padding-right: calc(var(--cosmopolitan-layout-space) * 1.5);
   --pinbox-padding-top: var(--cosmopolitan-layout-space);
-  --pinbox-shadow: var(--cosmopolitan-elevation-semilight-offset-x-0) var(--cosmopolitan-elevation-semilight-offset-y-0) var(--cosmopolitan-elevation-semilight-blur-0) var(--cosmopolitan-elevation-semilight-spread-0) var(--cosmopolitan-elevation-semilight-color-0);
-  --pinbox-shadow-blur: var(--cosmopolitan-elevation-semilight-blur-0);
-  --pinbox-shadow-color: var(--cosmopolitan-elevation-semilight-color-0);
-  --pinbox-shadow-offset-x: var(--cosmopolitan-elevation-semilight-offset-x-0);
-  --pinbox-shadow-offset-y: var(--cosmopolitan-elevation-semilight-offset-y-0);
-  --pinbox-shadow-spread: var(--cosmopolitan-elevation-semilight-spread-0);
-  --pinbox-transition-duration: var(--cosmopolitan-duration-short);
+  --pinbox-shadow: var(--cosmopolitan-elevation-semilight-offset-x) var(--cosmopolitan-elevation-semilight-offset-y) var(--cosmopolitan-elevation-semilight-blur) var(--cosmopolitan-elevation-semilight-spread) var(--cosmopolitan-elevation-semilight-color);
+  --pinbox-shadow-blur: var(--cosmopolitan-elevation-semilight-blur);
+  --pinbox-shadow-color: var(--cosmopolitan-elevation-semilight-color);
+  --pinbox-shadow-offset-x: var(--cosmopolitan-elevation-semilight-offset-x);
+  --pinbox-shadow-offset-y: var(--cosmopolitan-elevation-semilight-offset-y);
+  --pinbox-shadow-spread: var(--cosmopolitan-elevation-semilight-spread);
+  --pinbox-transition-duration: var(--mosaik-duration-short);
   --pinbox-transition-mode: ease;
   --pinbox-transition-property: background-color, color, border-color, opacity, box-shadow;
   --pinbox-translate: none;

package/Controls/Components/Inputs/PinBox/Themes/PinBoxElement.Joy.js CHANGED Viewed

@@ -37,13 +37,13 @@ export function pinBoxElementJoyStyle() {
   --pinbox-padding-left: calc(var(--joy-layout-space) * 1.5);
   --pinbox-padding-right: calc(var(--joy-layout-space) * 1.5);
   --pinbox-padding-top: var(--joy-layout-space);
-  --pinbox-shadow: var(--joy-elevation-semilight-offset-x-0) var(--joy-elevation-semilight-offset-y-0) var(--joy-elevation-semilight-blur-0) var(--joy-elevation-semilight-spread-0) var(--joy-elevation-semilight-color-0);
-  --pinbox-shadow-blur: var(--joy-elevation-semilight-blur-0);
-  --pinbox-shadow-color: var(--joy-elevation-semilight-color-0);
-  --pinbox-shadow-offset-x: var(--joy-elevation-semilight-offset-x-0);
-  --pinbox-shadow-offset-y: var(--joy-elevation-semilight-offset-y-0);
-  --pinbox-shadow-spread: var(--joy-elevation-semilight-spread-0);
-  --pinbox-transition-duration: var(--joy-duration-short);
+  --pinbox-shadow: var(--joy-elevation-semilight-offset-x) var(--joy-elevation-semilight-offset-y) var(--joy-elevation-semilight-blur) var(--joy-elevation-semilight-spread) var(--joy-elevation-semilight-color);
+  --pinbox-shadow-blur: var(--joy-elevation-semilight-blur);
+  --pinbox-shadow-color: var(--joy-elevation-semilight-color);
+  --pinbox-shadow-offset-x: var(--joy-elevation-semilight-offset-x);
+  --pinbox-shadow-offset-y: var(--joy-elevation-semilight-offset-y);
+  --pinbox-shadow-spread: var(--joy-elevation-semilight-spread);
+  --pinbox-transition-duration: var(--mosaik-duration-short);
   --pinbox-transition-mode: ease;
   --pinbox-transition-property: background-color, color, border-color, opacity, box-shadow;
   --pinbox-translate: none;

package/Controls/Components/Inputs/PinBox/Themes/PinBoxElement.Memphis.js CHANGED Viewed

@@ -36,12 +36,12 @@ export function pinBoxElementMemphisStyle() {
   --pinbox-padding-left: calc(var(--memphis-layout-space) * 1.5);
   --pinbox-padding-right: calc(var(--memphis-layout-space) * 1.5);
   --pinbox-padding-top: var(--memphis-layout-space);
-  --pinbox-shadow: var(--memphis-elevation-semilight-offset-x-0) var(--memphis-elevation-semilight-offset-y-0) var(--memphis-elevation-semilight-blur-0) var(--memphis-elevation-semilight-spread-0) var(--memphis-elevation-semilight-color-0);
-  --pinbox-shadow-blur: var(--memphis-elevation-semilight-blur-0);
-  --pinbox-shadow-color: var(--memphis-elevation-semilight-color-0);
-  --pinbox-shadow-offset-x: var(--memphis-elevation-semilight-offset-x-0);
-  --pinbox-shadow-offset-y: var(--memphis-elevation-semilight-offset-y-0);
-  --pinbox-shadow-spread: var(--memphis-elevation-semilight-spread-0);
+  --pinbox-shadow: var(--memphis-elevation-semilight-offset-x) var(--memphis-elevation-semilight-offset-y) var(--memphis-elevation-semilight-blur) var(--memphis-elevation-semilight-spread) var(--memphis-elevation-semilight-color);
+  --pinbox-shadow-blur: var(--memphis-elevation-semilight-blur);
+  --pinbox-shadow-color: var(--memphis-elevation-semilight-color);
+  --pinbox-shadow-offset-x: var(--memphis-elevation-semilight-offset-x);
+  --pinbox-shadow-offset-y: var(--memphis-elevation-semilight-offset-y);
+  --pinbox-shadow-spread: var(--memphis-elevation-semilight-spread);
   --pinbox-transition-duration: .2s;
   --pinbox-transition-mode: ease;
   --pinbox-transition-property: background-color, color, border-color, opacity, box-shadow;

package/Controls/Components/Inputs/Radio/Themes/RadioElement.Joy.js CHANGED Viewed

@@ -42,7 +42,7 @@ export function radioElementJoyStyle() {
   --radio-shadow-offset-x: unset;
   --radio-shadow-offset-y: unset;
   --radio-shadow-spread: unset;
-  --radio-transition-duration: var(--joy-duration-short);
+  --radio-transition-duration: var(--mosaik-duration-short);
   --radio-transition-mode: ease;
   --radio-transition-property: background-color, color, border-color, opacity, box-shadow;
   --radio-translate: none;

package/Controls/Components/Inputs/Radio/Themes/RadioElement.Memphis.js CHANGED Viewed

@@ -42,7 +42,7 @@ export function radioElementMemphisStyle() {
   --radio-shadow-offset-x: unset;
   --radio-shadow-offset-y: unset;
   --radio-shadow-spread: unset;
-  --radio-transition-duration: var(--memphis-duration-short);
+  --radio-transition-duration: var(--mosaik-duration-short);
   --radio-transition-mode: ease;
   --radio-transition-property: background-color, color, border-color, box-shadow, transform;
   --radio-translate: none;

package/Controls/Components/Inputs/Radio/Themes/RadioGroupElement.Cosmopolitan.js CHANGED Viewed

@@ -37,7 +37,7 @@ export function radioGroupElementCosmopolitanStyle() {
   --radio-group-shadow-offset-x: unset;
   --radio-group-shadow-offset-y: unset;
   --radio-group-shadow-spread: unset;
-  --radio-group-transition-duration: var(--cosmopolitan-duration-short);
+  --radio-group-transition-duration: var(--mosaik-duration-short);
   --radio-group-transition-mode: ease;
   --radio-group-transition-property: background-color, color, border-color, box-shadow, transform;
   --radio-group-translate: none;

package/Controls/Components/Inputs/Radio/Themes/RadioGroupElement.Joy.js CHANGED Viewed

@@ -37,7 +37,7 @@ export function radioGroupElementJoyStyle() {
   --radio-group-shadow-offset-x: unset;
   --radio-group-shadow-offset-y: unset;
   --radio-group-shadow-spread: unset;
-  --radio-group-transition-duration: var(--joy-duration-short);
+  --radio-group-transition-duration: var(--mosaik-duration-short);
   --radio-group-transition-mode: ease;
   --radio-group-transition-property: background-color, color, border-color, box-shadow, transform;
   --radio-group-translate: none;

package/Controls/Components/Inputs/Radio/Themes/RadioGroupElement.Memphis.js CHANGED Viewed

@@ -37,7 +37,7 @@ export function radioGroupElementMemphisStyle() {
   --radio-group-shadow-offset-x: unset;
   --radio-group-shadow-offset-y: unset;
   --radio-group-shadow-spread: unset;
-  --radio-group-transition-duration: var(--memphis-duration-short);
+  --radio-group-transition-duration: var(--mosaik-duration-short);
   --radio-group-transition-mode: ease;
   --radio-group-transition-property: background-color, color, border-color, box-shadow, transform;
   --radio-group-translate: none;

package/Controls/Components/Inputs/RichTextBox/Themes/RichTextBoxElement.Cosmopolitan.js CHANGED Viewed

@@ -43,7 +43,7 @@ export function richTextBoxElementCosmopolitanStyle() {
   --richtextbox-shadow-offset-y: unset;
   --richtextbox-shadow-spread: unset;
   --richtextbox-toolbox-border-color: unset;
-  --richtextbox-transition-duration: var(--cosmopolitan-duration-short);
+  --richtextbox-transition-duration: var(--mosaik-duration-short);
   --richtextbox-transition-mode: ease;
   --richtextbox-transition-property: background-color, color, border-color, opacity, box-shadow;
   --richtextbox-translate: none;

package/Controls/Components/Inputs/RichTextBox/Themes/RichTextBoxElement.Joy.js CHANGED Viewed

@@ -43,7 +43,7 @@ export function richTextBoxElementJoyStyle() {
   --richtextbox-shadow-offset-x: unset;
   --richtextbox-shadow-offset-y: unset;
   --richtextbox-shadow-spread: unset;
-  --richtextbox-transition-duration: var(--joy-duration-short);
+  --richtextbox-transition-duration: var(--mosaik-duration-short);
   --richtextbox-transition-mode: ease;
   --richtextbox-transition-property: background-color, color, border-color, opacity, box-shadow;
   --richtextbox-translate: none;

package/Controls/Components/Inputs/Scheduler/Themes/SchedulerElement.Cosmopolitan.js CHANGED Viewed

@@ -82,7 +82,7 @@ export function schedulerElementCosmopolitanStyle() {
   --scheduler-shadow-spread: unset;
   --scheduler-timescale-width: 80px;
   --scheduler-today-background-color: var(--cosmopolitan-scheme-semi-transparent);
-  --scheduler-transition-duration: var(--cosmopolitan-duration-short);
+  --scheduler-transition-duration: var(--mosaik-duration-short);
   --scheduler-transition-mode: ease;
   --scheduler-transition-property: background-color, color, border-color;
   --scheduler-translate: none;

package/Controls/Components/Inputs/Scheduler/Themes/SchedulerElement.Joy.js CHANGED Viewed

@@ -82,7 +82,7 @@ export function schedulerElementJoyStyle() {
   --scheduler-shadow-spread: unset;
   --scheduler-timescale-width: 80px;
   --scheduler-today-background-color: var(--joy-scheme-semi-transparent);
-  --scheduler-transition-duration: var(--joy-duration-short);
+  --scheduler-transition-duration: var(--mosaik-duration-short);
   --scheduler-transition-mode: ease;
   --scheduler-transition-property: background-color, color, border-color;
   --scheduler-translate: none;

package/Controls/Components/Inputs/Scheduler/Themes/SchedulerElement.Memphis.js CHANGED Viewed

@@ -82,7 +82,7 @@ export function schedulerElementMemphisStyle() {
   --scheduler-shadow-spread: unset;
   --scheduler-timescale-width: 80px;
   --scheduler-today-background-color: var(--memphis-scheme-semi-transparent);
-  --scheduler-transition-duration: var(--memphis-duration-short);
+  --scheduler-transition-duration: var(--mosaik-duration-short);
   --scheduler-transition-mode: ease;
   --scheduler-transition-property: background-color, color, border-color;
   --scheduler-translate: none;

package/Controls/Components/Inputs/Scheduler/Themes/SchedulerEventElement.Cosmopolitan.js CHANGED Viewed

@@ -51,12 +51,12 @@ export function schedulerEventElementCosmopolitanStyle() {
   --scheduler-event-padding-top: unset;
   --scheduler-event-ripple-color: unset;
   --scheduler-event-ripple-duration: .2s;
-  --scheduler-event-shadow: var(--cosmopolitan-elevation-light-offset-x-1) var(--cosmopolitan-elevation-light-offset-y-1) var(--cosmopolitan-elevation-light-blur-1) var(--cosmopolitan-elevation-light-spread-1) var(--cosmopolitan-elevation-light-color-1);
-  --scheduler-event-shadow-blur: var(--cosmopolitan-elevation-light-blur-1);
-  --scheduler-event-shadow-color: var(--cosmopolitan-elevation-light-color-1);
-  --scheduler-event-shadow-offset-x: var(--cosmopolitan-elevation-light-offset-x-1);
-  --scheduler-event-shadow-offset-y: var(--cosmopolitan-elevation-light-offset-y-1);
-  --scheduler-event-shadow-spread: var(--cosmopolitan-elevation-light-spread-1);
+  --scheduler-event-shadow: var(--cosmopolitan-elevation-light-offset-x) var(--cosmopolitan-elevation-light-offset-y) var(--cosmopolitan-elevation-light-blur) var(--cosmopolitan-elevation-light-spread) var(--cosmopolitan-elevation-light-color);
+  --scheduler-event-shadow-blur: var(--cosmopolitan-elevation-light-blur);
+  --scheduler-event-shadow-color: var(--cosmopolitan-elevation-light-color);
+  --scheduler-event-shadow-offset-x: var(--cosmopolitan-elevation-light-offset-x);
+  --scheduler-event-shadow-offset-y: var(--cosmopolitan-elevation-light-offset-y);
+  --scheduler-event-shadow-spread: var(--cosmopolitan-elevation-light-spread);
   --scheduler-event-transition-duration: var(--cosmopolitan-motion-duration);
   --scheduler-event-transition-mode: var(--cosmopolitan-motion-mode);
   --scheduler-event-transition-property: background-color, box-shadow, transform;

package/Controls/Components/Inputs/Scheduler/Themes/SchedulerEventElement.Joy.js CHANGED Viewed

@@ -51,13 +51,13 @@ export function schedulerEventElementJoyStyle() {
   --scheduler-event-padding-top: unset;
   --scheduler-event-ripple-color: unset;
   --scheduler-event-ripple-duration: .2s;
-  --scheduler-event-shadow: var(--joy-elevation-light-offset-x-1) var(--joy-elevation-light-offset-y-1) var(--joy-elevation-light-blur-1) var(--joy-elevation-light-spread-1) var(--joy-elevation-light-color-1);
-  --scheduler-event-shadow-blur: var(--joy-elevation-light-blur-1);
-  --scheduler-event-shadow-color: var(--joy-elevation-light-color-1);
-  --scheduler-event-shadow-offset-x: var(--joy-elevation-light-offset-x-1);
-  --scheduler-event-shadow-offset-y: var(--joy-elevation-light-offset-y-1);
-  --scheduler-event-shadow-spread: var(--joy-elevation-light-spread-1);
-  --scheduler-event-transition-duration: var(--joy-duration-medium);
+  --scheduler-event-shadow: var(--joy-elevation-light-offset-x) var(--joy-elevation-light-offset-y) var(--joy-elevation-light-blur) var(--joy-elevation-light-spread) var(--joy-elevation-light-color);
+  --scheduler-event-shadow-blur: var(--joy-elevation-light-blur);
+  --scheduler-event-shadow-color: var(--joy-elevation-light-color);
+  --scheduler-event-shadow-offset-x: var(--joy-elevation-light-offset-x);
+  --scheduler-event-shadow-offset-y: var(--joy-elevation-light-offset-y);
+  --scheduler-event-shadow-spread: var(--joy-elevation-light-spread);
+  --scheduler-event-transition-duration: var(--mosaik-duration-medium);
   --scheduler-event-transition-mode: ease;
   --scheduler-event-transition-property: background-color, box-shadow, transform;
   --scheduler-event-translate: none;

package/Controls/Components/Inputs/Scheduler/Themes/SchedulerEventElement.Memphis.js CHANGED Viewed

@@ -51,12 +51,12 @@ export function schedulerEventElementMemphisStyle() {
   --scheduler-event-padding-top: unset;
   --scheduler-event-ripple-color: unset;
   --scheduler-event-ripple-duration: .2s;
-  --scheduler-event-shadow: var(--memphis-elevation-light-offset-x-1) var(--memphis-elevation-light-offset-y-1) var(--memphis-elevation-light-blur-1) var(--memphis-elevation-light-spread-1) var(--memphis-elevation-light-color-1);
-  --scheduler-event-shadow-blur: var(--memphis-elevation-light-blur-1);
-  --scheduler-event-shadow-color: var(--memphis-elevation-light-color-1);
-  --scheduler-event-shadow-offset-x: var(--memphis-elevation-light-offset-x-1);
-  --scheduler-event-shadow-offset-y: var(--memphis-elevation-light-offset-y-1);
-  --scheduler-event-shadow-spread: var(--memphis-elevation-light-spread-1);
+  --scheduler-event-shadow: var(--memphis-elevation-light-offset-x) var(--memphis-elevation-light-offset-y) var(--memphis-elevation-light-blur) var(--memphis-elevation-light-spread) var(--memphis-elevation-light-color);
+  --scheduler-event-shadow-blur: var(--memphis-elevation-light-blur);
+  --scheduler-event-shadow-color: var(--memphis-elevation-light-color);
+  --scheduler-event-shadow-offset-x: var(--memphis-elevation-light-offset-x);
+  --scheduler-event-shadow-offset-y: var(--memphis-elevation-light-offset-y);
+  --scheduler-event-shadow-spread: var(--memphis-elevation-light-spread);
   --scheduler-event-transition-duration: var(--memphis-motion-duration);
   --scheduler-event-transition-mode: var(--memphis-motion-mode);
   --scheduler-event-transition-property: background-color, box-shadow, transform;

package/Controls/Components/Inputs/Scheduler/Themes/SchedulerNowIndicatorElement.Cosmopolitan.js CHANGED Viewed

@@ -34,7 +34,7 @@ export function schedulerNowIndicatorElementCosmopolitanStyle() {
   --scheduler-now-indicator-shadow-offset-x: unset;
   --scheduler-now-indicator-shadow-offset-y: unset;
   --scheduler-now-indicator-shadow-spread: unset;
-  --scheduler-now-indicator-transition-duration: var(--cosmopolitan-duration-short);
+  --scheduler-now-indicator-transition-duration: var(--mosaik-duration-short);
   --scheduler-now-indicator-transition-mode: ease;
   --scheduler-now-indicator-transition-property: top;
   --scheduler-now-indicator-translate: none;

package/Controls/Components/Inputs/Scheduler/Themes/SchedulerNowIndicatorElement.Joy.js CHANGED Viewed

@@ -34,7 +34,7 @@ export function schedulerNowIndicatorElementJoyStyle() {
   --scheduler-now-indicator-shadow-offset-x: unset;
   --scheduler-now-indicator-shadow-offset-y: unset;
   --scheduler-now-indicator-shadow-spread: unset;
-  --scheduler-now-indicator-transition-duration: var(--joy-duration-short);
+  --scheduler-now-indicator-transition-duration: var(--mosaik-duration-short);
   --scheduler-now-indicator-transition-mode: ease;
   --scheduler-now-indicator-transition-property: top;
   --scheduler-now-indicator-translate: none;

package/Controls/Components/Inputs/Scheduler/Themes/SchedulerNowIndicatorElement.Memphis.js CHANGED Viewed

@@ -34,7 +34,7 @@ export function schedulerNowIndicatorElementMemphisStyle() {
   --scheduler-now-indicator-shadow-offset-x: unset;
   --scheduler-now-indicator-shadow-offset-y: unset;
   --scheduler-now-indicator-shadow-spread: unset;
-  --scheduler-now-indicator-transition-duration: var(--memphis-duration-short);
+  --scheduler-now-indicator-transition-duration: var(--mosaik-duration-short);
   --scheduler-now-indicator-transition-mode: ease;
   --scheduler-now-indicator-transition-property: top;
   --scheduler-now-indicator-translate: none;

package/Controls/Components/Inputs/SearchBox/Themes/SearchBoxElement.Cosmopolitan.js CHANGED Viewed

@@ -37,13 +37,13 @@ export function searchBoxElementCosmopolitanStyle() {
   --searchbox-padding-left: calc(var(--cosmopolitan-layout-space) * 1.5);
   --searchbox-padding-right: calc(var(--cosmopolitan-layout-space) * 1.5);
   --searchbox-padding-top: var(--cosmopolitan-layout-space);
-  --searchbox-shadow: var(--cosmopolitan-elevation-semilight-offset-x-0) var(--cosmopolitan-elevation-semilight-offset-y-0) var(--cosmopolitan-elevation-semilight-blur-0) var(--cosmopolitan-elevation-semilight-spread-0) var(--cosmopolitan-elevation-semilight-color-0);
-  --searchbox-shadow-blur: var(--cosmopolitan-elevation-semilight-blur-0);
-  --searchbox-shadow-color: var(--cosmopolitan-elevation-semilight-color-0);
-  --searchbox-shadow-offset-x: var(--cosmopolitan-elevation-semilight-offset-x-0);
-  --searchbox-shadow-offset-y: var(--cosmopolitan-elevation-semilight-offset-y-0);
-  --searchbox-shadow-spread: var(--cosmopolitan-elevation-semilight-spread-0);
-  --searchbox-transition-duration: var(--cosmopolitan-duration-short);
+  --searchbox-shadow: var(--cosmopolitan-elevation-semilight-offset-x) var(--cosmopolitan-elevation-semilight-offset-y) var(--cosmopolitan-elevation-semilight-blur) var(--cosmopolitan-elevation-semilight-spread) var(--cosmopolitan-elevation-semilight-color);
+  --searchbox-shadow-blur: var(--cosmopolitan-elevation-semilight-blur);
+  --searchbox-shadow-color: var(--cosmopolitan-elevation-semilight-color);
+  --searchbox-shadow-offset-x: var(--cosmopolitan-elevation-semilight-offset-x);
+  --searchbox-shadow-offset-y: var(--cosmopolitan-elevation-semilight-offset-y);
+  --searchbox-shadow-spread: var(--cosmopolitan-elevation-semilight-spread);
+  --searchbox-transition-duration: var(--mosaik-duration-short);
   --searchbox-transition-mode: ease;
   --searchbox-transition-property: all;
   --searchbox-translate: none;

package/Controls/Components/Inputs/SearchBox/Themes/SearchBoxElement.Joy.js CHANGED Viewed

@@ -37,13 +37,13 @@ export function searchBoxElementJoyStyle() {
   --searchbox-padding-left: calc(var(--joy-layout-space) * 1.5);
   --searchbox-padding-right: calc(var(--joy-layout-space) * 1.5);
   --searchbox-padding-top: var(--joy-layout-space);
-  --searchbox-shadow: var(--joy-elevation-semilight-offset-x-0) var(--joy-elevation-semilight-offset-y-0) var(--joy-elevation-semilight-blur-0) var(--joy-elevation-semilight-spread-0) var(--joy-elevation-semilight-color-0);
-  --searchbox-shadow-blur: var(--joy-elevation-semilight-blur-0);
-  --searchbox-shadow-color: var(--joy-elevation-semilight-color-0);
-  --searchbox-shadow-offset-x: var(--joy-elevation-semilight-offset-x-0);
-  --searchbox-shadow-offset-y: var(--joy-elevation-semilight-offset-y-0);
-  --searchbox-shadow-spread: var(--joy-elevation-semilight-spread-0);
-  --searchbox-transition-duration: var(--joy-duration-short);
+  --searchbox-shadow: var(--joy-elevation-semilight-offset-x) var(--joy-elevation-semilight-offset-y) var(--joy-elevation-semilight-blur) var(--joy-elevation-semilight-spread) var(--joy-elevation-semilight-color);
+  --searchbox-shadow-blur: var(--joy-elevation-semilight-blur);
+  --searchbox-shadow-color: var(--joy-elevation-semilight-color);
+  --searchbox-shadow-offset-x: var(--joy-elevation-semilight-offset-x);
+  --searchbox-shadow-offset-y: var(--joy-elevation-semilight-offset-y);
+  --searchbox-shadow-spread: var(--joy-elevation-semilight-spread);
+  --searchbox-transition-duration: var(--mosaik-duration-short);
   --searchbox-transition-mode: ease;
   --searchbox-transition-property: all;
   --searchbox-translate: none;

package/Controls/Components/Inputs/SearchBox/Themes/SearchBoxElement.Memphis.js CHANGED Viewed

@@ -37,12 +37,12 @@ export function searchBoxElementMemphisStyle() {
   --searchbox-padding-left: calc(var(--memphis-layout-space) * 1.5);
   --searchbox-padding-right: calc(var(--memphis-layout-space) * 1.5);
   --searchbox-padding-top: var(--memphis-layout-space);
-  --searchbox-shadow: var(--memphis-elevation-semilight-offset-x-0) var(--memphis-elevation-semilight-offset-y-0) var(--memphis-elevation-semilight-blur-0) var(--memphis-elevation-semilight-spread-0) var(--memphis-elevation-semilight-color-0);
-  --searchbox-shadow-blur: var(--memphis-elevation-semilight-blur-0);
-  --searchbox-shadow-color: var(--memphis-elevation-semilight-color-0);
-  --searchbox-shadow-offset-x: var(--memphis-elevation-semilight-offset-x-0);
-  --searchbox-shadow-offset-y: var(--memphis-elevation-semilight-offset-y-0);
-  --searchbox-shadow-spread: var(--memphis-elevation-semilight-spread-0);
+  --searchbox-shadow: var(--memphis-elevation-semilight-offset-x) var(--memphis-elevation-semilight-offset-y) var(--memphis-elevation-semilight-blur) var(--memphis-elevation-semilight-spread) var(--memphis-elevation-semilight-color);
+  --searchbox-shadow-blur: var(--memphis-elevation-semilight-blur);
+  --searchbox-shadow-color: var(--memphis-elevation-semilight-color);
+  --searchbox-shadow-offset-x: var(--memphis-elevation-semilight-offset-x);
+  --searchbox-shadow-offset-y: var(--memphis-elevation-semilight-offset-y);
+  --searchbox-shadow-spread: var(--memphis-elevation-semilight-spread);
   --searchbox-transition-duration: .2s;
   --searchbox-transition-mode: ease;
   --searchbox-transition-property: background-color, color, border-color, opacity, box-shadow, translate;

package/Controls/Components/Inputs/Select/Themes/SelectElement.Cosmopolitan.js CHANGED Viewed

@@ -41,7 +41,7 @@ export function selectElementCosmopolitanStyle() {
   --select-shadow-offset-x: unset;
   --select-shadow-offset-y: unset;
   --select-shadow-spread: unset;
-  --select-transition-duration: var(--cosmopolitan-duration-short);
+  --select-transition-duration: var(--mosaik-duration-short);
   --select-transition-mode: ease;
   --select-transition-property: all;
   --select-translate: none;

package/Controls/Components/Inputs/Select/Themes/SelectElement.Joy.js CHANGED Viewed

@@ -42,7 +42,7 @@ export function selectElementJoyStyle() {
   --select-shadow-offset-x: unset;
   --select-shadow-offset-y: unset;
   --select-shadow-spread: unset;
-  --select-transition-duration: var(--joy-duration-short);
+  --select-transition-duration: var(--mosaik-duration-short);
   --select-transition-mode: ease;
   --select-transition-property: transform;
   --select-translate: none;

package/Controls/Components/Inputs/Select/Themes/SelectElement.Memphis.js CHANGED Viewed

@@ -41,7 +41,7 @@ export function selectElementMemphisStyle() {
   --select-shadow-offset-x: unset;
   --select-shadow-offset-y: unset;
   --select-shadow-spread: unset;
-  --select-transition-duration: var(--memphis-duration-short);
+  --select-transition-duration: var(--mosaik-duration-short);
   --select-transition-mode: ease;
   --select-transition-property: background-color, color, border-color, box-shadow, transform;
   --select-translate: none;

package/Controls/Components/Inputs/Select/Themes/SelectItemElement.Cosmopolitan.js CHANGED Viewed

@@ -43,7 +43,7 @@ export function selectItemElementCosmopolitanStyle() {
   --select-item-shadow-offset-x: unset;
   --select-item-shadow-offset-y: unset;
   --select-item-shadow-spread: unset;
-  --select-item-transition-duration: var(--cosmopolitan-duration-short);
+  --select-item-transition-duration: var(--mosaik-duration-short);
   --select-item-transition-mode: ease;
   --select-item-transition-property: all;
   --select-item-translate: none;

package/Controls/Components/Inputs/Select/Themes/SelectItemElement.Joy.js CHANGED Viewed

@@ -43,7 +43,7 @@ export function selectItemElementJoyStyle() {
   --select-item-shadow-offset-x: unset;
   --select-item-shadow-offset-y: unset;
   --select-item-shadow-spread: unset;
-  --select-item-transition-duration: var(--joy-duration-short);
+  --select-item-transition-duration: var(--mosaik-duration-short);
   --select-item-transition-mode: ease;
   --select-item-transition-property: all;
   --select-item-translate: none;

package/Controls/Components/Inputs/Select/Themes/SelectItemElement.Memphis.js CHANGED Viewed

@@ -43,7 +43,7 @@ export function selectItemElementMemphisStyle() {
   --select-item-shadow-offset-x: unset;
   --select-item-shadow-offset-y: unset;
   --select-item-shadow-spread: unset;
-  --select-item-transition-duration: var(--memphis-duration-short);
+  --select-item-transition-duration: var(--mosaik-duration-short);
   --select-item-transition-mode: ease;
   --select-item-transition-property: background-color, color, border-color, box-shadow, transform;
   --select-item-translate: none;

package/Controls/Components/Inputs/Select/Themes/SelectItemGroupElement.Joy.js CHANGED Viewed

@@ -48,7 +48,7 @@ export function selectItemGroupElementJoyStyle() {
   --select-item-group-shadow-offset-x: unset;
   --select-item-group-shadow-offset-y: unset;
   --select-item-group-shadow-spread: unset;
-  --select-item-group-transition-duration: var(--joy-duration-short);
+  --select-item-group-transition-duration: var(--mosaik-duration-short);
   --select-item-group-transition-mode: ease;
   --select-item-group-transition-property: background-color, color, border-color, box-shadow;
   --select-item-group-translate: none;

package/Controls/Components/Inputs/SignaturePad/Themes/SignaturePadElement.Cosmopolitan.js CHANGED Viewed

@@ -41,7 +41,7 @@ export function signaturePadElementCosmopolitanStyle() {
   --signaturepad-shadow-offset-x: unset;
   --signaturepad-shadow-offset-y: unset;
   --signaturepad-shadow-spread: unset;
-  --signaturepad-transition-duration: var(--cosmopolitan-duration-short);
+  --signaturepad-transition-duration: var(--mosaik-duration-short);
   --signaturepad-transition-mode: ease;
   --signaturepad-transition-property: all;
   --signaturepad-translate: none;

package/Controls/Components/Inputs/SignaturePad/Themes/SignaturePadElement.Joy.js CHANGED Viewed

@@ -42,7 +42,7 @@ export function signaturePadElementJoyStyle() {
   --signaturepad-shadow-offset-x: unset;
   --signaturepad-shadow-offset-y: unset;
   --signaturepad-shadow-spread: unset;
-  --signaturepad-transition-duration: var(--joy-duration-short);
+  --signaturepad-transition-duration: var(--mosaik-duration-short);
   --signaturepad-transition-mode: ease;
   --signaturepad-transition-property: all;
   --signaturepad-translate: none;