@cambly/syntax-core 10.0.0 → 10.2.0-beta.1

package/dist/Button/Button.css

@@ -1,171 +1,174 @@
-/* css-module:/home/runner/work/syntax/syntax/packages/syntax-core/src/colors/colors.module.css/#css-module-data */
-._inheritColor_11l4y_2 {
+/* css-module:/Users/christian/cambly/syntax/packages/syntax-core/src/colors/colors.module.css/#css-module-data */
+._inheritColor_2qqen_2 {
   color: inherit;
 }
-._destructive700Color_11l4y_6 {
+._yellowSecondaryBackgroundColor_2qqen_6 {
+  background-color: #fff7bd;
+}
+._destructive700Color_2qqen_10 {
   color: var(--color-base-destructive-700);
 }
-._gray700Color_11l4y_10 {
+._gray700Color_2qqen_14 {
   color: var(--color-base-gray-700);
 }
-._gray900Color_11l4y_14 {
-  color: var(--color-base-gray-900);
+._gray900Color_2qqen_18 {
+  color: #1e1e19;
 }
-._primary700Color_11l4y_18 {
+._primary700Color_2qqen_22 {
   color: var(--color-base-primary-700);
 }
-._success700Color_11l4y_22 {
+._success700Color_2qqen_26 {
   color: var(--color-base-success-700);
 }
-._whiteColor_11l4y_26 {
+._whiteColor_2qqen_30 {
   color: var(--color-base-white);
 }
-._blackBackgroundColor_11l4y_31 {
+._blackBackgroundColor_2qqen_35 {
   background-color: var(--color-base-black);
 }
-._destructive100BackgroundColor_11l4y_35 {
+._destructive100BackgroundColor_2qqen_39 {
   background-color: var(--color-base-destructive-100);
 }
-._destructive200BackgroundColor_11l4y_39 {
+._destructive200BackgroundColor_2qqen_43 {
   background-color: var(--color-base-destructive-200);
 }
-._destructive300BackgroundColor_11l4y_43 {
+._destructive300BackgroundColor_2qqen_47 {
   background-color: var(--color-base-destructive-300);
 }
-._destructive700BackgroundColor_11l4y_47 {
+._destructive700BackgroundColor_2qqen_51 {
   background-color: var(--color-base-destructive-700);
 }
-._destructive800BackgroundColor_11l4y_51 {
+._destructive800BackgroundColor_2qqen_55 {
   background-color: var(--color-base-destructive-800);
 }
-._destructive900BackgroundColor_11l4y_55 {
+._destructive900BackgroundColor_2qqen_59 {
   background-color: var(--color-base-destructive-900);
 }
-._gray10BackgroundColor_11l4y_59 {
+._gray10BackgroundColor_2qqen_63 {
   background-color: var(--color-base-gray-10);
 }
-._gray30BackgroundColor_11l4y_63 {
+._gray30BackgroundColor_2qqen_67 {
   background-color: var(--color-base-gray-30);
 }
-._gray60BackgroundColor_11l4y_67 {
+._gray60BackgroundColor_2qqen_71 {
   background-color: var(--color-base-gray-60);
 }
-._gray80BackgroundColor_11l4y_71 {
+._gray80BackgroundColor_2qqen_75 {
   background-color: var(--color-base-gray-80);
 }
-._gray100BackgroundColor_11l4y_75 {
+._gray100BackgroundColor_2qqen_79 {
   background-color: var(--color-base-gray-100);
 }
-._gray200BackgroundColor_11l4y_79 {
+._gray200BackgroundColor_2qqen_83 {
   background-color: var(--color-base-gray-200);
 }
-._gray300BackgroundColor_11l4y_83 {
+._gray300BackgroundColor_2qqen_87 {
   background-color: var(--color-base-gray-300);
 }
-._gray700BackgroundColor_11l4y_87 {
+._gray700BackgroundColor_2qqen_91 {
   background-color: var(--color-base-gray-700);
 }
-._gray800BackgroundColor_11l4y_91 {
+._gray800BackgroundColor_2qqen_95 {
   background-color: var(--color-base-gray-800);
 }
-._gray900BackgroundColor_11l4y_95 {
+._gray900BackgroundColor_2qqen_99 {
   background-color: var(--color-base-gray-900);
 }
-._orange100BackgroundColor_11l4y_99 {
+._orange100BackgroundColor_2qqen_103 {
   background-color: var(--color-base-orange-100);
 }
-._orange200BackgroundColor_11l4y_103 {
+._orange200BackgroundColor_2qqen_107 {
   background-color: var(--color-base-orange-200);
 }
-._orange300BackgroundColor_11l4y_107 {
+._orange300BackgroundColor_2qqen_111 {
   background-color: var(--color-base-orange-300);
 }
-._orange700BackgroundColor_11l4y_111 {
+._orange700BackgroundColor_2qqen_115 {
   background-color: var(--color-base-orange-700);
 }
-._orange800BackgroundColor_11l4y_115 {
+._orange800BackgroundColor_2qqen_119 {
   background-color: var(--color-base-orange-800);
 }
-._orange900BackgroundColor_11l4y_119 {
+._orange900BackgroundColor_2qqen_123 {
   background-color: var(--color-base-orange-900);
 }
-._primary100BackgroundColor_11l4y_123 {
+._primary100BackgroundColor_2qqen_127 {
   background-color: var(--color-base-primary-100);
 }
-._primary200BackgroundColor_11l4y_127 {
+._primary200BackgroundColor_2qqen_131 {
   background-color: var(--color-base-primary-200);
 }
-._primary300BackgroundColor_11l4y_131 {
+._primary300BackgroundColor_2qqen_135 {
   background-color: var(--color-base-primary-300);
 }
-._primary700BackgroundColor_11l4y_135 {
+._primary700BackgroundColor_2qqen_139 {
   background-color: var(--color-base-primary-700);
 }
-._primary800BackgroundColor_11l4y_139 {
+._primary800BackgroundColor_2qqen_143 {
   background-color: var(--color-base-primary-800);
 }
-._primary900BackgroundColor_11l4y_143 {
+._primary900BackgroundColor_2qqen_147 {
   background-color: var(--color-base-primary-900);
 }
-._success100BackgroundColor_11l4y_147 {
+._success100BackgroundColor_2qqen_151 {
   background-color: var(--color-base-success-100);
 }
-._success200BackgroundColor_11l4y_151 {
+._success200BackgroundColor_2qqen_155 {
   background-color: var(--color-base-success-200);
 }
-._success300BackgroundColor_11l4y_155 {
+._success300BackgroundColor_2qqen_159 {
   background-color: var(--color-base-success-300);
 }
-._success700BackgroundColor_11l4y_159 {
+._success700BackgroundColor_2qqen_163 {
   background-color: var(--color-base-success-700);
 }
-._success800BackgroundColor_11l4y_163 {
+._success800BackgroundColor_2qqen_167 {
   background-color: var(--color-base-success-800);
 }
-._success900BackgroundColor_11l4y_167 {
+._success900BackgroundColor_2qqen_171 {
   background-color: var(--color-base-success-900);
 }
-._purple100BackgroundColor_11l4y_171 {
+._purple100BackgroundColor_2qqen_175 {
   background-color: var(--color-base-purple-100);
 }
-._purple200BackgroundColor_11l4y_175 {
+._purple200BackgroundColor_2qqen_179 {
   background-color: var(--color-base-purple-200);
 }
-._purple300BackgroundColor_11l4y_179 {
+._purple300BackgroundColor_2qqen_183 {
   background-color: var(--color-base-purple-300);
 }
-._purple700BackgroundColor_11l4y_183 {
+._purple700BackgroundColor_2qqen_187 {
   background-color: var(--color-base-purple-700);
 }
-._purple800BackgroundColor_11l4y_187 {
+._purple800BackgroundColor_2qqen_191 {
   background-color: var(--color-base-purple-800);
 }
-._purple900BackgroundColor_11l4y_191 {
+._purple900BackgroundColor_2qqen_195 {
   background-color: var(--color-base-purple-900);
 }
-._whiteBackgroundColor_11l4y_195 {
+._whiteBackgroundColor_2qqen_199 {
   background-color: var(--color-base-white);
 }
-._yellow100BackgroundColor_11l4y_199 {
+._yellow100BackgroundColor_2qqen_203 {
   background-color: var(--color-base-yellow-100);
 }
-._yellow200BackgroundColor_11l4y_203 {
+._yellow200BackgroundColor_2qqen_207 {
   background-color: var(--color-base-yellow-200);
 }
-._yellow300BackgroundColor_11l4y_207 {
+._yellow300BackgroundColor_2qqen_211 {
   background-color: var(--color-base-yellow-300);
 }
-._yellow700BackgroundColor_11l4y_211 {
+._yellow700BackgroundColor_2qqen_215 {
   background-color: var(--color-base-yellow-700);
 }
-._yellow800BackgroundColor_11l4y_215 {
+._yellow800BackgroundColor_2qqen_219 {
   background-color: var(--color-base-yellow-800);
 }
-._yellow900BackgroundColor_11l4y_219 {
+._yellow900BackgroundColor_2qqen_223 {
   background-color: var(--color-base-yellow-900);
 }
 
-/* css-module:/home/runner/work/syntax/syntax/packages/syntax-core/src/Typography/Typography.module.css/#css-module-data */
+/* css-module:/Users/christian/cambly/syntax/packages/syntax-core/src/Typography/Typography.module.css/#css-module-data */
 ._typography_1vnry_1 {
   font-family:
     -apple-system,
@@ -246,7 +249,7 @@
   word-break: break-word;
 }
 
-/* css-module:/home/runner/work/syntax/syntax/packages/syntax-core/src/Box/Box.module.css/#css-module-data */
+/* css-module:/Users/christian/cambly/syntax/packages/syntax-core/src/Box/Box.module.css/#css-module-data */
 ._box_bg9pe_1 {
   box-sizing: border-box;
 }
@@ -585,7 +588,7 @@
   position: sticky;
 }
 
-/* css-module:/home/runner/work/syntax/syntax/packages/syntax-core/src/Box/margin.module.css/#css-module-data */
+/* css-module:/Users/christian/cambly/syntax/packages/syntax-core/src/Box/margin.module.css/#css-module-data */
 ._marginBottom-12_1whn1_2 {
   margin-bottom: -48px;
 }
@@ -1527,7 +1530,7 @@
   }
 }
 
-/* css-module:/home/runner/work/syntax/syntax/packages/syntax-core/src/Box/padding.module.css/#css-module-data */
+/* css-module:/Users/christian/cambly/syntax/packages/syntax-core/src/Box/padding.module.css/#css-module-data */
 ._paddingX0_1aqye_2 {
   padding-left: 0;
   padding-right: 0;
@@ -1845,7 +1848,7 @@
   }
 }
 
-/* css-module:/home/runner/work/syntax/syntax/packages/syntax-core/src/rounding.module.css/#css-module-data */
+/* css-module:/Users/christian/cambly/syntax/packages/syntax-core/src/rounding.module.css/#css-module-data */
 ._roundingsm_1bo6p_2 {
   border-radius: 8px;
 }
@@ -1862,81 +1865,85 @@
   border-radius: 999px;
 }
 
-/* css-module:/home/runner/work/syntax/syntax/packages/syntax-core/src/Button/Button.module.css/#css-module-data */
-._button_1iunh_1 {
+/* css-module:/Users/christian/cambly/syntax/packages/syntax-core/src/Button/Button.module.css/#css-module-data */
+._button_1xp8u_1 {
   border: none;
   display: flex;
   flex-direction: row;
   align-items: center;
   justify-content: center;
+  border-radius: 999px;
 }
-._buttonGap_1iunh_9 {
+._buttonGap_1xp8u_10 {
   gap: 4px;
 }
-._button_1iunh_1:hover {
+._button_1xp8u_1:hover {
   background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.1) 0%, rgba(0, 0, 0, 0.1) 100%);
   transition-duration: 0.2s;
   cursor: pointer;
 }
-._button_1iunh_1:focus-visible {
+._button_1xp8u_1:focus-visible {
   background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.2) 0%, rgba(0, 0, 0, 0.2) 100%);
   box-shadow: 0 0 0 4px #000;
   outline: solid 2px #fff;
 }
-._button_1iunh_1:active {
+._button_1xp8u_1:active {
   background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.2) 0%, rgba(0, 0, 0, 0.2) 100%);
   transform: scale(0.97);
   transition-duration: 0.2s;
 }
-._button_1iunh_1:disabled {
+._button_1xp8u_1:disabled {
   filter: opacity(50%);
   background-image: none;
   transform: none;
   cursor: auto;
 }
-._fullWidth_1iunh_50 {
+._fullWidth_1xp8u_51 {
   width: 100%;
 }
-._sm_1iunh_54 {
+._sm_1xp8u_55 {
   min-width: 52px;
   height: 32px;
   padding: 0 12px;
-  border-radius: 8px;
 }
-._md_1iunh_61 {
+._md_1xp8u_61 {
   min-width: 72px;
-  height: 40px;
-  padding: 0 16px;
-  border-radius: 12px;
-}
-._lg_1iunh_68 {
-  min-width: 88px;
   height: 48px;
   padding: 0 20px;
-  border-radius: 16px;
 }
-._icon_1iunh_75 {
+._lg_1xp8u_67 {
+  min-width: 88px;
+  height: 60px;
+  padding: 0 40px;
+}
+._icon_1xp8u_73 {
   color: inherit;
 }
-._smIcon_1iunh_79 {
+._smIcon_1xp8u_77 {
   width: 16px !important;
   height: 16px !important;
 }
-._mdIcon_1iunh_86 {
+._mdIcon_1xp8u_84 {
   width: 20px !important;
   height: 20px !important;
 }
-._lgIcon_1iunh_93 {
+._lgIcon_1xp8u_91 {
   width: 24px !important;
   height: 24px !important;
 }
-._secondaryBorder_1iunh_100 {
-  border: 1px solid var(--color-base-primary-300);
+._secondaryBorder_1xp8u_98 {
+  border: 2px solid var(--color-base-yellow-700);
+}
+._tertiaryBorder_1xp8u_102 {
+  border: 2px solid #5a5550;
+}
+._secondaryDestructiveBorder_1xp8u_106 {
+  border: 2px solid var(--color-base-destructive-300);
 }
-._secondaryDestructiveBorder_1iunh_104 {
-  border: 1px solid var(--color-base-destructive-300);
+._tertiaryDestructiveBorder_1xp8u_110 {
+  border: 2px solid #ffdcd6;
 }
-@keyframes _syntaxButtonLoadingRotate_1iunh_1 {
+@keyframes _syntaxButtonLoadingRotate_1xp8u_1 {
   0% {
     transform-origin: 50% 50%;
   }
@@ -1944,10 +1951,10 @@
     transform: rotate(360deg);
   }
 }
-._loading_1iunh_118 {
-  animation: _syntaxButtonLoadingRotate_1iunh_1 1.4s linear infinite;
+._loading_1xp8u_124 {
+  animation: _syntaxButtonLoadingRotate_1xp8u_1 1.4s linear infinite;
 }
-._loadingCircle_1iunh_122 {
+._loadingCircle_1xp8u_128 {
   stroke: currentcolor;
   stroke-dasharray: 80px, 200px;
   stroke-dashoffset: 0;