@mell-ui/bsk-styles 0.0.2

package/dist/css/components/index.css

@@ -0,0 +1 @@
+:root{--bsk-card-padding-s: 12px;--bsk-card-padding-m: 16px;--bsk-card-padding-l: 24px;--bsk-card-title-font-size-s: 16px;--bsk-card-title-font-size-m: 18px;--bsk-card-title-font-size-l: 22px;--bsk-card-title-font-weight: 600;--bsk-card-title-line-height-s: 20px;--bsk-card-title-line-height-m: 24px;--bsk-card-title-line-height-l: 28px;--bsk-card-background: #ffffff;--bsk-card-border-color: #00000012;--bsk-card-box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px}.bsk-card_sizes_s{--bsk-card-padding: var(--bsk-card-padding-s);--bsk-card-title-font-size: var(--bsk-card-title-font-size-s);--bsk-card-title-line-height: var(--bsk-card-title-line-height-s)}.bsk-card_sizes_m{--bsk-card-padding: var(--bsk-card-padding-m);--bsk-card-title-font-size: var(--bsk-card-title-font-size-m);--bsk-card-title-line-height: var(--bsk-card-title-line-height-m)}.bsk-card_sizes_l{--bsk-card-padding: var(--bsk-card-padding-l);--bsk-card-title-font-size: var(--bsk-card-title-font-size-l);--bsk-card-title-line-height: var(--bsk-card-title-line-height-l)}:root{--bsk-separator-color: #00000012}:root{--bsk-checkbox-size-s: 16px;--bsk-checkbox-size-m: 18px;--bsk-checkbox-size-l: 20px;--bsk-checkbox-border-radius: var(--bsk-border-radius);--bsk-checkbox-error-border: 1px solid var(--bsk-color-danger);--bsk-checkbox-error-box-shadow: 0 0 0 2px rgb(from var(--bsk-color-danger) r g b / 0.2)}.bsk-checkbox_size_s{--bsk-checkbox-size: var(--bsk-checkbox-size-s);--bsk-checkbox-checked-icon-size: calc(var(--bsk-checkbox-size-s) * 0.85)}.bsk-checkbox_size_m{--bsk-checkbox-size: var(--bsk-checkbox-size-m);--bsk-checkbox-checked-icon-size: calc(var(--bsk-checkbox-size-m) * 0.85)}.bsk-checkbox_size_l{--bsk-checkbox-size: var(--bsk-checkbox-size-l);--bsk-checkbox-checked-icon-size: calc(var(--bsk-checkbox-size-l) * 0.85)}.bsk-checkbox_theme_primary{--bsk-checkbox-bg-color: var(--bsk-color-primary);--bsk-checkbox-border: 1px solid var(--bsk-color-primary);--bsk-checkbox-icon-checked-color: var(--bsk-color-white);--bsk-checkbox-hover-box-shadow: 0 0 0 2px rgb(from var(--bsk-color-primary) r g b / 0.1);--bsk-checkbox-focus-box-shadow: 0 0 0 2px rgb(from var(--bsk-color-primary) r g b / 0.1);--bsk-checkbox-unchecked-bg-color: var(--bsk-color-white);--bsk-checkbox-unchecked-border: var(--bsk-control-border)}.bsk-checkbox_theme_secondary{--bsk-checkbox-bg-color: var(--bsk-color-secondary);--bsk-checkbox-border: 1px solid var(--bsk-color-secondary);--bsk-checkbox-icon-checked-color: var(--bsk-color-white);--bsk-checkbox-hover-box-shadow: 0 0 0 2px rgb(from var(--bsk-color-secondary) r g b / 0.1);--bsk-checkbox-focus-box-shadow: 0 0 0 2px rgb(from var(--bsk-color-secondary) r g b / 0.1);--bsk-checkbox-unchecked-bg-color: var(--bsk-color-white);--bsk-checkbox-unchecked-border: var(--bsk-control-border)}:root{--bsk-icon-size-s: 16px;--bsk-icon-size-m: 18px;--bsk-icon-size-l: 20px;--bsk-icon-font-family-outlined: "Material Symbols Outlined";--bsk-icon-font-family-rounded: "Material Symbols Rounded";--bsk-icon-font-family-sharp: "Material Symbols Sharp"}.bsk-icon_type_outlined{--bsk-icon-font-family: var(--bsk-icon-font-family-outlined)}.bsk-icon_type_rounded{--bsk-icon-font-family: var(--bsk-icon-font-family-rounded)}.bsk-icon_type_sharp{--bsk-icon-font-family: var(--bsk-icon-font-family-sharp)}.bsk-icon_theme_primary{--bsk-icon-color: var(--bsk-color-primary)}.bsk-icon_theme_secondary{--bsk-icon-color: var(--bsk-color-secondary)}.bsk-icon_theme_danger{--bsk-icon-color: var(--bsk-color-danger)}.bsk-icon_size_s{--bsk-icon-size: var(--bsk-icon-size-s)}.bsk-icon_size_m{--bsk-icon-size: var(--bsk-icon-size-m)}.bsk-icon_size_l{--bsk-icon-size: var(--bsk-icon-size-l)}:root{--bsk-button-box-shadow-raised: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12);--bsk-button-font-weight: normal}.bsk-button_theme_primary_filled{--bsk-button-bg-color: var(--bsk-color-primary-500);--bsk-button-color: var(--bsk-color-white);--bsk-button-border-color: var(--bsk-color-primary-500);--bsk-button-hover-bg-color: var(--bsk-color-primary-800);--bsk-button-box-shadow: none;--bsk-button-hover-box-shadow: 0 0 0 2px rgb(from var(--bsk-color-primary-500) r g b / 0.1);--bsk-button-focus-box-shadow: 0 0 0 2px rgb(from var(--bsk-color-primary-500) r g b / 0.2)}.bsk-button_theme_primary_outline{--bsk-button-bg-color: var(--bsk-color-white);--bsk-button-color: var(--bsk-color-primary-500);--bsk-button-border-color: var(--bsk-color-primary-500);--bsk-button-hover-bg-color: var(--bsk-color-white);--bsk-button-box-shadow: none;--bsk-button-hover-box-shadow: 0 0 0 2px rgb(from var(--bsk-color-primary-500) r g b / 0.1);--bsk-button-focus-box-shadow: 0 0 0 2px rgb(from var(--bsk-color-primary-500) r g b / 0.2);--bsk-button-font-weight: 500}.bsk-button_theme_primary_raised{--bsk-button-bg-color: var(--bsk-color-white);--bsk-button-color: var(--bsk-color-primary-500);--bsk-button-border-color: var(--bsk-color-white);--bsk-button-hover-bg-color: var(--bsk-color-primary-0);--bsk-button-box-shadow: var(--bsk-button-box-shadow-raised);--bsk-button-hover-box-shadow: var(--bsk-button-box-shadow-raised);--bsk-button-focus-box-shadow: var(--bsk-button-box-shadow-raised)}.bsk-button_theme_secondary_filled{--bsk-button-bg-color: var(--bsk-color-secondary-500);--bsk-button-color: var(--bsk-color-white);--bsk-button-border-color: var(--bsk-color-secondary-500);--bsk-button-hover-bg-color: var(--bsk-color-secondary-600);--bsk-button-box-shadow: none;--bsk-button-hover-box-shadow: 0 0 0 2px rgb(from var(--bsk-color-secondary-500) r g b / 0.1);--bsk-button-focus-box-shadow: 0 0 0 2px rgb(from var(--bsk-color-secondary-500) r g b / 0.2)}.bsk-button_theme_secondary_outline{--bsk-button-bg-color: var(--bsk-color-white);--bsk-button-color: var(--bsk-color-secondary-500);--bsk-button-border-color: var(--bsk-color-secondary-500);--bsk-button-hover-bg-color: var(--bsk-color-white);--bsk-button-box-shadow: none;--bsk-button-hover-box-shadow: 0 0 0 2px rgb(from var(--bsk-color-secondary-500) r g b / 0.1);--bsk-button-focus-box-shadow: 0 0 0 2px rgb(from var(--bsk-color-secondary-500) r g b / 0.2);--bsk-button-font-weight: 500}.bsk-button_theme_secondary_raised{--bsk-button-bg-color: var(--bsk-color-white);--bsk-button-color: var(--bsk-color-secondary-500);--bsk-button-border-color: var(--bsk-color-white);--bsk-button-hover-bg-color: var(--bsk-color-secondary-0);--bsk-button-box-shadow: var(--bsk-button-box-shadow-raised);--bsk-button-hover-box-shadow: var(--bsk-button-box-shadow-raised);--bsk-button-focus-box-shadow: var(--bsk-button-box-shadow-raised)}.bsk-button_theme_success_filled{--bsk-button-bg-color: var(--bsk-color-success-500);--bsk-button-color: var(--bsk-color-white);--bsk-button-border-color: var(--bsk-color-success-500);--bsk-button-hover-bg-color: var(--bsk-color-success-600);--bsk-button-box-shadow: none;--bsk-button-hover-box-shadow: 0 0 0 2px rgb(from var(--bsk-color-success-500) r g b / 0.1);--bsk-button-focus-box-shadow: 0 0 0 2px rgb(from var(--bsk-color-success-500) r g b / 0.2)}.bsk-button_theme_success_outline{--bsk-button-bg-color: var(--bsk-color-white);--bsk-button-color: var(--bsk-color-success-500);--bsk-button-border-color: var(--bsk-color-success-500);--bsk-button-hover-bg-color: var(--bsk-color-white);--bsk-button-box-shadow: none;--bsk-button-hover-box-shadow: 0 0 0 2px rgb(from var(--bsk-color-success-500) r g b / 0.1);--bsk-button-focus-box-shadow: 0 0 0 2px rgb(from var(--bsk-color-success-500) r g b / 0.2)}.bsk-button_theme_success_raised{--bsk-button-bg-color: var(--bsk-color-white);--bsk-button-color: var(--bsk-color-success-500);--bsk-button-border-color: var(--bsk-color-white);--bsk-button-hover-bg-color: var(--bsk-color-success-0);--bsk-button-box-shadow: var(--bsk-button-box-shadow-raised);--bsk-button-hover-box-shadow: var(--bsk-button-box-shadow-raised);--bsk-button-focus-box-shadow: var(--bsk-button-box-shadow-raised)}.bsk-button_theme_info_filled{--bsk-button-bg-color: var(--bsk-color-info-500);--bsk-button-color: var(--bsk-color-white);--bsk-button-border-color: var(--bsk-color-info-500);--bsk-button-hover-bg-color: var(--bsk-color-info-600);--bsk-button-box-shadow: none;--bsk-button-hover-box-shadow: 0 0 0 2px rgb(from var(--bsk-color-info-500) r g b / 0.1);--bsk-button-focus-box-shadow: 0 0 0 2px rgb(from var(--bsk-color-info-500) r g b / 0.2)}.bsk-button_theme_info_outline{--bsk-button-bg-color: var(--bsk-color-white);--bsk-button-color: var(--bsk-color-info-500);--bsk-button-border-color: var(--bsk-color-info-500);--bsk-button-hover-bg-color: var(--bsk-color-white);--bsk-button-box-shadow: none;--bsk-button-hover-box-shadow: 0 0 0 2px rgb(from var(--bsk-color-info-500) r g b / 0.1);--bsk-button-focus-box-shadow: 0 0 0 2px rgb(from var(--bsk-color-info-500) r g b / 0.2)}.bsk-button_theme_info_raised{--bsk-button-bg-color: var(--bsk-color-white);--bsk-button-color: var(--bsk-color-info-500);--bsk-button-border-color: var(--bsk-color-white);--bsk-button-hover-bg-color: var(--bsk-color-info-0);--bsk-button-box-shadow: var(--bsk-button-box-shadow-raised);--bsk-button-hover-box-shadow: var(--bsk-button-box-shadow-raised);--bsk-button-focus-box-shadow: var(--bsk-button-box-shadow-raised)}.bsk-button_theme_warn_filled{--bsk-button-bg-color: var(--bsk-color-warn-500);--bsk-button-color: var(--bsk-color-white);--bsk-button-border-color: var(--bsk-color-warn-500);--bsk-button-hover-bg-color: var(--bsk-color-warn-600);--bsk-button-box-shadow: none;--bsk-button-hover-box-shadow: 0 0 0 2px rgb(from var(--bsk-color-warn-500) r g b / 0.1);--bsk-button-focus-box-shadow: 0 0 0 2px rgb(from var(--bsk-color-warn-500) r g b / 0.2)}.bsk-button_theme_warn_outline{--bsk-button-bg-color: var(--bsk-color-white);--bsk-button-color: var(--bsk-color-warn-500);--bsk-button-border-color: var(--bsk-color-warn-500);--bsk-button-hover-bg-color: var(--bsk-color-white);--bsk-button-box-shadow: none;--bsk-button-hover-box-shadow: 0 0 0 2px rgb(from var(--bsk-color-warn-500) r g b / 0.1);--bsk-button-focus-box-shadow: 0 0 0 2px rgb(from var(--bsk-color-warn-500) r g b / 0.2)}.bsk-button_theme_warn_raised{--bsk-button-bg-color: var(--bsk-color-white);--bsk-button-color: var(--bsk-color-warn-500);--bsk-button-border-color: var(--bsk-color-white);--bsk-button-hover-bg-color: var(--bsk-color-warn-0);--bsk-button-box-shadow: var(--bsk-button-box-shadow-raised);--bsk-button-hover-box-shadow: var(--bsk-button-box-shadow-raised);--bsk-button-focus-box-shadow: var(--bsk-button-box-shadow-raised)}.bsk-button_theme_danger_filled{--bsk-button-bg-color: var(--bsk-color-danger-500);--bsk-button-color: var(--bsk-color-white);--bsk-button-border-color: var(--bsk-color-danger-500);--bsk-button-hover-bg-color: var(--bsk-color-danger-600);--bsk-button-box-shadow: none;--bsk-button-hover-box-shadow: 0 0 0 2px rgb(from var(--bsk-color-danger-500) r g b / 0.1);--bsk-button-focus-box-shadow: 0 0 0 2px rgb(from var(--bsk-color-danger-500) r g b / 0.2)}.bsk-button_theme_danger_outline{--bsk-button-bg-color: var(--bsk-color-white);--bsk-button-color: var(--bsk-color-danger-500);--bsk-button-border-color: var(--bsk-color-danger-500);--bsk-button-hover-bg-color: var(--bsk-color-white);--bsk-button-box-shadow: none;--bsk-button-hover-box-shadow: 0 0 0 2px rgb(from var(--bsk-color-danger-500) r g b / 0.1);--bsk-button-focus-box-shadow: 0 0 0 2px rgb(from var(--bsk-color-danger-500) r g b / 0.2)}.bsk-button_theme_danger_raised{--bsk-button-bg-color: var(--bsk-color-white);--bsk-button-color: var(--bsk-color-danger-500);--bsk-button-border-color: var(--bsk-color-white);--bsk-button-hover-bg-color: var(--bsk-color-danger-0);--bsk-button-box-shadow: var(--bsk-button-box-shadow-raised);--bsk-button-hover-box-shadow: var(--bsk-button-box-shadow-raised);--bsk-button-focus-box-shadow: var(--bsk-button-box-shadow-raised)}:root{--bsk-avatar-size-s: 40px;--bsk-avatar-size-m: 48px;--bsk-avatar-size-l: 64px}.bsk-avatar_size_s{--bsk-avatar-size: var(--bsk-avatar-size-s)}.bsk-avatar_size_m{--bsk-avatar-size: var(--bsk-avatar-size-m)}.bsk-avatar_size_l{--bsk-avatar-size: var(--bsk-avatar-size-l)}.bsk-split-button_theme_primary_filled{--bsk-split-button-bg-color: var(--bsk-color-primary-500);--bsk-split-button-color: var(--bsk-color-white);--bsk-split-button-border-color: var(--bsk-color-primary-500);--bsk-split-button-box-shadow: none;--bsk-split-button-hover-bg-color: var(--bsk-color-primary-800)}.bsk-split-button_theme_primary_raised{--bsk-split-button-bg-color: var(--bsk-color-white);--bsk-split-button-color: var(--bsk-color-primary-500);--bsk-split-button-border-color: var(--bsk-color-primary-500);--bsk-split-button-box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12);--bsk-split-button-hover-bg-color: var(--bsk-color-primary-0)}.bsk-split-button_theme_secondary_filled{--bsk-split-button-bg-color: var(--bsk-color-secondary-500);--bsk-split-button-color: var(--bsk-color-white);--bsk-split-button-border-color: var(--bsk-color-secondary-500);--bsk-split-button-box-shadow: none;--bsk-split-button-hover-bg-color: var(--bsk-color-secondary-600)}.bsk-split-button_theme_secondary_raised{--bsk-split-button-bg-color: var(--bsk-color-white);--bsk-split-button-color: var(--bsk-color-secondary-500);--bsk-split-button-border-color: var(--bsk-color-secondary-500);--bsk-split-button-box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12);--bsk-split-button-hover-bg-color: var(--bsk-color-secondary-0)}.bsk-split-button_theme_success_filled{--bsk-split-button-bg-color: var(--bsk-color-success-500);--bsk-split-button-color: var(--bsk-color-white);--bsk-split-button-border-color: var(--bsk-color-success-500);--bsk-split-button-box-shadow: none;--bsk-split-button-hover-bg-color: var(--bsk-color-success-600)}.bsk-split-button_theme_success_raised{--bsk-split-button-bg-color: var(--bsk-color-white);--bsk-split-button-color: var(--bsk-color-success-500);--bsk-split-button-border-color: var(--bsk-color-success-500);--bsk-split-button-box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12);--bsk-split-button-hover-bg-color: var(--bsk-color-success-0)}.bsk-split-button_theme_info_filled{--bsk-split-button-bg-color: var(--bsk-color-info-500);--bsk-split-button-color: var(--bsk-color-white);--bsk-split-button-border-color: var(--bsk-color-info-500);--bsk-split-button-box-shadow: none;--bsk-split-button-hover-bg-color: var(--bsk-color-info-600)}.bsk-split-button_theme_info_raised{--bsk-split-button-bg-color: var(--bsk-color-white);--bsk-split-button-color: var(--bsk-color-info-500);--bsk-split-button-border-color: var(--bsk-color-info-500);--bsk-split-button-box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12);--bsk-split-button-hover-bg-color: var(--bsk-color-info-0)}.bsk-split-button_theme_warn_filled{--bsk-split-button-bg-color: var(--bsk-color-warn-500);--bsk-split-button-color: var(--bsk-color-white);--bsk-split-button-border-color: var(--bsk-color-warn-500);--bsk-split-button-box-shadow: none;--bsk-split-button-hover-bg-color: var(--bsk-color-warn-600)}.bsk-split-button_theme_warn_raised{--bsk-split-button-bg-color: var(--bsk-color-white);--bsk-split-button-color: var(--bsk-color-warn-500);--bsk-split-button-border-color: var(--bsk-color-warn-500);--bsk-split-button-box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12);--bsk-split-button-hover-bg-color: var(--bsk-color-warn-0)}.bsk-split-button_theme_danger_filled{--bsk-split-button-bg-color: var(--bsk-color-danger-500);--bsk-split-button-color: var(--bsk-color-white);--bsk-split-button-border-color: var(--bsk-color-danger-500);--bsk-split-button-box-shadow: none;--bsk-split-button-hover-bg-color: var(--bsk-color-danger-600)}.bsk-split-button_theme_danger_raised{--bsk-split-button-bg-color: var(--bsk-color-white);--bsk-split-button-color: var(--bsk-color-danger-500);--bsk-split-button-border-color: var(--bsk-color-danger-500);--bsk-split-button-box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12);--bsk-split-button-hover-bg-color: var(--bsk-color-danger-0)}.bsk-input_theme_primary{--bsk-input-b-color: var(--bsk-color-white);--bsk-input-color: var(--bsk-color-black);--bsk-input-focus-b-color: var(--bsk-color-white);--bsk-input-focus-border: 1px solid var(--bsk-color-primary-500);--bsk-input-focus-box-shadow: 0 0 0 2px rgb(from var(--bsk-color-primary-500) r g b / 0.1);--bsk-input-disabled-color: rgb(from var(--bsk-color-primary) r g b / 0.6);--bsk-input-disabled-b-color: rgb(from var(--bsk-color-primary) r g b / 0.05);--bsk-input-disabled-border: 1px solid rgb(from var(--bsk-color-primary) r g b / 0.1);--bsk-input-error-color: var(--bsk-color-danger);--bsk-input-error-b-color: var(--bsk-color-white);--bsk-input-error-border: 1px solid var(--bsk-color-danger)}.bsk-input_theme_secondary{--bsk-input-b-color: var(--bsk-color-white);--bsk-input-color: var(--bsk-color-black);--bsk-input-focus-b-color: var(--bsk-color-white);--bsk-input-focus-border: 1px solid var(--bsk-color-secondary-500);--bsk-input-disabled-color: rgb(from var(--bsk-color-secondary) r g b / 0.6);--bsk-input-disabled-b-color: rgb(from var(--bsk-color-secondary) r g b / 0.05);--bsk-input-disabled-border: 1px solid rgb(from var(--bsk-color-secondary) r g b / 0.1);--bsk-input-error-color: var(--bsk-color-danger);--bsk-input-error-b-color: var(--bsk-color-white);--bsk-input-error-border: 1px solid var(--bsk-color-danger)}:root{--bsk-select-list-bg-color: var(--bsk-color-white);--bsk-select-list-box-shadow: 0 8px 24px rgba(15, 23, 42, 0.1), 0 2px 8px rgba(15, 23, 42, 0.06);--bsk-select-box-shadow: none;--bsk-select-list-border: 1px solid #d1d5db;--bsk-select-option-bg-color: var(--bsk-color-white);--bsk-select-placeholder-color: #64748b;--bsk-select-value-color: #111827;--bsk-select-bg-color: var(--bsk-color-white);--bsk-select-error-border: 1px solid var(--bsk-color-danger);--bsk-select-error-box-shadow: 0 0 0 2px rgb(from var(--bsk-color-danger) r g b / 0.1)}.bsk-select_theme_primary{--bsk-select-trigger-color: var(--bsk-color-primary-500);--bsk-select-focus-border: 1px solid var(--bsk-color-primary-500);--bsk-select-hover-box-shadow: 0 0 0 2px rgb(from var(--bsk-color-primary-500) r g b / 0.1);--bsk-select-option-hover-bg-color: rgb(from var(--bsk-color-primary) r g b / 0.08);--bsk-select-option-selected-bg-color: rgb(from var(--bsk-color-primary) r g b / 1);--bsk-select-option-check-selected: var(--bsk-color-white);--bsk-select-option-color-selected: var(--bsk-color-white)}.bsk-select_theme_secondary{--bsk-select-trigger-color: var(--bsk-color-secondary-500);--bsk-select-focus-border: 1px solid var(--bsk-color-secondary-500);--bsk-select-hover-box-shadow: 0 0 0 2px rgb(from var(--bsk-color-secondary-500) r g b / 0.1);--bsk-select-option-hover-bg-color: rgb(from var(--bsk-color-secondary) r g b / 0.08);--bsk-select-option-selected-bg-color: rgb(from var(--bsk-color-secondary) r g b / 1);--bsk-select-option-check-selected: var(--bsk-color-white);--bsk-select-option-color-selected: var(--bsk-color-white)}.bsk-select_size_s{--bsk-select-icon-dropdown-size: calc(var(--bsk-icon-size-s) + (var(--bsk-icon-size-s) * 0.5));--bsk-select-icon-option-size: calc(var(--bsk-icon-size-s) + (var(--bsk-icon-size-s) * 0.2))}.bsk-select_size_m{--bsk-select-icon-dropdown-size: calc(var(--bsk-icon-size-m) + (var(--bsk-icon-size-m) * 0.5));--bsk-select-icon-option-size: calc(var(--bsk-icon-size-m) + (var(--bsk-icon-size-m) * 0.2))}.bsk-select_size_l{--bsk-select-icon-dropdown-size: calc(var(--bsk-icon-size-l) + (var(--bsk-icon-size-l) * 0.5));--bsk-select-icon-option-size: calc(var(--bsk-icon-size-l) + (var(--bsk-icon-size-l) * 0.2))}:root{--bsk-radio-size-s: 16px;--bsk-radio-size-m: 18px;--bsk-radio-size-l: 20px;--bsk-radio-error-border: 1px solid var(--bsk-color-danger);--bsk-radio-error-box-shadow: 0 0 0 2px rgb(from var(--bsk-color-danger) r g b / 0.2);--bsk-radio-checked-bg-color: var(--bsk-color-white);--bsk-radio-unchecked-bg-color: var(--bsk-color-white);--bsk-radio-unchecked-border: 2px solid var(--bsk-control-border-color)}.bsk-radio_size_s{--bsk-radio-size: var(--bsk-radio-size-s);--bsk-radio-checked-icon-size: calc(var(--bsk-radio-size-s) * 0.50)}.bsk-radio_size_m{--bsk-radio-size: var(--bsk-radio-size-m);--bsk-radio-checked-icon-size: calc(var(--bsk-radio-size-m) * 0.50)}.bsk-radio_size_l{--bsk-radio-size: var(--bsk-radio-size-l);--bsk-radio-checked-icon-size: calc(var(--bsk-radio-size-l) * 0.50)}.bsk-radio_theme_primary{--bsk-radio-checked-border: 2px solid var(--bsk-color-primary);--bsk-radio-checked-icon-color: var(--bsk-color-primary);--bsk-radio-hover-box-shadow: 0 0 0 2px rgb(from var(--bsk-color-primary) r g b / 0.1);--bsk-radio-focus-box-shadow: 0 0 0 2px rgb(from var(--bsk-color-primary) r g b / 0.1)}.bsk-radio_theme_secondary{--bsk-radio-checked-border: 2px solid var(--bsk-color-secondary);--bsk-radio-checked-icon-color: var(--bsk-color-secondary);--bsk-radio-hover-box-shadow: 0 0 0 2px rgb(from var(--bsk-color-secondary) r g b / 0.1);--bsk-radio-focus-box-shadow: 0 0 0 2px rgb(from var(--bsk-color-secondary) r g b / 0.1)}

package/dist/css/config/index.css

@@ -0,0 +1 @@
+:root{--bsk-control-height-s: 32px;--bsk-control-height-m: 40px;--bsk-control-height-l: 48px;--bsk-control-padding-s: 12px;--bsk-control-padding-m: 14px;--bsk-control-padding-l: 16px;--bsk-control-font-size-s: 13px;--bsk-control-font-size-m: 14px;--bsk-control-font-size-l: 16px;--bsk-control-border-color: #d4d4d8;--bsk-control-border: 1px solid var(--bsk-control-border-color)}.bsk-controls_size_s{--bsk-control-height: var(--bsk-control-height-s);--bsk-control-padding: var(--bsk-control-padding-s);--bsk-control-font-size: var(--bsk-control-font-size-s)}.bsk-controls_size_m{--bsk-control-height: var(--bsk-control-height-m);--bsk-control-padding: var(--bsk-control-padding-m);--bsk-control-font-size: var(--bsk-control-font-size-m)}.bsk-controls_size_l{--bsk-control-height: var(--bsk-control-height-l);--bsk-control-padding: var(--bsk-control-padding-l);--bsk-control-font-size: var(--bsk-control-font-size-l)}:root{--bsk-border-radius: 4px;--bsk-font-family: "Inter", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif}

package/dist/css/themes/default.theme.css

@@ -0,0 +1 @@
+:root{--bsk-color-primary: #111827;--bsk-color-secondary: #0039a6;--bsk-color-success: #22c55e;--bsk-color-info: #3b82f6;--bsk-color-warn: #f59e0b;--bsk-color-danger: #f5222d;--bsk-color-white: #ffffff;--bsk-color-black: #000000;--bsk-color-gray: #6b7280;--bsk-color-primary-0: #e1e5f2;--bsk-color-primary-100: #c3cce5;--bsk-color-primary-200: #8298cb;--bsk-color-primary-300: #546a9a;--bsk-color-primary-400: #31405e;--bsk-color-primary-500: var(--bsk-color-primary);--bsk-color-primary-600: #0f1523;--bsk-color-primary-700: #0b111d;--bsk-color-primary-800: #070b15;--bsk-color-primary-900: #04070f;--bsk-color-primary-1000: #020408;--bsk-color-secondary-0: #f5f8ff;--bsk-color-secondary-100: #c4d2ed;--bsk-color-secondary-200: #93acdb;--bsk-color-secondary-300: #6285ca;--bsk-color-secondary-400: #315fb8;--bsk-color-secondary-500: var(--bsk-color-secondary);--bsk-color-secondary-600: #00308d;--bsk-color-secondary-700: #002774;--bsk-color-secondary-800: #001e5a;--bsk-color-secondary-900: #001541;--bsk-color-secondary-1000: #000c28;--bsk-color-success-0: #f4fcf7;--bsk-color-success-100: #dcf8e6;--bsk-color-success-200: #b8f0cd;--bsk-color-success-300: #86e6aa;--bsk-color-success-400: #4fd47f;--bsk-color-success-500: var(--bsk-color-success);--bsk-color-success-600: #1daa51;--bsk-color-success-700: #178b43;--bsk-color-success-800: #116b34;--bsk-color-success-900: #0b4b25;--bsk-color-success-1000: #052b15;--bsk-color-info-0: #f5f9ff;--bsk-color-info-100: #e0ecff;--bsk-color-info-200: #bdd7ff;--bsk-color-info-300: #8bbcff;--bsk-color-info-400: #5a9aff;--bsk-color-info-500: var(--bsk-color-info);--bsk-color-info-600: #2563eb;--bsk-color-info-700: #1d4ed8;--bsk-color-info-800: #1e40af;--bsk-color-info-900: #1e3a8a;--bsk-color-info-1000: #172554;--bsk-color-warn-0: #fffaf0;--bsk-color-warn-100: #fef3c7;--bsk-color-warn-200: #fde68a;--bsk-color-warn-300: #fcd34d;--bsk-color-warn-400: #fbbf24;--bsk-color-warn-500: var(--bsk-color-warn);--bsk-color-warn-600: #d97706;--bsk-color-warn-700: #b45309;--bsk-color-warn-800: #92400e;--bsk-color-warn-900: #78350f;--bsk-color-warn-1000: #451a03;--bsk-color-danger-0: #fff5f5;--bsk-color-danger-100: #ffe1e3;--bsk-color-danger-200: #ffc4c8;--bsk-color-danger-300: #ff969d;--bsk-color-danger-400: #ff5c67;--bsk-color-danger-500: var(--bsk-color-danger);--bsk-color-danger-600: #d91d27;--bsk-color-danger-700: #b71821;--bsk-color-danger-800: #93131b;--bsk-color-danger-900: #6d0e14;--bsk-color-danger-1000: #47090d}

package/dist/index.d.ts

@@ -0,0 +1,2 @@
+export * from "./utils";
+//# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,SAAS,CAAC"}

package/dist/index.js

@@ -0,0 +1 @@
+export * from "./utils";

package/dist/utils/index.d.ts

@@ -0,0 +1,2 @@
+export * from "./load-material-symbols.util";
+//# sourceMappingURL=index.d.ts.map

package/dist/utils/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/utils/index.ts"],"names":[],"mappings":"AAAA,cAAc,8BAA8B,CAAC"}

package/dist/utils/index.js

@@ -0,0 +1 @@
+export * from "./load-material-symbols.util";

package/dist/utils/load-material-symbols.util.d.ts

@@ -0,0 +1,7 @@
+export type TSymbolType = "outlined" | "rounded" | "sharp";
+export interface IMaterialSymbol {
+    key: TSymbolType;
+    url: string;
+}
+export declare function loadMaterialSymbols(...keys: TSymbolType[]): void;
+//# sourceMappingURL=load-material-symbols.util.d.ts.map

package/dist/utils/load-material-symbols.util.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"load-material-symbols.util.d.ts","sourceRoot":"","sources":["../../src/utils/load-material-symbols.util.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,WAAW,GAAG,UAAU,GAAG,SAAS,GAAG,OAAO,CAAC;AAE3D,MAAM,WAAW,eAAe;IAC9B,GAAG,EAAE,WAAW,CAAC;IACjB,GAAG,EAAE,MAAM,CAAC;CACb;AAED,wBAAgB,mBAAmB,CAAC,GAAG,IAAI,EAAE,WAAW,EAAE,GAAG,IAAI,CA+BhE"}

package/dist/utils/load-material-symbols.util.js

@@ -0,0 +1,28 @@
+export function loadMaterialSymbols(...keys) {
+    const fontsList = [
+        {
+            key: "outlined",
+            url: "https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined",
+        },
+        {
+            key: "rounded",
+            url: "https://fonts.googleapis.com/css2?family=Material+Symbols+Rounded",
+        },
+        {
+            key: "sharp",
+            url: "https://fonts.googleapis.com/css2?family=Material+Symbols+Sharp",
+        },
+    ];
+    for (let index = 0; index < keys.length; index++) {
+        const element = fontsList.find((r) => r.key === keys[index]);
+        if (element) {
+            const elementExists = document.head.querySelector(`link[href="${element.url}"]`);
+            if (!elementExists) {
+                const link = document.createElement("link");
+                link.rel = "stylesheet";
+                link.href = element.url;
+                document.head.appendChild(link);
+            }
+        }
+    }
+}

package/package.json

@@ -0,0 +1,33 @@
+{
+  "name": "@mell-ui/bsk-styles",
+  "version": "0.0.2",
+  "main": "./dist/index.js",
+  "types": "./dist/index.d.ts",
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "import": "./dist/index.js"
+    }
+  },
+  "scripts": {
+    "tsc": "tsc",
+    "css:prod": "sass --style=compressed --no-source-map styles:dist/css",
+    "css:dev": "sass --style=compressed styles:dist/css",
+    "css:watch": "sass --watch --style=compressed styles:dist/css",
+    "css:serve": "python3 -m http.server 5174 --directory dist",
+    "build:prod": "tsc && npm run css:prod",
+    "build:dev": "tsc && npm run css:dev"
+  },
+  "author": "Tato Dev",
+  "license": "ISC",
+  "description": "",
+  "devDependencies": {
+    "@types/node": "^26.3.0",
+    "sass": "^1.103.1",
+    "typescript": "^7.0.2"
+  },
+  "files": [
+    "dist",
+    "README.md"
+  ]
+}