@team_yumi/ramen 0.4.0-next.20240213-c1b7366-5e6e50bf9c327bad04e3c309991bdff0 → 1.0.0-next.20240216-5d091ea-20addde4c09e463fd468f5238d101f1f

package/css/themes/arcus.theme.css

@@ -0,0 +1,36 @@
+:root {
+  /**
+  * @tokens Colors:Arcus:Primary
+  * @presenter Color
+  */
+  /* Primary */
+  --brand-colors-arcus-primary-arcus-green: #2CDFA6;
+  --brand-colors-arcus-primary-arcus-gradient: linear-gradient(65deg, #2CDFA6 16.03%, #F9FF02 83.97%);
+  /**
+  * @tokens-end
+  */
+
+  /**
+  * @tokens Colors:Arcus:Secondary
+  * @presenter Color
+  */
+  /* Secondary */
+  --brand-colors-arcus-secondary-purple: #4D54C8;
+  --brand-colors-arcus-secondary-pink: #F15DDB;
+  --brand-colors-arcus-secondary-red: #EB4849;
+  --brand-colors-arcus-secondary-orange: #FF953B;
+  --brand-colors-arcus-secondary-green: #11A279;
+  --brand-colors-arcus-secondary-blue: #4A96FF;
+  /**
+  * @tokens-end
+  */
+
+  /**
+  * Arcus global
+  */
+  --primary-color: var(--brand-colors-arcus-primary-arcus-green);
+  --primary-color-contrast: var(--neutral-black);
+  --primary-color-gradient: linear-gradient(65deg, #2CDFA6 16.03%, #F9FF02 83.97%);
+  --primary-color-tab: linear-gradient(#FFFFFF, #FFFFFF) padding-box, linear-gradient(65deg, #2CDFA6 16.03%, #F9FF02 83.97%) border-box;
+  --primary-color-border-input: linear-gradient(65deg, #2CDFA6 16.03%, #F9FF02 83.97%);
+}

package/css/themes/default.theme.css

@@ -0,0 +1,5 @@
+:root {
+  --primary-color: var(--neutral-black);
+  --primary-color-contrast: var(--neutral-white);
+  --button-radius: var(--xbox-rounding-pill);
+}

package/css/themes/easy.theme.css

@@ -0,0 +1,5 @@
+:root {
+  --primary-color: #E00109;
+  --primary-color-contrast: #FFFFFF;
+  --button-radius: 0.5rem;
+}

package/css/themes/jumbo.theme.css

@@ -0,0 +1,5 @@
+:root {
+  --primary-color: #0a8920;
+  --primary-color-contrast: #FFFFFF;
+  --button-radius: 0.8rem;
+}

package/css/themes/paris.theme.css

@@ -0,0 +1,4 @@
+:root {
+  --primary-color: #006DFF;
+  --primary-color-contrast: #FFFFFF;
+}

package/css/themes/spid.theme.css

@@ -0,0 +1,4 @@
+:root {
+  --primary-color: #E8308A;
+  --primary-color-contrast: #FFFFFF;
+}

package/css/tokens/fonts.css

@@ -0,0 +1,5 @@
+@import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@300;400;500;600;700&display=swap');
+
+body {
+  font-family: 'Open Sans', sans-serif;
+}

package/css/{size.css → tokens/size.css}

@@ -19,6 +19,7 @@
 
   --xbox-border-default: calc(0.625 * var(--grid));
   --xbox-border-small: calc(0.5 * var(--grid));
+
   --xbox-rounding-s: var(--grid);
   --xbox-rounding-m: calc(2 * var(--grid));
   --xbox-rounding-l: calc(4 * var(--grid));