@triptease/stylesheet 1.2.1 → 1.2.3

package/dist/base.css

@@ -1,5 +1,5 @@
 /*
- * @triptease/stylesheet v1.2.1
+ * @triptease/stylesheet v1.2.3
  */
 @import url('https://fonts.googleapis.com/css?family=Roboto:400,500') layer(base);
 @import url('https://fonts.googleapis.com/css?family=Inter:300,500,600,700') layer(base);
@@ -317,7 +317,7 @@ button {
 @property --button-hover-color {
   syntax: '<color>';
   inherits: true;
-  initial-value: #0D0C0D;
+  initial-value: inherit;
 }
 
 @property --button-focus-outline-color {
@@ -414,6 +414,7 @@ button,
     --button-background-color: var(--color-surface-200);
     --button-color: var(--color-primary-400);
     --button-border: 1px solid var(--color-border);
+    --button-hover-color: var(--color-primary-500);
     box-shadow:
       inset 0 -2px 2px 0 rgba(224, 225, 229, 0.56),
       inset 0 0 0 2px rgba(255, 255, 255, 0.4),
@@ -421,7 +422,6 @@ button,
 
     &:hover:not(:disabled):not([aria-disabled='true']) {
       --button-border: 1px solid var(--color-primary-500);
-      --button-color: var(--color-primary-500);
     }
 
     &:disabled {
@@ -611,6 +611,61 @@ button,
 }
 }
 @layer base{
+@property --input-horizontal-spacing {
+  syntax: '<length>';
+  inherits: true;
+  initial-value: 1rem;
+}
+
+@property --input-background-color {
+  syntax: '<color>';
+  inherits: true;
+  initial-value: #FFFFFF;
+}
+
+@property --input-border-color {
+  syntax: '<color>';
+  inherits: true;
+  initial-value: #C5C8CE;
+}
+
+@property --input-border-width {
+  syntax: '<length>';
+  inherits: true;
+  initial-value: 1px;
+}
+
+@property --input-color {
+  syntax: '*';
+  inherits: true;
+  initial-value: inherit;
+}
+
+@property --input-height {
+  syntax: '<length>';
+  inherits: true;
+  initial-value: 2.5rem;
+}
+
+@property --input-vertical-spacing {
+  syntax: '<length>';
+  inherits: true;
+  initial-value: 0;
+}
+
+@property --placeholder-color {
+  syntax: '<color>';
+  inherits: true;
+  initial-value: #575157;
+}
+
+@property --input-focus-border-color {
+  syntax: '<color>';
+  inherits: true;
+  initial-value: #5E43C2;
+}
+}
+@layer base{
 
 @property --checkbox-size {
   syntax: '<length>';
@@ -812,7 +867,7 @@ input[type='number'] {
 input[type='number']::-webkit-inner-spin-button {
   position: absolute;
   top: var(--space-scale-0-5);
-  right: var(--input-horizontal-spacing);
+  right: var(--input-horizontal-spacing, var(--space-scale-2));
   height: calc(100% - var(--space-scale-1));
 }
 }
@@ -875,61 +930,6 @@ input[type='radio'] {
 }
 }
 @layer base{
-
-@property --input-horizontal-spacing {
-  syntax: '<length>';
-  inherits: true;
-  initial-value: 1rem;
-}
-
-@property --input-background-color {
-  syntax: '<color>';
-  inherits: true;
-  initial-value: #FFFFFF;
-}
-
-@property --input-border-color {
-  syntax: '<color>';
-  inherits: true;
-  initial-value: #C5C8CE;
-}
-
-@property --input-border-width {
-  syntax: '<length>';
-  inherits: true;
-  initial-value: 1px;
-}
-
-@property --input-color {
-  syntax: '*';
-  inherits: true;
-  initial-value: inherit;
-}
-
-@property --input-height {
-  syntax: '<length>';
-  inherits: true;
-  initial-value: 2.5rem;
-}
-
-@property --input-vertical-spacing {
-  syntax: '<length>';
-  inherits: true;
-  initial-value: 0;
-}
-
-@property --placeholder-color {
-  syntax: '<color>';
-  inherits: true;
-  initial-value: #575157;
-}
-
-@property --input-focus-border-color {
-  syntax: '<color>';
-  inherits: true;
-  initial-value: #5E43C2;
-}
-
 input:not([type='checkbox'], [type='radio']),
 textarea {
   -webkit-appearance: none;

package/dist/blocks.css

@@ -1,5 +1,5 @@
 /*
- * @triptease/stylesheet v1.2.1
+ * @triptease/stylesheet v1.2.3
  */
 /*
   Suppress "invalid at-rule" warnings: @import-glob is a build-time feature

package/dist/compositions.css

@@ -1,5 +1,5 @@
 /*
- * @triptease/stylesheet v1.2.1
+ * @triptease/stylesheet v1.2.3
  */
 /*
   Suppress "invalid at-rule" warnings: @import-glob is a build-time feature

package/dist/exceptions.css

@@ -1,5 +1,5 @@
 /*
- * @triptease/stylesheet v1.2.1
+ * @triptease/stylesheet v1.2.3
  */
 /*
   Suppress "invalid at-rule" warnings: @import-glob is a build-time feature

package/dist/triptease.css

@@ -1,5 +1,5 @@
 /*
- * @triptease/stylesheet v1.2.1
+ * @triptease/stylesheet v1.2.3
  */
 @import url('https://fonts.googleapis.com/css?family=Roboto:400,500') layer(base);
 @import url('https://fonts.googleapis.com/css?family=Inter:300,500,600,700') layer(base);
@@ -317,7 +317,7 @@ button {
 @property --button-hover-color {
   syntax: '<color>';
   inherits: true;
-  initial-value: #0D0C0D;
+  initial-value: inherit;
 }
 
 @property --button-focus-outline-color {
@@ -414,6 +414,7 @@ button,
     --button-background-color: var(--color-surface-200);
     --button-color: var(--color-primary-400);
     --button-border: 1px solid var(--color-border);
+    --button-hover-color: var(--color-primary-500);
     box-shadow:
       inset 0 -2px 2px 0 rgba(224, 225, 229, 0.56),
       inset 0 0 0 2px rgba(255, 255, 255, 0.4),
@@ -421,7 +422,6 @@ button,
 
     &:hover:not(:disabled):not([aria-disabled='true']) {
       --button-border: 1px solid var(--color-primary-500);
-      --button-color: var(--color-primary-500);
     }
 
     &:disabled {
@@ -611,6 +611,61 @@ button,
 }
 }
 @layer base{
+@property --input-horizontal-spacing {
+  syntax: '<length>';
+  inherits: true;
+  initial-value: 1rem;
+}
+
+@property --input-background-color {
+  syntax: '<color>';
+  inherits: true;
+  initial-value: #FFFFFF;
+}
+
+@property --input-border-color {
+  syntax: '<color>';
+  inherits: true;
+  initial-value: #C5C8CE;
+}
+
+@property --input-border-width {
+  syntax: '<length>';
+  inherits: true;
+  initial-value: 1px;
+}
+
+@property --input-color {
+  syntax: '*';
+  inherits: true;
+  initial-value: inherit;
+}
+
+@property --input-height {
+  syntax: '<length>';
+  inherits: true;
+  initial-value: 2.5rem;
+}
+
+@property --input-vertical-spacing {
+  syntax: '<length>';
+  inherits: true;
+  initial-value: 0;
+}
+
+@property --placeholder-color {
+  syntax: '<color>';
+  inherits: true;
+  initial-value: #575157;
+}
+
+@property --input-focus-border-color {
+  syntax: '<color>';
+  inherits: true;
+  initial-value: #5E43C2;
+}
+}
+@layer base{
 
 @property --checkbox-size {
   syntax: '<length>';
@@ -812,7 +867,7 @@ input[type='number'] {
 input[type='number']::-webkit-inner-spin-button {
   position: absolute;
   top: var(--space-scale-0-5);
-  right: var(--input-horizontal-spacing);
+  right: var(--input-horizontal-spacing, var(--space-scale-2));
   height: calc(100% - var(--space-scale-1));
 }
 }
@@ -875,61 +930,6 @@ input[type='radio'] {
 }
 }
 @layer base{
-
-@property --input-horizontal-spacing {
-  syntax: '<length>';
-  inherits: true;
-  initial-value: 1rem;
-}
-
-@property --input-background-color {
-  syntax: '<color>';
-  inherits: true;
-  initial-value: #FFFFFF;
-}
-
-@property --input-border-color {
-  syntax: '<color>';
-  inherits: true;
-  initial-value: #C5C8CE;
-}
-
-@property --input-border-width {
-  syntax: '<length>';
-  inherits: true;
-  initial-value: 1px;
-}
-
-@property --input-color {
-  syntax: '*';
-  inherits: true;
-  initial-value: inherit;
-}
-
-@property --input-height {
-  syntax: '<length>';
-  inherits: true;
-  initial-value: 2.5rem;
-}
-
-@property --input-vertical-spacing {
-  syntax: '<length>';
-  inherits: true;
-  initial-value: 0;
-}
-
-@property --placeholder-color {
-  syntax: '<color>';
-  inherits: true;
-  initial-value: #575157;
-}
-
-@property --input-focus-border-color {
-  syntax: '<color>';
-  inherits: true;
-  initial-value: #5E43C2;
-}
-
 input:not([type='checkbox'], [type='radio']),
 textarea {
   -webkit-appearance: none;

package/dist/utilities.css

@@ -1,5 +1,5 @@
 /*
- * @triptease/stylesheet v1.2.1
+ * @triptease/stylesheet v1.2.3
  */
 /*
   Suppress "invalid at-rule" warnings: @import-glob is a build-time feature

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@triptease/stylesheet",
-  "version": "1.2.1",
+  "version": "1.2.3",
   "description": "The stylesheet for the Triptease design system",
   "main": "dist/triptease.css",
   "type": "module",
@@ -15,6 +15,7 @@
     "@csstools/postcss-design-tokens": "^4.0.5",
     "autoprefixer": "^10.4.20",
     "concurrently": "^9.1.0",
+    "http-server": "^14.1.1",
     "lit": "^3.3.0",
     "postcss": "^8.4.49",
     "postcss-banner": "^4.0.1",