@salla.sa/twilight-components 2.14.521 → 2.14.523

package/dist/collection/components/salla-user-settings/salla-user-settings.css

@@ -0,0 +1,137 @@
+.s-modal-header-inner {
+  display: flex;
+  flex-direction: column !important;
+  align-items: center !important;
+  justify-content: center !important;
+}
+
+.s-modal-header-content {
+  text-align: center !important;
+}
+
+.s-user-settings-delete-body {
+  text-align: center;
+}
+.s-user-settings-delete-icon {
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  width: 4rem;
+  height: 4rem;
+  border-radius: 9999px;
+  border: 1px solid var(--infinte-color);
+  color: var(--infinte-color);
+  margin: 0 auto 1rem;
+}
+.s-user-settings-delete-icon svg {
+  width: 1.5rem;
+  height: 1.5rem;
+}
+.s-user-settings-delete-warning {
+  color: #6b7280;
+  font-size: 0.875rem;
+  line-height: 1.625;
+  margin-bottom: 1.25rem;
+}
+.s-user-settings-delete-actions--row {
+  display: flex;
+  gap: 0.75rem;
+  justify-content: center;
+}
+.s-user-settings-delete-actions--row salla-button {
+  flex: 1;
+}
+.s-user-settings-delete-actions--stack {
+  display: flex;
+  flex-direction: column;
+  gap: 0.75rem;
+  margin-top: 1.25rem;
+}
+.s-user-settings-delete-otp-instruction {
+  color: #6b7280;
+  font-size: 0.875rem;
+}
+.s-user-settings-delete-otp-target {
+  color: #6b7280;
+  direction: ltr;
+  margin-bottom: 1.25rem;
+}
+.s-user-settings-delete-otp-codes {
+  display: flex;
+  justify-content: stretch;
+  gap: 0.75rem;
+  direction: ltr;
+  margin-bottom: 0.75rem;
+  width: 100%;
+}
+.s-user-settings-delete-otp-codes.has-error {
+  margin-bottom: 0;
+}
+.s-user-settings-delete-otp-input {
+  flex: 1 1 0;
+  min-width: 0;
+  width: 100%;
+  height: 3.5rem;
+  text-align: center;
+  border: 1px solid #d1d5db;
+  border-radius: 0.5rem;
+  font-size: 1.25rem;
+  font-weight: 600;
+  color: #111827;
+  outline: none;
+}
+.s-user-settings-delete-otp-input:focus {
+  border-color: #004956;
+  box-shadow: 0 0 0 1px #004956;
+}
+.s-user-settings-delete-otp-input.s-has-error {
+  border-color: #ef4444 !important;
+}
+.s-user-settings-delete-otp-input.s-has-error:focus {
+  border-color: #ef4444 !important;
+  box-shadow: 0 0 0 1px #ef4444;
+}
+.s-user-settings-delete-otp-input::-webkit-outer-spin-button, .s-user-settings-delete-otp-input::-webkit-inner-spin-button {
+  -webkit-appearance: none;
+  margin: 0;
+}
+.s-user-settings-delete-otp-input[type=text] {
+  -moz-appearance: textfield;
+}
+.s-user-settings-delete-otp-error {
+  display: block;
+  color: #ef4444;
+  font-size: 0.75rem;
+  text-align: center;
+  padding-top: 0.75rem;
+  margin-bottom: 1.25rem;
+}
+.s-user-settings-delete-otp-resend {
+  color: #6b7280;
+  font-size: 0.75rem;
+  margin-top: 1rem;
+  text-align: center;
+}
+.s-user-settings-delete-otp-timer {
+  font-weight: 600;
+  direction: ltr;
+  display: inline-block;
+}
+.s-user-settings-delete-otp-resend-link {
+  display: block;
+  color: #004956;
+  font-size: 0.875rem;
+  margin-top: 1rem;
+  text-align: center;
+  text-decoration: underline;
+  cursor: pointer;
+}
+.s-user-settings-delete-success-body {
+  color: #6b7280;
+  font-size: 0.875rem;
+  line-height: 1.625;
+  margin-bottom: 1.25rem;
+}
+.s-user-settings-delete-success-btn {
+  --s-button-color: #004956;
+}