💄eds-tokens: add registered properties

equinor · Oct 23, 2024 · 403438e · 403438e
1 parent 5131ad8
commit 403438e
Show file tree

Hide file tree

Showing 10 changed files with 176 additions and 4 deletions.
diff --git a/packages/eds-tokens/build/css/index-trimmed.css b/packages/eds-tokens/build/css/index-trimmed.css
@@ -1,3 +1,4 @@
+@import 'registered-properties.css';
 @import 'color-setup.css';
 @import 'color/colors-trimmed.css';
 @import 'spacing-setup.css';

diff --git a/packages/eds-tokens/build/css/index-verbose.css b/packages/eds-tokens/build/css/index-verbose.css
@@ -1,7 +1,8 @@
+@import 'registered-properties.css';
 @import 'color/primitives-trimmed.css';
 @import 'color-setup.css';
 @import 'color/simple-semantic-verbose.css';
 @import 'color/colors-verbose.css';
 @import 'spacing-setup.css';
 @import 'spacing/primitives-trimmed.css';
-@import 'spacing/spacing-verbose.css';
+@import 'spacing/spacing-verbose.css';
diff --git a/packages/eds-tokens/build/css/registered-properties.css b/packages/eds-tokens/build/css/registered-properties.css
@@ -0,0 +1,42 @@
+/*Reusable registered custom properties used to resolve values */
+@property --captured-size-1 {
+  syntax: "<length>";
+  initial-value: 0px;
+  inherits: false;
+}
+
+@property --captured-size-2 {
+  syntax: "<length>";
+  initial-value: 0px;
+  inherits: false;
+}
+
+@property --captured-size-3 {
+  syntax: "<length>";
+  initial-value: 0px;
+  inherits: false;
+}
+
+@property --captured-color-1 {
+  syntax: "<color>";
+  initial-value: transparent;
+  inherits: false;
+}
+
+@property --captured-color-2 {
+  syntax: "<color>";
+  initial-value: transparent;
+  inherits: false;
+}
+
+@property --captured-color-3 {
+  syntax: "<color>";
+  initial-value: transparent;
+  inherits: false;
+}
+
+@property --captured-color-4 {
+  syntax: "<color>";
+  initial-value: transparent;
+  inherits: false;
+}
diff --git a/packages/eds-tokens/build/css/variables-trimmed.css b/packages/eds-tokens/build/css/variables-trimmed.css
@@ -1,3 +1,45 @@
+@property --captured-size-1 {
+  syntax: "<length>";
+  inherits: false;
+  initial-value: 0;
+}
+
+@property --captured-size-2 {
+  syntax: "<length>";
+  inherits: false;
+  initial-value: 0;
+}
+
+@property --captured-size-3 {
+  syntax: "<length>";
+  inherits: false;
+  initial-value: 0;
+}
+
+@property --captured-color-1 {
+  syntax: "<color>";
+  inherits: false;
+  initial-value: #0000;
+}
+
+@property --captured-color-2 {
+  syntax: "<color>";
+  inherits: false;
+  initial-value: #0000;
+}
+
+@property --captured-color-3 {
+  syntax: "<color>";
+  inherits: false;
+  initial-value: #0000;
+}
+
+@property --captured-color-4 {
+  syntax: "<color>";
+  inherits: false;
+  initial-value: #0000;
+}
+
 :root, [data-color-scheme="light"] {
   color-scheme: light;
 }

diff --git a/packages/eds-tokens/build/css/variables-trimmed.min.css b/packages/eds-tokens/build/css/variables-trimmed.min.css
diff --git a/packages/eds-tokens/build/css/variables-verbose.css b/packages/eds-tokens/build/css/variables-verbose.css
@@ -1,3 +1,45 @@
+@property --captured-size-1 {
+  syntax: "<length>";
+  inherits: false;
+  initial-value: 0;
+}
+
+@property --captured-size-2 {
+  syntax: "<length>";
+  inherits: false;
+  initial-value: 0;
+}
+
+@property --captured-size-3 {
+  syntax: "<length>";
+  inherits: false;
+  initial-value: 0;
+}
+
+@property --captured-color-1 {
+  syntax: "<color>";
+  inherits: false;
+  initial-value: #0000;
+}
+
+@property --captured-color-2 {
+  syntax: "<color>";
+  inherits: false;
+  initial-value: #0000;
+}
+
+@property --captured-color-3 {
+  syntax: "<color>";
+  inherits: false;
+  initial-value: #0000;
+}
+
+@property --captured-color-4 {
+  syntax: "<color>";
+  inherits: false;
+  initial-value: #0000;
+}
+
 :root {
   --eds-color-neutral-0: #fff;
   --eds-color-neutral-100: #f7f7f7;

diff --git a/packages/eds-tokens/build/css/variables-verbose.min.css b/packages/eds-tokens/build/css/variables-verbose.min.css
diff --git a/packages/eds-tokens/src/css/index-trimmed.css b/packages/eds-tokens/src/css/index-trimmed.css
@@ -1,3 +1,4 @@
+@import 'registered-properties.css';
 @import 'color-setup.css';
 @import 'color/colors-trimmed.css';
 @import 'spacing-setup.css';

diff --git a/packages/eds-tokens/src/css/index-verbose.css b/packages/eds-tokens/src/css/index-verbose.css
@@ -1,7 +1,8 @@
+@import 'registered-properties.css';
 @import 'color/primitives-trimmed.css';
 @import 'color-setup.css';
 @import 'color/simple-semantic-verbose.css';
 @import 'color/colors-verbose.css';
 @import 'spacing-setup.css';
 @import 'spacing/primitives-trimmed.css';
-@import 'spacing/spacing-verbose.css';
+@import 'spacing/spacing-verbose.css';
diff --git a/packages/eds-tokens/src/css/registered-properties.css b/packages/eds-tokens/src/css/registered-properties.css
@@ -0,0 +1,42 @@
+/*Reusable registered custom properties used to resolve values */
+@property --captured-size-1 {
+  syntax: "<length>";
+  initial-value: 0px;
+  inherits: false;
+}
+
+@property --captured-size-2 {
+  syntax: "<length>";
+  initial-value: 0px;
+  inherits: false;
+}
+
+@property --captured-size-3 {
+  syntax: "<length>";
+  initial-value: 0px;
+  inherits: false;
+}
+
+@property --captured-color-1 {
+  syntax: "<color>";
+  initial-value: transparent;
+  inherits: false;
+}
+
+@property --captured-color-2 {
+  syntax: "<color>";
+  initial-value: transparent;
+  inherits: false;
+}
+
+@property --captured-color-3 {
+  syntax: "<color>";
+  initial-value: transparent;
+  inherits: false;
+}
+
+@property --captured-color-4 {
+  syntax: "<color>";
+  initial-value: transparent;
+  inherits: false;
+}