@enact/limestone 1.10.0 → 1.10.2

package/styles/colors.less

@@ -133,16 +133,14 @@
 @lime-checkbox-border-selected-focused-color: @lime-checkbox-border-selected-color;
 @lime-checkbox-border-selected-disabled-color: @lime-checkbox-border-selected-color;
 @lime-checkbox-border-selected-disabled-focused-color: @lime-checkbox-border-selected-color;
-@lime-checkbox-border-disabled-color: @lime-checkbox-border-color;
-@lime-checkbox-border-disabled-focused-color: @lime-checkbox-border-focused-color;
 @lime-checkbox-border-indeterminate-color: var(--semantic-color-stroke-selection-inactive);
 @lime-checkbox-border-indeterminate-focused-color: var(--semantic-color-stroke-selection-inactive-focused);
-@lime-checkbox-border-indeterminate-disabled-color: @lime-checkbox-border-indeterminate-color;
-@lime-checkbox-border-indeterminate-disabled-focused-color: @lime-checkbox-border-indeterminate-focused-color;
 
 // CheckboxItem
 // ---------------------------------------
 @lime-checkboxitem-item-container-selected-color: transparent;
+@lime-checkboxitem-form-label-main-focused-color: var(--semantic-color-on-background-main);
+@lime-checkboxitem-form-label-main-disabled-focused-color: inherit;
 
 // ContextualPopup
 // ---------------------------------------
@@ -266,6 +264,7 @@
 @lime-item-label-sub-selected-color: var(--semantic-color-on-background-sub);
 @lime-item-container-selected-color: ~"color(from" var(--semantic-color-surface-default-translucent) ~"srgb r g b / 0.1)";
 @lime-item-container-disabled-focused-color: var(--semantic-color-surface-default-disabled-focused);
+@lime-item-focus-background: '';
 
 // KeyGuide
 // ---------------------------------------
@@ -327,7 +326,7 @@
 // ---------------------------------------
 @lime-progressbar-track-color: ~"color(from" var(--semantic-color-surface-default-track) ~"srgb r g b / 0.7)";
 @lime-progressbar-track-buffer-color: ~"color(from" var(--semantic-color-surface-white) ~"srgb r g b / 0.5)";
-@lime-progressbar-track-active-color: var(--semantic-color-surface-accent);
+@lime-progressbar-track-active-color: var(--semantic-color-surface-white);
 @lime-progressbar-track-active-focused-color: var(--semantic-color-surface-default-focused);
 
 // ProgressButton
@@ -371,13 +370,13 @@
 @lime-slider-min-max-color: var(--semantic-color-on-background-sub);
 @lime-slider-track-color: ~"color(from" var(--semantic-color-surface-default-track) ~"srgb r g b / 0.7)";
 @lime-slider-track-buffer-color: ~"color(from" var(--semantic-color-surface-white) ~"srgb r g b / 0.5)";
-@lime-slider-track-active-color: var(--semantic-color-surface-accent);
-@lime-slider-track-active-focused-color: var(--semantic-color-surface-accent);
-@lime-slider-handle-color: var(--semantic-color-surface-default-handle);
-@lime-slider-handle-colorPicker-focused-color: var(--semantic-color-surface-white);
+@lime-slider-track-active-color: var(--semantic-color-surface-white);
+@lime-slider-track-active-focused-color: var(--semantic-color-surface-white);
+@lime-slider-handle-color: var(--semantic-color-surface-white);
+@lime-slider-handle-colorPicker-outline-color: var(--semantic-color-surface-white);
 @lime-slider-handle-border-color: transparent;
 @lime-slider-handle-focused-border-color: @lime-slider-handle-border-color;
-@lime-slider-handle-focused-color: var(--semantic-color-surface-default-focused);
+@lime-slider-handle-focused-color: var(--semantic-color-surface-white);
 @lime-slider-handle-disabled-color: transparent;
 @lime-slider-handle-focused-shadow: 0 24px 36px @lime-shadow-color;
 @lime-slider-disabled-bar-opacity: 0.3;

package/styles/mixins.less

@@ -38,13 +38,6 @@
 	}
 }
 
-.lime-item-icon-tap-area-adjust() {
-	&.small > .small-icon-tap-area {
-		left: -@lime-spotlight-outset;
-		right: -@lime-spotlight-outset;
-	}
-}
-
 .lime-word-break() {
 	overflow-wrap: break-word;
 	word-break: keep-all;
@@ -179,23 +172,6 @@
 //
 // Custom Text Size Mixins
 //
-// 1 arg: Shorthand for just setting the font size in custom-text mode
-.lime-custom-text-size(@latin-size) {
-	.lime-custom-text({
-		font-size: @latin-size;
-	});
-}
-// 2 args: Shorthand for just setting the font size of both latin and non-latin in custom-text mode
-.lime-custom-text-size(@latin-size; @non-latin-size) {
-	.lime-custom-text(
-	{
-		font-size: @latin-size;
-	};
-	{
-		font-size: @non-latin-size;
-	});
-}
-
 // 1 arg: Generic rule applicator, accepts an entire rule-set to add for large text mode
 .lime-custom-text(@lrules) when (isruleset(@lrules)) {
 	&:global(.largeText) {
@@ -220,20 +196,6 @@
 // Text definitions
 //
 
-.lime-alert-title() {
-	.lime-font(@lime-alert-font-family; @lime-non-latin-font-family-light);
-	.enact-locale-line-height(@lime-alert-line-height; @lime-tallglyph-body-line-height);
-	font-size: @lime-alert-title-font-size;
-	font-weight: @lime-alert-font-weight;
-}
-
-.lime-alert-subtitle() {
-	.lime-font(@lime-alert-font-family; @lime-non-latin-font-family-light);
-	.enact-locale-line-height(@lime-alert-line-height);
-	font-size: @lime-alert-subtitle-font-size;
-	font-weight: @lime-alert-font-weight;
-}
-
 .lime-alert-overlay-content() {
 	.lime-font(@lime-alert-font-family; @lime-non-latin-font-family-light);
 	.enact-locale-line-height(@lime-alert-line-height; @lime-tallglyph-body-line-height);
@@ -292,14 +254,6 @@
 	.font-kerning();
 }
 
-// Uses Webkit specific styles to have multi-line ellipsis
-.lime-multi-line-ellipsis(@lines) {
-	overflow: hidden;
-	display: -webkit-box;
-	-webkit-line-clamp: @lines;
-	-webkit-box-orient: vertical;
-}
-
 // Add an extension to the .enact-locale-line-height mixin defined in ~@ui which has defaults specific to limestone.
 //
 // Set line-height for normal and tallglyphs with 0, 1 or 2 arguments

package/styles/motion-mixins.less

@@ -2,12 +2,6 @@
 @import "./motions.less";
 @import "./mixins.less";
 
-/* ---------------------------------------
-Motion Variables
------------------------------------------- */
-@lime-bounce-motion: var(--lime-bounce-motion);
-@lime-check-motion: var(--lime-check-motion);
-
 /* ---------------------------------------
 Motion Mixins
 ------------------------------------------ */
@@ -63,4 +57,19 @@ Motion Mixins
 .lime-slider-release-motion() {
 	transform: @lime-translate-center @lime-slider-release-transform;
 	transition: transform var(--lime-release-motion-duration) var(--lime-release-motion-easing-function);
-}
+}
+
+.lime-iconitem-focus-in-motion() {
+	transform: @lime-iconitem-focus-transform;
+	transition: transform var(--lime-focus-in-motion-duration) var(--lime-focus-in-motion-easing-function);
+}
+
+.lime-iconitem-press-motion() {
+	transform: @lime-iconitem-pressed-transform;
+	transition: transform var(--lime-press-motion-duration) var(--lime-press-motion-easing-function);
+}
+
+.lime-iconitem-release-motion() {
+	transform: @lime-iconitem-release-transform;
+	transition: transform var(--lime-release-motion-duration) var(--lime-release-motion-easing-function);
+}

package/styles/motions.less

@@ -40,8 +40,8 @@ Animations properties
 	--lime-bounce-motion-easing-function: var(--lime-default-motion-easing-function);
 	--lime-focus-in-motion-easing-function: var(--lime-EIO-motion-easing-function);
 	--lime-focus-out-motion-easing-function: var(--lime-EO-motion-easing-function);
-	--lime-press-motion-easing-function: var(--lime-EIO-motion-easing-function);
-	--lime-release-motion-easing-function: var(--lime-EO-motion-easing-function);
+	--lime-press-motion-easing-function: var(--lime-EO-motion-easing-function);
+	--lime-release-motion-easing-function: var(--lime-EIO-motion-easing-function);
 
 	/* ---------------------------------------
 	Keyframes names