preview-styles.css

/**
 * Copyright (c) 2025, WSO2 LLC. (https://www.wso2.com).
 *
 * WSO2 LLC. licenses this file to you under the Apache License,
 * Version 2.0 (the "License"); you may not use this file except
 * in compliance with the License.
 * You may obtain a copy of the License at
 *
 *     http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing,
 * software distributed under the License is distributed on an
 * "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY
 * KIND, either express or implied. See the License for the
 * specific language governing permissions and limitations
 * under the License.
 */

/* Import Plus Jakarta Sans font from Google Fonts */
@import url('https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:ital,wght@0,200..800;1,200..800&display=swap');

/* CSS Custom Properties for Color Scheme */
:root {
  --storybook-primary-color: #f37321;
  --storybook-secondary-color: #000000;
}

/* Global styles for all Storybook stories */
.sb-show-main {
  font-family: 'Plus Jakarta Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu',
    'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif;
  color: var(--storybook-secondary-color);
}

/* Apply font family to all elements within stories */
.sb-show-main * {
  font-family: inherit;
}

/* Primary button color utility class */
.sb-primary-button {
  background-color: var(--storybook-primary-color);
  color: white;
}

/* Secondary text color utility class */
.sb-secondary-text {
  color: var(--storybook-secondary-color);
}

/* Ensure consistent styling across all story components */
.sb-show-main .story-container {
  font-family: 'Plus Jakarta Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu',
    'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif;
}

/* Override any existing font-family declarations */
.sb-show-main button,
.sb-show-main input,
.sb-show-main textarea,
.sb-show-main select {
  font-family: 'Plus Jakarta Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu',
    'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif;
}