diff --git a/themes/arya/_variables.scss b/themes/arya/_variables.scss index 6f935a5..39a6b9d 100644 --- a/themes/arya/_variables.scss +++ b/themes/arya/_variables.scss @@ -55,7 +55,6 @@ $scaleLG: 1.25 !default; $focusOutlineColor: $primaryLightColor !default; $focusOutline: 0 none !default; $focusOutlineOffset: 0 !default; -$inputFocusOutlineOffset:$focusOutlineOffset !default; $focusShadow: 0 0 0 1px $focusOutlineColor !default; //action icons diff --git a/themes/aura/aura-dark/_variables.scss b/themes/aura/aura-dark/_variables.scss deleted file mode 100644 index 24d67bd..0000000 --- a/themes/aura/aura-dark/_variables.scss +++ /dev/null @@ -1,923 +0,0 @@ -$colors: ( - "blue": #3b82f6, - "green": #22c55e, - "yellow": #eab308, - "cyan": #06b6d4, - "pink": #ec4899, - "indigo": #6366f1, - "teal": #14b8a6, - "orange": #f97316, - "bluegray": #64748b, - "purple": #a855f7, - "red": #ff3d32, - "primary": $primaryColor, -); - -//reused color variables -$shade000: #ffffff !default; -$shade50: #fafafa !default; -$shade100: #f4f4f5 !default; -$shade200: #e4e4e7 !default; -$shade300: #d4d4d8 !default; -$shade400: #a1a1aa !default; -$shade500: #71717a !default; -$shade600: #52525b !default; -$shade700: #3f3f46 !default; -$shade800: #27272a !default; -$shade900: #18181b !default; -$shade950: #09090b !default; - -$disabledInputBg: $shade700 !default; -$hoverBg: rgba(255, 255, 255, 0.03) !default; - -//global -$fontFamily: "Inter var", sans-serif !default; -$fontSize: 1rem !default; -$fontWeight: normal !default; -$textColor: $shade000 !default; -$textSecondaryColor: $shade400 !default; -$borderRadius: 6px !default; -$transitionDuration: 0.2s !default; -$formElementTransition: background-color $transitionDuration, - color $transitionDuration, border-color $transitionDuration, - box-shadow $transitionDuration, outline-color $transitionDuration !default; -$actionIconTransition: background-color $transitionDuration, - color $transitionDuration, border-color $transitionDuration, - box-shadow $transitionDuration, outline-color $transitionDuration !default; -$listItemTransition: background-color $transitionDuration, - color $transitionDuration, border-color $transitionDuration, - box-shadow $transitionDuration, outline-color $transitionDuration !default; -$primeIconFontSize: 1rem !default; -$divider: 1px solid $shade700 !default; -$inlineSpacing: 0.5rem !default; -$disabledOpacity: 0.6 !default; -$maskBg: rgba(0, 0, 0, 0.4) !default; -$loadingIconFontSize: 2rem !default; -$errorColor: #fca5a5 !default; - -//scale -$scaleSM: 0.875 !default; -$scaleLG: 1.25 !default; - -//focus -$focusOutlineColor: var(--p-focus-ring-color) !default; -$focusOutline: 1px solid $focusOutlineColor !default; -$focusOutlineOffset: 2px !default; -$inputFocusOutlineOffset: -1px !default; -$focusShadow: none !default; - -//action icons -$actionIconWidth: 1.75rem !default; -$actionIconHeight: 1.75rem !default; -$actionIconBg: transparent !default; -$actionIconBorder: 0 none !default; -$actionIconColor: $textSecondaryColor !default; -$actionIconHoverBg: $hoverBg !default; -$actionIconHoverBorderColor: transparent !default; -$actionIconHoverColor: $textColor !default; -$actionIconBorderRadius: 50% !default; - -//input field (e.g. inputtext, spinner, inputmask) -$inputPadding: 0.5rem 0.75rem !default; -$inputTextFontSize: 1rem !default; -$inputBg: $shade950 !default; -$inputTextColor: $textColor !default; -$inputIconColor: $textSecondaryColor !default; -$inputBorder: 1px solid $shade700 !default; -$inputHoverBorderColor: $shade600 !default; -$inputFocusBorderColor: $shade600 !default; -$inputErrorBorderColor: $errorColor !default; -$inputPlaceholderTextColor: $textSecondaryColor !default; -$inputFilledBg: $shade800 !default; -$inputFilledHoverBg: $inputFilledBg !default; -$inputFilledFocusBg: $inputFilledBg !default; - -//input groups -$inputGroupBg: $shade900 !default; -$inputGroupTextColor: $textSecondaryColor !default; -$inputGroupAddOnMinWidth: 2.5rem !default; - -//input lists (e.g. dropdown, autocomplete, multiselect, orderlist) -$inputListBg: $shade900 !default; -$inputListTextColor: $textColor !default; -$inputListBorder: $inputBorder !default; -$inputListPadding: 0.25rem 0.25rem !default; -$inputListItemPadding: 0.5rem 0.75rem !default; -$inputListItemBg: transparent !default; -$inputListItemTextColor: $textColor !default; -$inputListItemHoverBg: $hoverBg !default; -$inputListItemTextHoverColor: $textColor !default; -$inputListItemFocusBg: rgba(255, 255, 255, 0.08) !default; -$inputListItemTextFocusColor: $textColor !default; -$inputListItemBorder: 0 none !default; -$inputListItemBorderRadius: 4px !default; -$inputListItemMargin: 2px 0 !default; -$inputListItemFocusShadow: 0 none !default; -$inputListHeaderPadding: 0.5rem 0.5rem 0 0.5rem !default; -$inputListHeaderMargin: 0 0 0 0 !default; -$inputListHeaderBg: $shade900 !default; -$inputListHeaderTextColor: $textColor !default; -$inputListHeaderBorder: 0 none !default; - -//inputs with overlays (e.g. autocomplete, dropdown, multiselect) -$inputOverlayBg: $inputListBg !default; -$inputOverlayHeaderBg: $inputListHeaderBg !default; -$inputOverlayBorder: 1px solid $shade700 !default; -$inputOverlayShadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), - 0 2px 4px -2px rgb(0 0 0 / 0.1) !default; - -//password -$passwordMeterBg: $shade700 !default; -$passwordWeakBg: #f87171 !default; -$passwordMediumBg: #fbbf24 !default; -$passwordStrongBg: #4ade80 !default; - -//button -$buttonPadding: 0.5rem 1rem !default; -$buttonIconOnlyWidth: 2.5rem !default; -$buttonIconOnlyPadding: 0.5rem 0 !default; -$buttonBg: $primaryColor !default; -$buttonTextColor: $primaryTextColor !default; -$buttonBorder: 1px solid $primaryColor !default; -$buttonHoverBg: $primaryLightColor !default; -$buttonTextHoverColor: $primaryTextColor !default; -$buttonHoverBorderColor: $primaryLightColor !default; -$buttonActiveBg: $primaryLighterColor !default; -$buttonTextActiveColor: $primaryTextColor !default; -$buttonActiveBorderColor: $primaryLighterColor !default; -$raisedButtonShadow: 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) !default; -$roundedButtonBorderRadius: 2rem !default; - -$textButtonHoverBgOpacity: 0.04 !default; -$textButtonActiveBgOpacity: 0.16 !default; -$outlinedButtonBorder: 1px solid !default; -$plainButtonTextColor: $textSecondaryColor !default; -$plainButtonHoverBgColor: $hoverBg !default; -$plainButtonActiveBgColor: rgba(255, 255, 255, 0.16) !default; - -$secondaryButtonBg: $shade800 !default; -$secondaryButtonTextColor: $shade300 !default; -$secondaryButtonBorder: 1px solid $shade800 !default; -$secondaryButtonHoverBg: $shade700 !default; -$secondaryButtonTextHoverColor: $shade300 !default; -$secondaryButtonHoverBorderColor: $shade700 !default; -$secondaryButtonActiveBg: $shade600 !default; -$secondaryButtonTextActiveColor: $shade300 !default; -$secondaryButtonActiveBorderColor: $shade600 !default; -$secondaryButtonFocusShadow: none !default; - -$infoButtonBg: #38bdf8 !default; -$infoButtonTextColor: #082f49 !default; -$infoButtonBorder: 1px solid #38bdf8 !default; -$infoButtonHoverBg: #7dd3fc !default; -$infoButtonTextHoverColor: $infoButtonTextColor !default; -$infoButtonHoverBorderColor: #7dd3fc !default; -$infoButtonActiveBg: #bae6fd !default; -$infoButtonTextActiveColor: $infoButtonTextColor !default; -$infoButtonActiveBorderColor: #bae6fd !default; -$infoButtonFocusShadow: none; - -$successButtonBg: #4ade80 !default; -$successButtonTextColor: #052e16 !default; -$successButtonBorder: 1px solid #4ade80 !default; -$successButtonHoverBg: #86efac !default; -$successButtonTextHoverColor: $successButtonTextColor !default; -$successButtonHoverBorderColor: #86efac !default; -$successButtonActiveBg: #bbf7d0 !default; -$successButtonTextActiveColor: $successButtonTextColor !default; -$successButtonActiveBorderColor: #bbf7d0 !default; -$successButtonFocusShadow: none !default; - -$warningButtonBg: #fb923c !default; -$warningButtonTextColor: #431407 !default; -$warningButtonBorder: 1px solid #fb923c !default; -$warningButtonHoverBg: #fdba74 !default; -$warningButtonTextHoverColor: $warningButtonTextColor !default; -$warningButtonHoverBorderColor: #fdba74 !default; -$warningButtonActiveBg: #fed7aa !default; -$warningButtonTextActiveColor: $warningButtonTextColor !default; -$warningButtonActiveBorderColor: #fed7aa !default; -$warningButtonFocusShadow: none !default; - -$helpButtonBg: #c084fc !default; -$helpButtonTextColor: #3b0764 !default; -$helpButtonBorder: 1px solid #c084fc !default; -$helpButtonHoverBg: #d8b4fe !default; -$helpButtonTextHoverColor: $helpButtonTextColor !default; -$helpButtonHoverBorderColor: #d8b4fe !default; -$helpButtonActiveBg: #e9d5ff !default; -$helpButtonTextActiveColor: $helpButtonTextColor !default; -$helpButtonActiveBorderColor: #e9d5ff !default; -$helpButtonFocusShadow: none !default; - -$dangerButtonBg: #f87171 !default; -$dangerButtonTextColor: #450a0a !default; -$dangerButtonBorder: 1px solid #f87171 !default; -$dangerButtonHoverBg: #fca5a5 !default; -$dangerButtonTextHoverColor: $dangerButtonTextColor !default; -$dangerButtonHoverBorderColor: #fca5a5 !default; -$dangerButtonActiveBg: #fecaca !default; -$dangerButtonTextActiveColor: $dangerButtonTextColor !default; -$dangerButtonActiveBorderColor: #fecaca !default; -$dangerButtonFocusShadow: none !default; - -$contrastButtonBg: $shade000 !default; -$contrastButtonTextColor: $shade950 !default; -$contrastButtonBorder: 1px solid $contrastButtonBg !default; -$contrastButtonHoverBg: $shade100 !default; -$contrastButtonTextHoverColor: $contrastButtonTextColor !default; -$contrastButtonHoverBorderColor: $shade100 !default; -$contrastButtonActiveBg: $shade200 !default; -$contrastButtonTextActiveColor: $contrastButtonTextColor !default; -$contrastButtonActiveBorderColor: $shade200 !default; -$contrastButtonFocusShadow: none !default; - -$linkButtonColor: $primaryColor !default; -$linkButtonHoverColor: $primaryColor !default; -$linkButtonTextHoverDecoration: underline !default; -$linkButtonFocusShadow: none !default; - -//checkbox -$checkboxWidth: 1.25rem !default; -$checkboxHeight: 1.25rem !default; -$checkboxBorder: 1px solid $shade700 !default; -$checkboxIconFontSize: 0.875rem !default; -$checkboxActiveBorderColor: $primaryColor !default; -$checkboxActiveBg: $primaryColor !default; -$checkboxIconActiveColor: $primaryTextColor !default; -$checkboxActiveHoverBg: $primaryLightColor !default; -$checkboxIconActiveHoverColor: $primaryTextColor !default; -$checkboxActiveHoverBorderColor: $primaryLightColor !default; - -//radiobutton -$radiobuttonWidth: 1.25rem !default; -$radiobuttonHeight: 1.25rem !default; -$radiobuttonBorder: 1px solid $shade700 !default; -$radiobuttonIconSize: 0.75rem !default; -$radiobuttonActiveBorderColor: $primaryColor !default; -$radiobuttonActiveBg: $primaryTextColor !default; -$radiobuttonIconActiveColor: $primaryColor !default; -$radiobuttonActiveHoverBg: $primaryTextColor !default; -$radiobuttonIconActiveHoverColor: $primaryLightColor !default; -$radiobuttonActiveHoverBorderColor: $primaryLightColor !default; - -//colorpicker -$colorPickerPreviewWidth: 1.5rem !default; -$colorPickerPreviewHeight: 1.5rem !default; -$colorPickerBg: $shade900 !default; -$colorPickerBorder: 1px solid $shade700 !default; -$colorPickerHandleColor: $shade000 !default; - -//togglebutton -$toggleButtonBg: $shade950 !default; -$toggleButtonBorder: 1px solid $shade950 !default; -$toggleButtonTextColor: $textSecondaryColor !default; -$toggleButtonIconColor: $textSecondaryColor !default; -$toggleButtonHoverBg: $shade950 !default; -$toggleButtonHoverBorderColor: $shade950 !default; -$toggleButtonTextHoverColor: $textColor !default; -$toggleButtonIconHoverColor: $textColor !default; -$toggleButtonActiveBg: $shade950 !default; -$toggleButtonActiveBorderColor: $shade950 !default; -$toggleButtonTextActiveColor: $textColor !default; -$toggleButtonIconActiveColor: $textColor !default; -$toggleButtonActiveHoverBg: $shade950 !default; -$toggleButtonActiveHoverBorderColor: $shade950 !default; -$toggleButtonTextActiveHoverColor: $textColor !default; -$toggleButtonIconActiveHoverColor: $textColor !default; - -//inplace -$inplacePadding: $inputPadding !default; -$inplaceHoverBg: $hoverBg !default; -$inplaceTextHoverColor: $textColor !default; - -//rating -$ratingIconFontSize: 1rem !default; -$ratingCancelIconColor: #f87171 !default; -$ratingCancelIconHoverColor: #ef4444 !default; -$ratingStarIconOffColor: $textSecondaryColor !default; -$ratingStarIconOnColor: $primaryColor !default; -$ratingStarIconHoverColor: $primaryColor !default; - -//slider -$sliderBg: $shade700 !default; -$sliderBorder: 0 none !default; -$sliderHorizontalHeight: 3px !default; -$sliderVerticalWidth: 3px !default; -$sliderHandleWidth: 20px !default; -$sliderHandleHeight: 20px !default; -$sliderHandleBg: $shade700 !default; -$sliderHandleBorder: 0 none !default; -$sliderHandleBorderRadius: 50% !default; -$sliderHandleHoverBorderColor: transparent !default; -$sliderHandleHoverBg: $shade700 !default; -$sliderRangeBg: $primaryColor !default; - -//calendar -$calendarTableMargin: 0.5rem 0 0 0 !default; -$calendarPadding: 0.75rem !default; -$calendarBg: $shade900 !default; -$calendarInlineBg: $calendarBg !default; -$calendarTextColor: $textColor !default; -$calendarBorder: $inputListBorder !default; -$calendarOverlayBorder: $inputOverlayBorder !default; - -$calendarHeaderPadding: 0 0 0.5rem 0 !default; -$calendarHeaderBg: transparent !default; -$calendarInlineHeaderBg: transparent !default; -$calendarHeaderBorder: 1px solid $shade700 !default; -$calendarHeaderTextColor: $textColor !default; -$calendarHeaderFontWeight: 500 !default; -$calendarHeaderCellPadding: 0.25rem !default; -$calendarMonthYearHeaderHoverTextColor: $primaryColor !default; - -$calendarCellDatePadding: 0.25rem !default; -$calendarCellDateWidth: 2rem !default; -$calendarCellDateHeight: 2rem !default; -$calendarCellDateBorderRadius: 50% !default; -$calendarCellDateBorder: 1px solid transparent !default; -$calendarCellDateHoverBg: $hoverBg !default; -$calendarCellDateTodayBg: $shade700 !default; -$calendarCellDateTodayBorderColor: transparent !default; -$calendarCellDateTodayTextColor: $textColor !default; - -$calendarButtonBarPadding: 0.5rem 0 0 0 !default; -$calendarTimePickerPadding: 0 !default; -$calendarTimePickerElementPadding: 0 0.5rem !default; -$calendarTimePickerTimeFontSize: 1rem !default; - -$calendarBreakpoint: 769px !default; -$calendarCellDatePaddingSM: 0.25rem !default; - -//input switch -$inputSwitchWidth: 2.5rem !default; -$inputSwitchHeight: 1.5rem !default; -$inputSwitchBorderRadius: 30px !default; -$inputSwitchHandleWidth: 1rem !default; -$inputSwitchHandleHeight: 1rem !default; -$inputSwitchHandleBorderRadius: 50% !default; -$inputSwitchSliderPadding: 0.25rem !default; -$inputSwitchSliderOffBg: $shade800 !default; -$inputSwitchHandleOffBg: $shade400 !default; -$inputSwitchSliderOffHoverBg: $shade800 !default; -$inputSwitchSliderOnBg: $primaryColor !default; -$inputSwitchSliderOnHoverBg: $primaryLightColor !default; -$inputSwitchHandleOnBg: $primaryTextColor !default; - -//panel -$panelHeaderBorderColor: $shade700 !default; -$panelHeaderBorder: 1px solid $panelHeaderBorderColor !default; -$panelHeaderBg: $shade900 !default; -$panelHeaderTextColor: $textColor !default; -$panelHeaderFontWeight: 600 !default; -$panelHeaderPadding: 1.125rem !default; -$panelToggleableHeaderPadding: 0.75rem 1.125rem !default; - -$panelHeaderHoverBg: $hoverBg !default; -$panelHeaderHoverBorderColor: $shade700 !default; -$panelHeaderTextHoverColor: $textColor !default; - -$panelContentBorderColor: $shade700 !default; -$panelContentBorder: 1px solid $panelContentBorderColor !default; -$panelContentBg: $shade900 !default; -$panelContentEvenRowBg: #1f1f22 !default; -$panelContentTextColor: $textColor !default; -$panelContentPadding: 0 1.125rem 1.125rem 1.125rem !default; - -$panelFooterBorder: 1px solid $shade700 !default; -$panelFooterBg: $shade900 !default; -$panelFooterTextColor: $textColor !default; -$panelFooterPadding: 0 1.125rem 1.125rem 1.125rem !default; - -//accordion -$accordionSpacing: 0 !default; -$accordionHeaderBorder: 0 none !default; -$accordionHeaderBg: $shade900 !default; -$accordionHeaderTextColor: $textSecondaryColor !default; -$accordionHeaderFontWeight: 600 !default; -$accordionHeaderPadding: 1.125rem 1.125rem 1.125rem 1.125rem !default; - -$accordionHeaderHoverBg: $shade900 !default; -$accordionHeaderHoverBorderColor: $shade900 !default; -$accordionHeaderTextHoverColor: $textColor !default; - -$accordionHeaderActiveBg: $shade900 !default; -$accordionHeaderActiveBorderColor: $shade900 !default; -$accordionHeaderTextActiveColor: $textColor !default; - -$accordionHeaderActiveHoverBg: $shade900 !default; -$accordionHeaderActiveHoverBorderColor: $shade900 !default; -$accordionHeaderTextActiveHoverColor: $textColor !default; - -$accordionContentBorder: 0 none !default; -$accordionContentBg: $shade900 !default; -$accordionContentTextColor: $textColor !default; -$accordionContentPadding: 0 1.125rem 1.125rem 1.125rem !default; - -//tabview -$tabviewNavBorder: 1px solid $shade700 !default; -$tabviewNavBorderWidth: 0 0 1px 0 !default; -$tabviewNavBg: $shade900 !default; - -$tabviewHeaderSpacing: 0 !default; -$tabviewHeaderBorder: solid $shade700 !default; -$tabviewHeaderBorderWidth: 0 0 1px 0 !default; -$tabviewHeaderBorderColor: transparent transparent $shade700 transparent !default; -$tabviewHeaderBg: $shade900 !default; -$tabviewHeaderTextColor: $textSecondaryColor !default; -$tabviewHeaderFontWeight: 600 !default; -$tabviewHeaderPadding: 1rem 1.125rem !default; -$tabviewHeaderMargin: 0 0 -1px 0 !default; - -$tabviewHeaderHoverBg: $shade900 !default; -$tabviewHeaderHoverBorderColor: $shade700 !default; -$tabviewHeaderTextHoverColor: $textColor !default; - -$tabviewHeaderActiveBg: $shade900 !default; -$tabviewHeaderActiveBorderColor: $shade700 !default; -$tabviewHeaderTextActiveColor: $primaryColor !default; - -$tabviewContentBorder: 0 none !default; -$tabviewContentBg: $shade900 !default; -$tabviewContentTextColor: $textColor !default; -$tabviewContentPadding: 0.875rem 1.125rem 1.125rem 1.125rem !default; - -//upload -$fileUploadProgressBarHeight: 0.25rem !default; -$fileUploadContentPadding: 0 1.125rem 1.125rem 1.125rem !default; -$fileUploadContentHoverBorder: 1px dashed $primaryColor !default; -$fileUploadFileBorder: 1px solid $shade700 !default; -$fileUploadFilePadding: 1rem !default; - -//scrollpanel -$scrollPanelTrackBorder: 0 none !default; -$scrollPanelTrackBg: $shade700 !default; - -//card -$cardBodyPadding: 1.5rem !default; -$cardTitleFontSize: 1.25rem !default; -$cardTitleFontWeight: 600 !default; -$cardSubTitleFontWeight: 400 !default; -$cardSubTitleColor: $textSecondaryColor !default; -$cardContentPadding: 0 0 0 0 !default; -$cardFooterPadding: 0 0 0 0 !default; -$cardShadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1) !default; - -//editor -$editorToolbarBg: $panelHeaderBg !default; -$editorToolbarBorder: $panelHeaderBorder !default; -$editorToolbarPadding: $panelHeaderPadding !default; -$editorToolbarIconColor: $textSecondaryColor !default; -$editorToolbarIconHoverColor: $textColor !default; -$editorIconActiveColor: $primaryColor !default; -$editorContentBorder: $panelContentBorder !default; -$editorContentBg: $panelContentBg !default; - -//paginator -$paginatorBg: $shade900 !default; -$paginatorTextColor: $textColor !default; -$paginatorBorder: solid $shade700 !default; -$paginatorBorderWidth: 0 !default; -$paginatorPadding: 0.5rem 1rem !default; -$paginatorElementWidth: $buttonIconOnlyWidth !default; -$paginatorElementHeight: $buttonIconOnlyWidth !default; -$paginatorElementBg: transparent !default; -$paginatorElementBorder: 0 none !default; -$paginatorElementIconColor: $textSecondaryColor !default; -$paginatorElementHoverBg: $hoverBg !default; -$paginatorElementHoverBorderColor: transparent !default; -$paginatorElementIconHoverColor: $textColor !default; -$paginatorElementBorderRadius: 50% !default; -$paginatorElementMargin: 0.143rem !default; -$paginatorElementPadding: 0 !default; - -//table -$tableHeaderBorder: 1px solid $shade800 !default; -$tableHeaderBorderWidth: 0 0 1px 0 !default; -$tableHeaderBg: $shade900 !default; -$tableHeaderTextColor: $textColor !default; -$tableHeaderFontWeight: 600 !default; -$tableHeaderPadding: 0.75rem 1rem !default; - -$tableHeaderCellPadding: 0.75rem 1rem !default; -$tableHeaderCellBg: $shade900 !default; -$tableHeaderCellTextColor: $textColor !default; -$tableHeaderCellFontWeight: 600 !default; -$tableHeaderCellBorder: 1px solid $shade800 !default; -$tableHeaderCellBorderWidth: 0 0 1px 0 !default; -$tableHeaderCellHoverBg: $hoverBg !default; -$tableHeaderCellTextHoverColor: $textColor !default; -$tableHeaderCellIconColor: $textSecondaryColor !default; -$tableHeaderCellIconHoverColor: $textColor !default; -$tableHeaderCellHighlightBg: $highlightBg !default; -$tableHeaderCellHighlightTextColor: $highlightTextColor !default; -$tableHeaderCellHighlightHoverBg: $highlightBg !default; -$tableHeaderCellHighlightTextHoverColor: $highlightTextColor !default; -$tableSortableColumnBadgeSize: 1rem !default; - -$tableBodyRowBg: $shade900 !default; -$tableBodyRowTextColor: $textColor !default; -$tableBodyRowEvenBg: #1f1f22 !default; -$tableBodyRowHoverBg: $hoverBg !default; -$tableBodyRowTextHoverColor: $textColor !default; -$tableBodyCellBorder: 1px solid $shade800 !default; -$tableBodyCellBorderWidth: 0 0 1px 0 !default; -$tableBodyCellPadding: 0.75rem 1rem !default; - -$tableFooterCellPadding: 0.75rem 1rem !default; -$tableFooterCellBg: $shade900 !default; -$tableFooterCellTextColor: $textColor !default; -$tableFooterCellFontWeight: 600 !default; -$tableFooterCellBorder: 1px solid $shade800 !default; -$tableFooterCellBorderWidth: 0 0 1px 0 !default; -$tableResizerHelperBg: $primaryColor !default; - -$tableFooterBorder: 1px solid $shade800 !default; -$tableFooterBorderWidth: 0 0 1px 0 !default; -$tableFooterBg: $shade900 !default; -$tableFooterTextColor: $textColor !default; -$tableFooterFontWeight: 600 !default; -$tableFooterPadding: 0.75rem 1rem !default; - -$tableCellContentAlignment: left !default; -$tableTopPaginatorBorderWidth: 0 0 1px 0 !default; -$tableBottomPaginatorBorderWidth: 0 0 1px 0 !default; - -$tableScaleSM: 0.5 !default; -$tableScaleLG: 1.25 !default; - -//dataview -$dataViewContentPadding: 0 !default; -$dataViewContentBorder: 0 none !default; - -//tree -$treeContainerPadding: 0 !default; -$treeNodePadding: 0 0 !default; -$treeNodeContentPadding: 0.25rem 0.5rem !default; -$treeNodeChildrenPadding: 0 0 0 1rem !default; -$treeNodeIconColor: $textSecondaryColor !default; - -//timeline -$timelineVerticalEventContentPadding: 0 1rem !default; -$timelineHorizontalEventContentPadding: 1rem 0 !default; -$timelineEventMarkerWidth: 1.125rem !default; -$timelineEventMarkerHeight: 1.125rem !default; -$timelineEventMarkerBorderRadius: 50% !default; -$timelineEventMarkerBorder: 2px solid $shade700 !default; -$timelineEventMarkerBackground: $primaryTextColor !default; -$timelineEventConnectorSize: 2px !default; -$timelineEventColor: $shade700 !default; - -//org chart -$organizationChartConnectorColor: $shade700 !default; - -//message -$messageMargin: 1rem 0 !default; -$messagePadding: 0.5rem 0.75rem !default; -$messageBorderWidth: 1px !default; -$messageIconFontSize: 1rem !default; -$messageTextFontSize: 1rem !default; -$messageTextFontWeight: 500 !default; - -//inline message -$inlineMessagePadding: $inputPadding !default; -$inlineMessageMargin: 0 !default; -$inlineMessageIconFontSize: 1rem !default; -$inlineMessageTextFontSize: 1rem !default; -$inlineMessageBorderWidth: 1px !default; - -//toast -$toastIconFontSize: 1.125rem !default; -$toastMessageTextMargin: 0 0 0 0.5rem !default; -$toastMargin: 0 0 1rem 0 !default; -$toastPadding: 0.75rem !default; -$toastBorderWidth: 1px !default; -$toastShadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1) !default; -$toastOpacity: 1 !default; -$toastTitleFontWeight: 500 !default; -$toastDetailMargin: $inlineSpacing 0 0 0 !default; - -//severities -$infoMessageBg: rgba(59, 130, 246, 0.16) !default; -$infoMessageBorder: solid rgba(29, 78, 216, 0.36) !default; -$infoMessageTextColor: #3b82f6 !default; -$infoMessageIconColor: #3b82f6 !default; -$successMessageBg: rgba(34, 197, 94, 0.16) !default; -$successMessageBorder: solid rgba(21, 128, 61, 0.36) !default; -$successMessageTextColor: #22c55e !default; -$successMessageIconColor: #22c55e !default; -$warningMessageBg: rgba(234, 179, 8, 0.16) !default; -$warningMessageBorder: solid rgba(161, 98, 7, 0.36) !default; -$warningMessageTextColor: #eab308 !default; -$warningMessageIconColor: #eab308 !default; -$errorMessageBg: rgba(239, 68, 68, 0.16) !default; -$errorMessageBorder: solid rgba(185, 28, 28, 0.36) !default; -$errorMessageTextColor: #ef4444 !default; -$errorMessageIconColor: #ef4444 !default; -$secondaryMessageBg: $shade800 !default; -$secondaryMessageBorder: solid $shade700 !default; -$secondaryMessageTextColor: $shade300 !default; -$secondaryMessageIconColor: $shade300 !default; -$contrastMessageBg: $shade000 !default; -$contrastMessageBorder: solid $shade100 !default; -$contrastMessageTextColor: $shade950 !default; -$contrastMessageIconColor: $shade950 !default; - -//overlays -$overlayContentBorder: 1px solid $shade700 !default; -$overlayContentBg: $shade900 !default; -$overlayContainerShadow: 0 20px 25px -5px rgb(0 0 0 / 0.1), - 0 8px 10px -6px rgb(0 0 0 / 0.1) !default; - -//dialog -$dialogHeaderBg: $shade900 !default; -$dialogHeaderBorder: 0 none !default; -$dialogHeaderTextColor: $textColor !default; -$dialogHeaderFontWeight: 600 !default; -$dialogHeaderFontSize: 1.25rem !default; -$dialogHeaderPadding: 1.5rem !default; -$dialogContentPadding: 0 1.5rem 1.5rem 1.5rem !default; -$dialogFooterBorder: 0 none !default; -$dialogFooterPadding: 0 1.5rem 1.5rem 1.5rem !default; - -//confirmpopup -$confirmPopupContentPadding: 1rem !default; -$confirmPopupFooterPadding: 0 1rem 1rem 1rem !default; - -//tooltip -$tooltipBg: $shade700 !default; -$tooltipTextColor: $textColor !default; -$tooltipPadding: $inputPadding !default; - -//steps -$stepsItemBg: $shade900 !default; -$stepsItemBorder: 1px solid $shade700 !default; -$stepsItemTextColor: $textColor !default; -$stepsItemNumberWidth: 2rem !default; -$stepsItemNumberHeight: 2rem !default; -$stepsItemNumberFontSize: 1.143rem !default; -$stepsItemNumberColor: $textSecondaryColor !default; -$stepsItemNumberBorderRadius: 50% !default; -$stepsItemActiveFontWeight: 500 !default; - -//progressbar, progressspinner -$progressBarHeight: 1.25rem !default; -$progressBarBorder: 0 none !default; -$progressBarBg: $shade700 !default; -$progressBarValueBg: $primaryColor !default; -$progressBarValueTextColor: $primaryTextColor !default; - -$progressSpinnerStrokeColor: $errorMessageTextColor !default; -$progressSpinnerColorOne: $errorMessageTextColor !default; -$progressSpinnerColorTwo: $infoMessageTextColor !default; -$progressSpinnerColorThree: $successMessageTextColor !default; -$progressSpinnerColorFour: $warningMessageTextColor !default; - -//menu (e.g. menu, menubar, tieredmenu) -$menuWidth: 12.5rem !default; -$menuBg: $shade900 !default; -$menuBorder: 1px solid $shade700 !default; -$menuTextColor: $textColor !default; -$menuitemPadding: 0.5rem 0.75rem !default; -$menuitemBorderRadius: 4px !default; -$menuitemTextColor: $textColor !default; -$menuitemIconColor: $shade500 !default; -$menuitemTextHoverColor: $textColor !default; -$menuitemIconHoverColor: $textColor !default; -$menuitemHoverBg: $hoverBg !default; -$menuitemTextFocusColor: $textColor !default; -$menuitemIconFocusColor: $textColor !default; -$menuitemFocusBg: rgba(255, 255, 255, 0.08) !default; -$menuitemTextActiveColor: $highlightTextColor !default; -$menuitemIconActiveColor: $highlightTextColor !default; -$menuitemActiveBg: $highlightBg !default; -$menuitemActiveFocusBg: $highlightFocusBg !default; -$menuitemSubmenuIconFontSize: 0.875rem !default; -$submenuHeaderMargin: 0 !default; -$submenuHeaderPadding: 0.5rem 0.75rem !default; -$submenuHeaderBg: $shade900 !default; -$submenuHeaderTextColor: $shade500 !default; -$submenuHeaderBorderRadius: 0 !default; -$submenuHeaderFontWeight: 600 !default; -$overlayMenuBg: $menuBg !default; -$overlayMenuBorder: 1px solid $shade700 !default; -$overlayMenuShadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), - 0 2px 4px -2px rgb(0 0 0 / 0.1) !default; -$verticalMenuPadding: 0.25rem 0.25rem !default; -$menuSeparatorMargin: 2px 0 !default; - -$breadcrumbPadding: 1rem !default; -$breadcrumbBg: $menuBg !default; -$breadcrumbBorder: 0 none !default; -$breadcrumbItemTextColor: $menuitemTextColor !default; -$breadcrumbItemIconColor: $menuitemIconColor !default; -$breadcrumbLastItemTextColor: $menuitemTextColor !default; -$breadcrumbLastItemIconColor: $menuitemIconColor !default; -$breadcrumbSeparatorColor: $menuitemIconColor !default; - -$horizontalMenuPadding: 0.5rem 0.5rem !default; -$horizontalMenuBg: $shade900 !default; -$horizontalMenuBorder: $menuBorder !default; -$horizontalMenuTextColor: $menuTextColor !default; -$horizontalMenuRootMenuitemPadding: $menuitemPadding !default; -$horizontalMenuRootMenuitemBorderRadius: $borderRadius !default; -$horizontalMenuRootMenuitemTextColor: $menuitemTextColor !default; -$horizontalMenuRootMenuitemIconColor: $menuitemIconColor !default; -$horizontalMenuRootMenuitemTextHoverColor: $menuitemTextHoverColor !default; -$horizontalMenuRootMenuitemIconHoverColor: $menuitemIconHoverColor !default; -$horizontalMenuRootMenuitemHoverBg: $menuitemHoverBg !default; -$horizontalMenuRootMenuitemTextActiveColor: $menuitemTextActiveColor !default; -$horizontalMenuRootMenuitemIconActiveColor: $menuitemIconActiveColor !default; -$horizontalMenuRootMenuitemActiveBg: $menuitemActiveBg !default; - -//badge and tag -$badgeBg: $primaryColor !default; -$badgeTextColor: $primaryTextColor !default; -$badgeMinWidth: 1.5rem !default; -$badgeHeight: 1.5rem !default; -$badgeFontWeight: 700 !default; -$badgeFontSize: 0.75rem !default; - -$tagPadding: 0.25rem 0.4rem !default; - -//carousel -$carouselIndicatorsPadding: 1rem !default; -$carouselIndicatorBg: $shade700 !default; -$carouselIndicatorHoverBg: $shade700 !default; -$carouselIndicatorBorderRadius: $borderRadius !default; -$carouselIndicatorWidth: 2rem !default; -$carouselIndicatorHeight: 0.5rem !default; - -//galleria -$galleriaMaskBg: rgba(0, 0, 0, 0.9) !default; -$galleriaCloseIconMargin: 0.5rem !default; -$galleriaCloseIconFontSize: 2rem !default; -$galleriaCloseIconBg: transparent !default; -$galleriaCloseIconColor: $textSecondaryColor !default; -$galleriaCloseIconHoverBg: $hoverBg !default; -$galleriaCloseIconHoverColor: $textColor !default; -$galleriaCloseIconWidth: 4rem !default; -$galleriaCloseIconHeight: 4rem !default; -$galleriaCloseIconBorderRadius: 50% !default; - -$galleriaItemNavigatorBg: transparent !default; -$galleriaItemNavigatorColor: $textSecondaryColor !default; -$galleriaItemNavigatorMargin: 0 0.5rem !default; -$galleriaItemNavigatorFontSize: 2rem !default; -$galleriaItemNavigatorHoverBg: $hoverBg !default; -$galleriaItemNavigatorHoverColor: $textColor !default; -$galleriaItemNavigatorWidth: 4rem !default; -$galleriaItemNavigatorHeight: 4rem !default; -$galleriaItemNavigatorBorderRadius: $borderRadius !default; - -$galleriaCaptionBg: rgba(0, 0, 0, 0.5) !default; -$galleriaCaptionTextColor: $textColor !default; -$galleriaCaptionPadding: 1rem !default; - -$galleriaIndicatorsPadding: 1rem !default; -$galleriaIndicatorBg: $shade700 !default; -$galleriaIndicatorHoverBg: $shade700 !default; -$galleriaIndicatorBorderRadius: 50% !default; -$galleriaIndicatorWidth: 1rem !default; -$galleriaIndicatorHeight: 1rem !default; -$galleriaIndicatorsBgOnItem: rgba(0, 0, 0, 0.5) !default; -$galleriaIndicatorBgOnItem: rgba(255, 255, 255, 0.4) !default; -$galleriaIndicatorHoverBgOnItem: rgba(255, 255, 255, 0.6) !default; - -$galleriaThumbnailContainerBg: rgba(0, 0, 0, 0.9) !default; -$galleriaThumbnailContainerPadding: 1rem 0.25rem !default; -$galleriaThumbnailNavigatorBg: transparent !default; -$galleriaThumbnailNavigatorColor: $textSecondaryColor !default; -$galleriaThumbnailNavigatorHoverBg: $hoverBg !default; -$galleriaThumbnailNavigatorHoverColor: $textColor !default; -$galleriaThumbnailNavigatorBorderRadius: 50% !default; -$galleriaThumbnailNavigatorWidth: 2rem !default; -$galleriaThumbnailNavigatorHeight: 2rem !default; - -//divider -$dividerHorizontalMargin: 1rem 0 !default; -$dividerHorizontalPadding: 0 1rem !default; -$dividerVerticalMargin: 0 1rem !default; -$dividerVerticalPadding: 1rem 0 !default; -$dividerSize: 1px !default; -$dividerColor: $shade700 !default; - -//avatar -$avatarBg: $shade700 !default; -$avatarTextColor: $textColor !default; - -//chip -$chipBg: $shade700 !default; -$chipTextColor: $textColor !default; -$chipBorderRadius: 16px !default; -$chipFocusBg: $shade700 !default; -$chipFocusTextColor: $textColor !default; - -//scrollTop -$scrollTopBg: $shade700 !default; -$scrollTopHoverBg: $shade700 !default; -$scrollTopWidth: 3rem !default; -$scrollTopHeight: 3rem !default; -$scrollTopBorderRadius: 50% !default; -$scrollTopFontSize: 1.5rem !default; -$scrollTopTextColor: $textColor !default; - -//skeleton -$skeletonBg: rgba(255, 255, 255, 0.06) !default; -$skeletonAnimationBg: rgba(255, 255, 255, 0.04) !default; - -//splitter -$splitterGutterBg: $shade700 !default; -$splitterGutterHandleBg: $shade700 !default; - -//speeddial -$speedDialButtonWidth: 2.5rem !default; -$speedDialButtonHeight: 2.5rem !default; -$speedDialButtonIconFontSize: 1rem !default; -$speedDialActionWidth: 2.5rem !default; -$speedDialActionHeight: 2.5rem !default; -$speedDialActionBg: $shade700 !default; -$speedDialActionHoverBg: $shade700 !default; -$speedDialActionTextColor: $textSecondaryColor !default; -$speedDialActionTextHoverColor: $textColor !default; - -//dock -$dockActionWidth: 3rem !default; -$dockActionHeight: 3rem !default; -$dockItemPadding: 0.5rem !default; -$dockItemBorderRadius: $borderRadius !default; -$dockCurrentItemMargin: 1.5rem !default; -$dockFirstItemsMargin: 1.3rem !default; -$dockSecondItemsMargin: 0.9rem !default; -$dockBg: rgba(255, 255, 255, 0.1) !default; -$dockBorder: 1px solid rgba(255, 255, 255, 0.2) !default; -$dockPadding: 0.5rem 0.5rem !default; -$dockBorderRadius: 0.5rem !default; - -//image -$imageMaskBg: rgba(0, 0, 0, 0.9) !default; -$imagePreviewToolbarPadding: 1rem !default; -$imagePreviewIndicatorColor: $textSecondaryColor !default; -$imagePreviewIndicatorBg: rgba(0, 0, 0, 0.5) !default; -$imagePreviewActionIconBg: transparent !default; -$imagePreviewActionIconColor: $textSecondaryColor !default; -$imagePreviewActionIconHoverBg: $hoverBg !default; -$imagePreviewActionIconHoverColor: $textColor !default; -$imagePreviewActionIconWidth: 3rem !default; -$imagePreviewActionIconHeight: 3rem !default; -$imagePreviewActionIconFontSize: 1.5rem !default; -$imagePreviewActionIconBorderRadius: 50% !default; - -:root { - font-family: "Inter var", sans-serif; - font-feature-settings: "cv02", "cv03", "cv04", "cv11"; - font-variation-settings: normal; - --font-family: "Inter var", sans-serif; - --font-feature-settings: "cv02", "cv03", "cv04", "cv11"; - --text-color: #{$shade000}; - --text-color-secondary: #{$shade400}; - --primary-color: #{$primaryColor}; - --primary-color-text: #{$primaryTextColor}; - --surface-0: #18181b; - --surface-50: #27272a; - --surface-100: #3f3f46; - --surface-200: #52525b; - --surface-300: #71717a; - --surface-400: #a1a1aa; - --surface-500: #d4d4d8; - --surface-600: #e4e4e7; - --surface-700: #f4f4f5; - --surface-800: #fafafa; - --surface-900: #ffffff; - --gray-0: #ffffff; - --gray-50: #fafafa; - --gray-100: #f4f4f5; - --gray-200: #e4e4e7; - --gray-300: #d4d4d8; - --gray-400: #a1a1aa; - --gray-500: #71717a; - --gray-600: #52525b; - --gray-700: #3f3f46; - --gray-800: #27272a; - --gray-900: #18181b; - --content-padding: 1.125rem; - --inline-spacing: #{$inlineSpacing}; - --border-radius: #{$borderRadius}; - --surface-ground: #09090b; - --surface-section: #18181b; - --surface-card: #18181b; - --surface-overlay: #18181b; - --surface-border: #27272a; - --surface-hover: rgba(255, 255, 255, 0.03); - --focus-ring: #{$focusShadow}; - --maskbg: #{$maskBg}; - --highlight-bg: #{$highlightBg}; - --highlight-text-color: #{$highlightTextColor}; - --p-anchor-gutter: 2px; - color-scheme: dark; -} - -:root { - --p-focus-ring-color: var(--primary-color); -} diff --git a/themes/aura/aura-dark/amber/_fonts.scss b/themes/aura/aura-dark/amber/_fonts.scss deleted file mode 100644 index 963c1cd..0000000 --- a/themes/aura/aura-dark/amber/_fonts.scss +++ /dev/null @@ -1,16 +0,0 @@ -@font-face { - font-family: 'Inter var'; - font-weight: 100 900; - font-display: swap; - font-style: normal; - font-named-instance: 'Regular'; - src: url("./fonts/Inter-roman.var.woff2?v=3.19") format("woff2"); -} -@font-face { - font-family: 'Inter var'; - font-weight: 100 900; - font-display: swap; - font-style: italic; - font-named-instance: 'Italic'; - src: url("./fonts/Inter-italic.var.woff2?v=3.19") format("woff2"); -} \ No newline at end of file diff --git a/themes/aura/aura-dark/amber/fonts/Inter-italic.var.woff2 b/themes/aura/aura-dark/amber/fonts/Inter-italic.var.woff2 deleted file mode 100644 index b826d5a..0000000 Binary files a/themes/aura/aura-dark/amber/fonts/Inter-italic.var.woff2 and /dev/null differ diff --git a/themes/aura/aura-dark/amber/fonts/Inter-roman.var.woff2 b/themes/aura/aura-dark/amber/fonts/Inter-roman.var.woff2 deleted file mode 100644 index 6a256a0..0000000 Binary files a/themes/aura/aura-dark/amber/fonts/Inter-roman.var.woff2 and /dev/null differ diff --git a/themes/aura/aura-dark/amber/theme.scss b/themes/aura/aura-dark/amber/theme.scss deleted file mode 100644 index 1a88c05..0000000 --- a/themes/aura/aura-dark/amber/theme.scss +++ /dev/null @@ -1,13 +0,0 @@ -$primaryColor:#fbbf24 !default; -$primaryLightColor: #fcd34d !default; -$primaryLighterColor: #fde68a !default; -$primaryTextColor: #020617 !default; - -$highlightBg:rgba(251, 191, 36, .16) !default; -$highlightTextColor: rgba(255,255,255,.87) !default; -$highlightFocusBg: rgba($primaryColor, .24) !default; - -@import '../_variables'; -@import './_fonts'; -@import '../../../../theme-base/_components'; -@import '../extensions/_extensions'; \ No newline at end of file diff --git a/themes/aura/aura-dark/blue/_fonts.scss b/themes/aura/aura-dark/blue/_fonts.scss deleted file mode 100644 index 963c1cd..0000000 --- a/themes/aura/aura-dark/blue/_fonts.scss +++ /dev/null @@ -1,16 +0,0 @@ -@font-face { - font-family: 'Inter var'; - font-weight: 100 900; - font-display: swap; - font-style: normal; - font-named-instance: 'Regular'; - src: url("./fonts/Inter-roman.var.woff2?v=3.19") format("woff2"); -} -@font-face { - font-family: 'Inter var'; - font-weight: 100 900; - font-display: swap; - font-style: italic; - font-named-instance: 'Italic'; - src: url("./fonts/Inter-italic.var.woff2?v=3.19") format("woff2"); -} \ No newline at end of file diff --git a/themes/aura/aura-dark/blue/fonts/Inter-italic.var.woff2 b/themes/aura/aura-dark/blue/fonts/Inter-italic.var.woff2 deleted file mode 100644 index b826d5a..0000000 Binary files a/themes/aura/aura-dark/blue/fonts/Inter-italic.var.woff2 and /dev/null differ diff --git a/themes/aura/aura-dark/blue/fonts/Inter-roman.var.woff2 b/themes/aura/aura-dark/blue/fonts/Inter-roman.var.woff2 deleted file mode 100644 index 6a256a0..0000000 Binary files a/themes/aura/aura-dark/blue/fonts/Inter-roman.var.woff2 and /dev/null differ diff --git a/themes/aura/aura-dark/blue/theme.scss b/themes/aura/aura-dark/blue/theme.scss deleted file mode 100644 index 63d1a1b..0000000 --- a/themes/aura/aura-dark/blue/theme.scss +++ /dev/null @@ -1,13 +0,0 @@ -$primaryColor: #60a5fa !default; -$primaryLightColor: #93c5fd !default; -$primaryLighterColor: #bfdbfe !default; -$primaryTextColor: #020617 !default; - -$highlightBg:rgba(96, 165, 250, .16) !default; -$highlightTextColor: rgba(255,255,255,.87) !default; -$highlightFocusBg: rgba($primaryColor, .24) !default; - -@import '../_variables'; -@import './_fonts'; -@import '../../../../theme-base/_components'; -@import '../extensions/_extensions'; \ No newline at end of file diff --git a/themes/aura/aura-dark/cyan/_fonts.scss b/themes/aura/aura-dark/cyan/_fonts.scss deleted file mode 100644 index 963c1cd..0000000 --- a/themes/aura/aura-dark/cyan/_fonts.scss +++ /dev/null @@ -1,16 +0,0 @@ -@font-face { - font-family: 'Inter var'; - font-weight: 100 900; - font-display: swap; - font-style: normal; - font-named-instance: 'Regular'; - src: url("./fonts/Inter-roman.var.woff2?v=3.19") format("woff2"); -} -@font-face { - font-family: 'Inter var'; - font-weight: 100 900; - font-display: swap; - font-style: italic; - font-named-instance: 'Italic'; - src: url("./fonts/Inter-italic.var.woff2?v=3.19") format("woff2"); -} \ No newline at end of file diff --git a/themes/aura/aura-dark/cyan/fonts/Inter-italic.var.woff2 b/themes/aura/aura-dark/cyan/fonts/Inter-italic.var.woff2 deleted file mode 100644 index b826d5a..0000000 Binary files a/themes/aura/aura-dark/cyan/fonts/Inter-italic.var.woff2 and /dev/null differ diff --git a/themes/aura/aura-dark/cyan/fonts/Inter-roman.var.woff2 b/themes/aura/aura-dark/cyan/fonts/Inter-roman.var.woff2 deleted file mode 100644 index 6a256a0..0000000 Binary files a/themes/aura/aura-dark/cyan/fonts/Inter-roman.var.woff2 and /dev/null differ diff --git a/themes/aura/aura-dark/cyan/theme.scss b/themes/aura/aura-dark/cyan/theme.scss deleted file mode 100644 index 1bf160f..0000000 --- a/themes/aura/aura-dark/cyan/theme.scss +++ /dev/null @@ -1,13 +0,0 @@ -$primaryColor: #22d3ee !default; -$primaryLightColor: #67e8f9 !default; -$primaryLighterColor: #a5f3fc !default; -$primaryTextColor: #020617 !default; - -$highlightBg:rgba(34, 211, 238, .16) !default; -$highlightTextColor: rgba(255,255,255,.87) !default; -$highlightFocusBg: rgba($primaryColor, .24) !default; - -@import '../_variables'; -@import './_fonts'; -@import '../../../../theme-base/_components'; -@import '../extensions/_extensions'; \ No newline at end of file diff --git a/themes/aura/aura-dark/extensions/_accordion.scss b/themes/aura/aura-dark/extensions/_accordion.scss deleted file mode 100644 index 6d5a79f..0000000 --- a/themes/aura/aura-dark/extensions/_accordion.scss +++ /dev/null @@ -1,31 +0,0 @@ -.p-accordion { - .p-accordion-header { - .p-accordion-header-link { - border-radius: $borderRadius !important; - flex-direction: row-reverse; - justify-content: space-between; - - &:hover { - border-bottom-color: $accordionHeaderHoverBorderColor; - } - - .p-accordion-toggle-icon { - transform: rotate(90deg); - } - } - - &.p-highlight { - .p-accordion-toggle-icon { - transform: rotate(-180deg); - } - } - } - - .p-accordion-tab { - border-bottom: 1px solid $shade800; - - &:last-child { - border-bottom: 0 none; - } - } -} \ No newline at end of file diff --git a/themes/aura/aura-dark/extensions/_autocomplete.scss b/themes/aura/aura-dark/extensions/_autocomplete.scss deleted file mode 100644 index 2a9bcd4..0000000 --- a/themes/aura/aura-dark/extensions/_autocomplete.scss +++ /dev/null @@ -1,30 +0,0 @@ -.p-autocomplete { - .p-autocomplete-multiple-container { - padding: .25rem .25rem; - gap: .25rem; - - .p-autocomplete-token { - border-radius: 4px; - margin: 0; - - .p-autocomplete-token-icon { - margin-left: .375rem; - } - } - - - .p-autocomplete-input-token { - margin-left: .5rem; - } - - &:has(.p-autocomplete-token) { - .p-autocomplete-input-token { - margin-left: .5rem; - } - } - } - - &.p-disabled { - opacity: 1; - } -} \ No newline at end of file diff --git a/themes/aura/aura-dark/extensions/_button.scss b/themes/aura/aura-dark/extensions/_button.scss deleted file mode 100644 index 9c39395..0000000 --- a/themes/aura/aura-dark/extensions/_button.scss +++ /dev/null @@ -1,131 +0,0 @@ -@mixin focused-button-ring($ring-color) { - outline-color: $ring-color; -} - -.p-button-label { - font-weight: 500; -} - -.p-button { - &.p-button-success:enabled:focus-visible { - @include focused-button-ring($successButtonBg); - } - - &.p-button-info:enabled:focus-visible { - @include focused-button-ring($infoButtonBg); - } - - &.p-button-warning:enabled:focus-visible { - @include focused-button-ring($warningButtonBg); - } - - &.p-button-help:enabled:focus-visible { - @include focused-button-ring($helpButtonBg); - } - - &.p-button-danger:enabled:focus-visible { - @include focused-button-ring($dangerButtonBg); - } - - &.p-button-contrast:enabled:focus-visible { - @include focused-button-ring($contrastButtonBg); - } - - &.p-button-outlined { - border-color: rgba($primaryColor, 0.44); - - &:not(:disabled):hover, - &:not(:disabled):active { - border-color: rgba($primaryColor, 0.44); - } - - &.p-button-secondary { - border-color: rgba(82, 82, 91, 0.48); - color: $textSecondaryColor; - - &:not(:disabled):hover { - color: $textSecondaryColor; - background-color: rgba(255, 255, 255, $textButtonHoverBgOpacity); - border-color: rgba(82, 82, 91, 0.48); - } - - &:not(:disabled):active { - color: $textSecondaryColor; - background-color: rgba(255, 255, 255, $textButtonActiveBgOpacity); - border-color: rgba(82, 82, 91, 0.48); - } - } - - &.p-button-success { - border-color: rgba(21, 128, 61, 0.44); - - &:not(:disabled):hover, - &:not(:disabled):active { - border-color: rgba(21, 128, 61, 0.44); - } - } - - &.p-button-info { - border-color: rgba(29, 78, 216, 0.44); - - &:not(:disabled):hover, - &:not(:disabled):active { - border-color: rgba(29, 78, 216, 0.44); - } - } - - &.p-button-warning { - border-color: rgba(161, 98, 7, 0.44); - - &:not(:disabled):hover, - &:not(:disabled):active { - border-color: rgba(161, 98, 7, 0.44); - } - } - - &.p-button-help { - border-color: rgba(109, 40, 217, 0.44);; - - &:not(:disabled):hover, - &:not(:disabled):active { - border-color: rgba(109, 40, 217, 0.44);; - } - } - - &.p-button-danger { - border-color: rgba(185, 28, 28, 0.44); - - ; - - &:not(:disabled):hover, - &:not(:disabled):active { - border-color: rgba(185, 28, 28, 0.44); - } - } - - &.p-button-contrast { - border-color: rgba(255, 255, 28255, 0.44);; - - &:not(:disabled):hover, - &:not(:disabled):active { - border-color: rgba(255, 255, 255, 0.44);; - } - } - } - - &.p-button-secondary { - &.p-button-text { - color: $textSecondaryColor; - - &:not(:disabled):hover { - background-color: rgba(255, 255, 255, $textButtonHoverBgOpacity); - color: $textSecondaryColor; - } - - &:not(:disabled):active { - background-color: rgba(255, 255, 255, $textButtonActiveBgOpacity); - color: $textSecondaryColor; - } - } - } -} diff --git a/themes/aura/aura-dark/extensions/_calendar.scss b/themes/aura/aura-dark/extensions/_calendar.scss deleted file mode 100644 index bcf3c07..0000000 --- a/themes/aura/aura-dark/extensions/_calendar.scss +++ /dev/null @@ -1,19 +0,0 @@ -.p-datepicker-buttonbar { - .p-button { - padding: .25rem .75rem; - font-size: .875rem; - } -} - -.p-datepicker { - .p-datepicker-group-container + .p-timepicker { - margin-top: .5rem; - padding-top: .5rem; - } - - table { - th { - font-weight: 500; - } - } -} \ No newline at end of file diff --git a/themes/aura/aura-dark/extensions/_card.scss b/themes/aura/aura-dark/extensions/_card.scss deleted file mode 100644 index 14154db..0000000 --- a/themes/aura/aura-dark/extensions/_card.scss +++ /dev/null @@ -1,22 +0,0 @@ -.p-card { - border-radius: 12px; - display: flex; - flex-direction: column; - - .p-card-caption { - display: flex; - flex-direction: column; - gap: .5rem; - - .p-card-title, - .p-card-subtitle { - margin-bottom: 0; - } - } - - .p-card-body { - display: flex; - flex-direction: column; - gap: 1rem; - } -} \ No newline at end of file diff --git a/themes/aura/aura-dark/extensions/_carousel.scss b/themes/aura/aura-dark/extensions/_carousel.scss deleted file mode 100644 index a24e568..0000000 --- a/themes/aura/aura-dark/extensions/_carousel.scss +++ /dev/null @@ -1,5 +0,0 @@ -.p-carousel { - .p-carousel-indicators .p-carousel-indicator.p-highlight button { - background-color: $primaryColor; - } -} \ No newline at end of file diff --git a/themes/aura/aura-dark/extensions/_cascadeselect.scss b/themes/aura/aura-dark/extensions/_cascadeselect.scss deleted file mode 100644 index c04c95f..0000000 --- a/themes/aura/aura-dark/extensions/_cascadeselect.scss +++ /dev/null @@ -1,22 +0,0 @@ -.p-cascadeselect { - box-shadow: $inputShadow; - - .p-cascadeselect-label { - box-shadow: none; - } - - &.p-disabled { - opacity: 1; - background-color: $disabledInputBg; - - .p-cascadeselect-label { - background-color: $disabledInputBg; - color: $textSecondaryColor; - } - } -} - -div.p-cascadeselect-panel { - border: 0 none; - box-shadow: none; -} \ No newline at end of file diff --git a/themes/aura/aura-dark/extensions/_checkbox.scss b/themes/aura/aura-dark/extensions/_checkbox.scss deleted file mode 100644 index 98cb7cc..0000000 --- a/themes/aura/aura-dark/extensions/_checkbox.scss +++ /dev/null @@ -1,34 +0,0 @@ -.p-checkbox { - .p-checkbox-box { - border-radius: 4px; - box-shadow: $inputShadow; - } - - &:not(.p-disabled) { - &:has(.p-checkbox-input:focus-visible) { - .p-checkbox-box { - outline-width: 1px; - outline-offset: $focusOutlineOffset; - } - - &.p-highlight { - .p-checkbox-box { - border-color: $checkboxActiveBg; - } - } - } - } - - &.p-disabled { - opacity: 1; - - .p-checkbox-box { - background-color: $disabledInputBg; - border: $inputBorder; - - .p-checkbox-icon { - color: $textSecondaryColor; - } - } - } -} \ No newline at end of file diff --git a/themes/aura/aura-dark/extensions/_chip.scss b/themes/aura/aura-dark/extensions/_chip.scss deleted file mode 100644 index c856e7a..0000000 --- a/themes/aura/aura-dark/extensions/_chip.scss +++ /dev/null @@ -1,21 +0,0 @@ -.p-chip { - border-radius: $chipBorderRadius; - padding: .25rem .75rem; - - .p-chip-text { - margin-top: 0; - margin-bottom: 0; - } - - .p-chip-remove-icon { - margin-left: .375rem; - } - - &:has(.p-chip-remove-icon) { - padding-right: .5rem; - } - - img { - margin-left: -.5rem; - } -} \ No newline at end of file diff --git a/themes/aura/aura-dark/extensions/_chips.scss b/themes/aura/aura-dark/extensions/_chips.scss deleted file mode 100644 index 673af69..0000000 --- a/themes/aura/aura-dark/extensions/_chips.scss +++ /dev/null @@ -1,33 +0,0 @@ -.p-chips { - .p-chips-multiple-container { - padding: .25rem .25rem; - gap: .25rem; - - .p-chips-token { - border-radius: 4px; - margin: 0; - - .p-chips-token-icon { - margin-left: .375rem; - } - } - - - .p-chips-input-token { - margin-left: .5rem; - } - - &:has(.p-chips-token) { - .p-chips-input-token { - margin-left: .5rem; - } - } - } - - &.p-disabled { - .p-chips-multiple-container { - opacity: 1; - background-color: $disabledInputBg; - } - } -} \ No newline at end of file diff --git a/themes/aura/aura-dark/extensions/_colorpicker.scss b/themes/aura/aura-dark/extensions/_colorpicker.scss deleted file mode 100644 index fc2729a..0000000 --- a/themes/aura/aura-dark/extensions/_colorpicker.scss +++ /dev/null @@ -1,11 +0,0 @@ -.p-colorpicker-preview { - padding: 0; - - &:enabled:focus { - outline-offset: $focusOutlineOffset; - } - - &.p-inputtext.p-disabled { - opacity: $disabledOpacity; - } -} \ No newline at end of file diff --git a/themes/aura/aura-dark/extensions/_confirmpopup.scss b/themes/aura/aura-dark/extensions/_confirmpopup.scss deleted file mode 100644 index 959bcb7..0000000 --- a/themes/aura/aura-dark/extensions/_confirmpopup.scss +++ /dev/null @@ -1,3 +0,0 @@ -.p-confirm-popup { - box-shadow: $inputOverlayShadow; -} \ No newline at end of file diff --git a/themes/aura/aura-dark/extensions/_datatable.scss b/themes/aura/aura-dark/extensions/_datatable.scss deleted file mode 100644 index 4e55eef..0000000 --- a/themes/aura/aura-dark/extensions/_datatable.scss +++ /dev/null @@ -1,25 +0,0 @@ -.p-datatable { - .p-datatable-tbody { - > tr { - &.p-datatable-dragpoint-top > td { - box-shadow: inset 0 2px 0 0 $primaryColor; - } - - &.p-datatable-dragpoint-bottom > td { - box-shadow: inset 0 -2px 0 0 $primaryColor; - } - - &:has(+ .p-highlight) { - > td { - border-bottom-color: scale-color($highlightBg, $lightness: -10%); - } - } - - &.p-highlight { - > td { - border-bottom-color: scale-color($highlightBg, $lightness: -10%); - } - } - } - } -} \ No newline at end of file diff --git a/themes/aura/aura-dark/extensions/_dataview.scss b/themes/aura/aura-dark/extensions/_dataview.scss deleted file mode 100644 index da86ab8..0000000 --- a/themes/aura/aura-dark/extensions/_dataview.scss +++ /dev/null @@ -1,7 +0,0 @@ -.p-dataview-layout-options.p-selectbutton { - .p-button { - svg { - position: relative; - } - } -} \ No newline at end of file diff --git a/themes/aura/aura-dark/extensions/_dialog.scss b/themes/aura/aura-dark/extensions/_dialog.scss deleted file mode 100644 index 2b299ec..0000000 --- a/themes/aura/aura-dark/extensions/_dialog.scss +++ /dev/null @@ -1,25 +0,0 @@ -.p-dialog { - border-radius: $contentBorderRadius; - background-color: $dialogHeaderBg; - - &.p-dialog-maximized { - border-radius: 0; - } - - .p-dialog-header { - border-top-right-radius: $contentBorderRadius; - border-top-left-radius: $contentBorderRadius; - } - - .p-dialog-content { - &:last-of-type { - border-bottom-right-radius: $contentBorderRadius; - border-bottom-left-radius: $contentBorderRadius; - } - } - - .p-dialog-footer { - border-bottom-right-radius: $contentBorderRadius; - border-bottom-left-radius: $contentBorderRadius; - } -} \ No newline at end of file diff --git a/themes/aura/aura-dark/extensions/_dropdown.scss b/themes/aura/aura-dark/extensions/_dropdown.scss deleted file mode 100644 index b7e22fb..0000000 --- a/themes/aura/aura-dark/extensions/_dropdown.scss +++ /dev/null @@ -1,27 +0,0 @@ -.p-dropdown { - box-shadow: $inputShadow; - - .p-dropdown-label { - box-shadow: none; - } - - &.p-disabled { - opacity: 1; - background-color: $disabledInputBg; - - .p-dropdown-label { - color: $textSecondaryColor; - } - } -} - -.p-dropdown-panel { - .p-dropdown-items { - .p-dropdown-item { - .p-dropdown-check-icon { - margin-left: -0.375rem; - margin-right: 0.375rem; - } - } - } -} diff --git a/themes/aura/aura-dark/extensions/_extensions.scss b/themes/aura/aura-dark/extensions/_extensions.scss deleted file mode 100644 index bfcd125..0000000 --- a/themes/aura/aura-dark/extensions/_extensions.scss +++ /dev/null @@ -1,85 +0,0 @@ -$contentBorderRadius: 12px; - -$inputShadow: 0 0 #0000, 0 0 #0000, 0 1px 2px 0 rgba(18, 18, 23, 0.05); - -@mixin secondary-button { - color: $secondaryButtonTextColor; - background: $secondaryButtonBg; - border: $secondaryButtonBorder; - - &:not(:disabled):hover { - background: $secondaryButtonHoverBg; - color: $secondaryButtonTextHoverColor; - border-color: $secondaryButtonHoverBorderColor; - } - - &:not(:disabled):focus { - box-shadow: $secondaryButtonFocusShadow; - } - - &:not(:disabled):active { - background: $secondaryButtonActiveBg; - color: $secondaryButtonTextActiveColor; - border-color: $secondaryButtonActiveBorderColor; - } -} - -@layer primevue { - @import "./_accordion"; - @import "./_autocomplete"; - @import "./_button"; - @import "./_calendar"; - @import "./_card"; - @import "./_carousel"; - @import "./_cascadeselect"; - @import "./_checkbox"; - @import "./_chips"; - @import "./_chip"; - @import "./_colorpicker"; - @import "./_confirmpopup"; - @import "./_datatable"; - @import "./_dataview"; - @import "./_dialog"; - @import "./_dropdown"; - @import "./_treetable"; - @import "./_fieldset"; - @import "./_filter"; - @import "./_fileupload"; - @import "./_galleria"; - @import "./_inlinemessage"; - @import "./_inputgroup"; - @import "./_inputnumber"; - @import "./_inputswitch"; - @import "./_inputtext"; - @import "./_knob"; - @import "./_listbox"; - @import "./_message"; - @import "./_multiselect"; - @import "./_panelmenu"; - @import "./_password"; - @import "./_orderlist"; - @import "./_organizationchart"; - @import "./_overlaypanel"; - @import "./_panel"; - @import "./_picklist"; - @import "./_progressbar"; - @import "./_radiobutton"; - @import "./_rating"; - @import "./_selectbutton"; - @import "./_slider"; - @import "./_speeddial"; - @import "./_splitter"; - @import "./_stepper"; - @import "./_steps"; - @import "./_tabmenu"; - @import "./_tabview"; - @import "./_tag"; - @import "./_terminal"; - @import "./_textarea"; - @import "./_timeline"; - @import "./_toast"; - @import "./_togglebutton"; - @import "./_toolbar"; - @import "./_tree"; - @import "./_treeselect"; -} diff --git a/themes/aura/aura-dark/extensions/_fieldset.scss b/themes/aura/aura-dark/extensions/_fieldset.scss deleted file mode 100644 index 902d635..0000000 --- a/themes/aura/aura-dark/extensions/_fieldset.scss +++ /dev/null @@ -1,38 +0,0 @@ -.p-fieldset { - padding: 0 1.125rem 1.125rem 1.125rem; - margin: 0; - - &.p-fieldset-toggleable { - .p-fieldset-legend { - a { - padding: .5rem .75rem; - - .p-fieldset-legend-text { - padding: 0; - } - - .p-fieldset-toggler { - color: $textSecondaryColor; - } - } - - &:hover { - background-color: $hoverBg; - } - } - } - - .p-fieldset-legend { - border: 0 none; - padding: 0; - margin-bottom: 0.375rem; - - span { - padding: .5rem .75rem; - } - } - - .p-fieldset-content { - padding: 0; - } -} \ No newline at end of file diff --git a/themes/aura/aura-dark/extensions/_fileupload.scss b/themes/aura/aura-dark/extensions/_fileupload.scss deleted file mode 100644 index 6497a85..0000000 --- a/themes/aura/aura-dark/extensions/_fileupload.scss +++ /dev/null @@ -1,5 +0,0 @@ -.p-fileupload { - .p-fileupload-content { - border-top: 0 none; - } -} \ No newline at end of file diff --git a/themes/aura/aura-dark/extensions/_filter.scss b/themes/aura/aura-dark/extensions/_filter.scss deleted file mode 100644 index 66358fc..0000000 --- a/themes/aura/aura-dark/extensions/_filter.scss +++ /dev/null @@ -1,38 +0,0 @@ -.p-column-filter-overlay-menu { - padding: .75rem; - display: flex; - flex-direction: column; - gap: $inlineSpacing; - - .p-column-filter-operator { - padding: 0; - } - - .p-column-filter-constraints { - display: flex; - flex-direction: column; - gap: $inlineSpacing; - } - - .p-column-filter-constraint { - padding: 0 0 0 0; - - .p-column-filter-remove-button { - margin-bottom: $inlineSpacing; - } - - &:last-child { - .p-column-filter-remove-button { - margin-bottom: 0; - } - } - } - - .p-column-filter-add-rule { - padding: 0; - } - - .p-column-filter-buttonbar { - padding: 0; - } -} \ No newline at end of file diff --git a/themes/aura/aura-dark/extensions/_galleria.scss b/themes/aura/aura-dark/extensions/_galleria.scss deleted file mode 100644 index 38c8e42..0000000 --- a/themes/aura/aura-dark/extensions/_galleria.scss +++ /dev/null @@ -1,5 +0,0 @@ -.p-galleria { - .p-galleria-indicators .p-galleria-indicator.p-highlight button { - background-color: $primaryColor; - } -} \ No newline at end of file diff --git a/themes/aura/aura-dark/extensions/_inlinemessage.scss b/themes/aura/aura-dark/extensions/_inlinemessage.scss deleted file mode 100644 index d7ac0f0..0000000 --- a/themes/aura/aura-dark/extensions/_inlinemessage.scss +++ /dev/null @@ -1,31 +0,0 @@ -.p-inline-message-text { - font-weight: 500; -} - -.p-inline-message { - backdrop-filter: blur(10px); -} - -.p-inline-message.p-inline-message-info { - box-shadow: 0px 4px 8px 0px rgba(59, 130, 246, 0.04); -} - -.p-inline-message.p-inline-message-success { - box-shadow: 0px 4px 8px 0px rgba(34, 197, 94, 0.04); -} - -.p-inline-message.p-inline-message-warn { - box-shadow: 0px 4px 8px 0px rgba(234, 179, 8, 0.04); -} - -.p-inline-message.p-inline-message-error { - box-shadow: 0px 4px 8px 0px rgba(239, 68, 68, 0.04); -} - -.p-inline-message.p-inline-message-secondary { - box-shadow: 0px 4px 8px 0px rgba(74, 85, 103, 0.04); -} - -.p-inline-message.p-inline-message-contrast { - box-shadow: 0px 4px 8px 0px rgba(2, 6, 23, 0.04); -} diff --git a/themes/aura/aura-dark/extensions/_inputgroup.scss b/themes/aura/aura-dark/extensions/_inputgroup.scss deleted file mode 100644 index 9c3eaf2..0000000 --- a/themes/aura/aura-dark/extensions/_inputgroup.scss +++ /dev/null @@ -1,3 +0,0 @@ -.p-inputgroup-addon { - padding: .5rem; -} \ No newline at end of file diff --git a/themes/aura/aura-dark/extensions/_inputnumber.scss b/themes/aura/aura-dark/extensions/_inputnumber.scss deleted file mode 100644 index 6b64d07..0000000 --- a/themes/aura/aura-dark/extensions/_inputnumber.scss +++ /dev/null @@ -1,87 +0,0 @@ -.p-inputnumber { - &.p-inputnumber-buttons-stacked { - position: relative; - - .p-inputnumber-input { - border-top-right-radius: $borderRadius - 1; - border-bottom-right-radius: $borderRadius - 1; - } - - .p-inputnumber-button-group { - position: absolute; - top: 1px; - right: 1px; - height: calc(100% - 2px); - } - - .p-inputnumber-button { - border-top-right-radius: $borderRadius - 1; - border-bottom-right-radius: $borderRadius - 1; - background-color: transparent; - border: 0 none; - color: $textSecondaryColor; - - &:hover { - background-color: rgba(255, 255, 255, 0.03); - color: $textColor; - } - - &:active { - background-color: rgba(255, 255, 255, 0.08); - color: $textColor; - } - } - } - - &.p-inputnumber-buttons-horizontal { - .p-inputnumber-button { - background-color: transparent; - border: $inputBorder; - color: $textSecondaryColor; - - &:hover { - background-color: rgba(255, 255, 255, 0.03); - color: $textColor; - } - - &:active { - background-color: rgba(255, 255, 255, 0.08); - color: $textColor; - } - - &.p-inputnumber-button-up { - border-left: 0 none; - } - - &.p-inputnumber-button-down { - border-right: 0 none; - } - } - } - - &.p-inputnumber-buttons-vertical { - .p-inputnumber-button { - background-color: transparent; - border: $inputBorder; - color: $textSecondaryColor; - - &:hover { - background-color: rgba(255, 255, 255, 0.03); - color: $textColor; - } - - &:active { - background-color: rgba(255, 255, 255, 0.08); - color: $textColor; - } - - &.p-inputnumber-button-up { - border-bottom: 0 none; - } - - &.p-inputnumber-button-down { - border-top: 0 none; - } - } - } -} diff --git a/themes/aura/aura-dark/extensions/_inputswitch.scss b/themes/aura/aura-dark/extensions/_inputswitch.scss deleted file mode 100644 index 4223b45..0000000 --- a/themes/aura/aura-dark/extensions/_inputswitch.scss +++ /dev/null @@ -1,21 +0,0 @@ -.p-inputswitch { - .p-inputswitch-slider { - border: 0 none; - } - - &.p-highlight { - p-inputswitch-slider:before { - left: 1.25rem; - transform: none; - } - } - - &.p-invalid > .p-inputswitch-slider { - background: $errorColor; - - - &:before { - background: $shade900; - } - } -} \ No newline at end of file diff --git a/themes/aura/aura-dark/extensions/_inputtext.scss b/themes/aura/aura-dark/extensions/_inputtext.scss deleted file mode 100644 index 7da6990..0000000 --- a/themes/aura/aura-dark/extensions/_inputtext.scss +++ /dev/null @@ -1,9 +0,0 @@ -.p-inputtext { - box-shadow: $inputShadow; -} - -.p-inputtext:disabled { - opacity: 1; - background-color: $disabledInputBg; - color: $textSecondaryColor; -} \ No newline at end of file diff --git a/themes/aura/aura-dark/extensions/_knob.scss b/themes/aura/aura-dark/extensions/_knob.scss deleted file mode 100644 index 3a13d61..0000000 --- a/themes/aura/aura-dark/extensions/_knob.scss +++ /dev/null @@ -1,9 +0,0 @@ -.p-knob svg { - border-radius: $borderRadius; - outline-color: transparent; - transition: outline-color $transitionDuration; - - &:focus-visible { - @include focused(); - } -} \ No newline at end of file diff --git a/themes/aura/aura-dark/extensions/_listbox.scss b/themes/aura/aura-dark/extensions/_listbox.scss deleted file mode 100644 index 40460a8..0000000 --- a/themes/aura/aura-dark/extensions/_listbox.scss +++ /dev/null @@ -1,14 +0,0 @@ -.p-listbox { - box-shadow: $inputShadow; - - &.p-disabled { - opacity: 1; - background-color: $disabledInputBg; - - .p-listbox-list { - .p-listbox-item { - color: $textSecondaryColor; - } - } - } -} \ No newline at end of file diff --git a/themes/aura/aura-dark/extensions/_message.scss b/themes/aura/aura-dark/extensions/_message.scss deleted file mode 100644 index d7513af..0000000 --- a/themes/aura/aura-dark/extensions/_message.scss +++ /dev/null @@ -1,87 +0,0 @@ -.p-message { - backdrop-filter: blur(10px); -} - -.p-message.p-message-info { - box-shadow: 0px 4px 8px 0px rgba(59, 130, 246, 0.04); - - .p-message-close { - &:focus-visible { - outline-color: $infoMessageIconColor; - } - - &:hover { - background: rgba(255, 255, 255, 0.05); - } - } -} - -.p-message.p-message-success { - box-shadow: 0px 4px 8px 0px rgba(34, 197, 94, 0.04); - - .p-message-close { - &:focus-visible { - outline-color: $successMessageIconColor; - } - - &:hover { - background: rgba(255, 255, 255, 0.05); - } - } -} - -.p-message.p-message-warn { - box-shadow: 0px 4px 8px 0px rgba(234, 179, 8, 0.04); - - .p-message-close { - &:focus-visible { - outline-color: $warningMessageIconColor; - } - - &:hover { - background: rgba(255, 255, 255, 0.05); - } - } -} - -.p-message.p-message-error { - box-shadow: 0px 4px 8px 0px rgba(239, 68, 68, 0.04); - - .p-message-close { - &:focus-visible { - outline-color: $errorMessageIconColor; - } - - &:hover { - background: rgba(255, 255, 255, 0.05); - } - } -} - -.p-message.p-message-secondary { - box-shadow: 0px 4px 8px 0px rgba(74, 85, 103, 0.04); - - .p-message-close { - &:focus-visible { - outline-color: $secondaryMessageIconColor; - } - - &:hover { - background: $secondaryButtonHoverBg; - } - } -} - -.p-message.p-message-contrast { - box-shadow: 0px 4px 8px 0px rgba(2, 6, 23, 0.04); - - .p-message-close { - &:focus-visible { - outline-color: $contrastMessageIconColor; - } - - &:hover { - background: $contrastButtonHoverBg; - } - } -} diff --git a/themes/aura/aura-dark/extensions/_multiselect.scss b/themes/aura/aura-dark/extensions/_multiselect.scss deleted file mode 100644 index 6e6779e..0000000 --- a/themes/aura/aura-dark/extensions/_multiselect.scss +++ /dev/null @@ -1,40 +0,0 @@ -.p-multiselect-panel { - .p-multiselect-header { - padding-left: 1rem; - padding-right: 1rem; - } -} - -.p-multiselect { - box-shadow: $inputShadow; - - &.p-disabled { - opacity: 1; - background-color: $disabledInputBg; - - .p-multiselect-label { - color: $textSecondaryColor; - } - } - - &.p-multiselect-chip { - .p-multiselect-token { - border-radius: 4px; - margin-right: .25rem; - - .p-multiselect-token-icon { - margin-left: .375rem; - } - } - } -} - -.p-inputwrapper-filled { - &.p-multiselect { - &.p-multiselect-chip { - .p-multiselect-label { - padding: .25rem .25rem; - } - } - } -} \ No newline at end of file diff --git a/themes/aura/aura-dark/extensions/_orderlist.scss b/themes/aura/aura-dark/extensions/_orderlist.scss deleted file mode 100644 index 618f895..0000000 --- a/themes/aura/aura-dark/extensions/_orderlist.scss +++ /dev/null @@ -1,36 +0,0 @@ -.p-orderlist-controls .p-button { - transition: opacity $transitionDuration, outline-color $transitionDuration, background-color $transitionDuration, color $transitionDuration, border-color $transitionDuration, box-shadow $transitionDuration; - - @include secondary-button(); -} -.p-orderlist { - .p-orderlist-header { - background: $inputListHeaderBg; - color: $inputListHeaderTextColor; - border: 0 none; - border-bottom: 0 none; - padding: .75rem 1rem .5rem 1rem; - font-weight: 600; - color: $textSecondaryColor; - border-top-right-radius: $borderRadius; - border-top-left-radius: $borderRadius; - } - - .p-orderlist-list { - border: $inputListBorder; - border: 0 none; - background: $inputListBg; - color: $inputListTextColor; - padding: $inputListPadding; - border-bottom-right-radius: $borderRadius; - border-bottom-left-radius: $borderRadius; - - .p-orderlist-item { - border-radius: $borderRadius; - } - - &:not(:first-child) { - border: 0 none; - } - } -} \ No newline at end of file diff --git a/themes/aura/aura-dark/extensions/_organizationchart.scss b/themes/aura/aura-dark/extensions/_organizationchart.scss deleted file mode 100644 index 98fd8b9..0000000 --- a/themes/aura/aura-dark/extensions/_organizationchart.scss +++ /dev/null @@ -1,37 +0,0 @@ -.p-organizationchart { - .p-organizationchart-node-content { - padding: 0.75rem 1rem; - border-radius: $borderRadius; - - .p-node-toggler { - transition: $actionIconTransition; - border: 1px solid $organizationChartConnectorColor; - display: inline-flex; - justify-content: center; - align-items: center; - - .p-node-toggler-icon { - position: static; - } - } - - &:has(.p-node-toggler) { - padding: 0.75rem 1rem 1.25rem 1rem; - } - } - - .p-organizationchart-lines { - :nth-child(1 of .p-organizationchart-line-left) { - border-right: 0 none; - } - - :nth-last-child(1 of .p-organizationchart-line-left) { - border-top-right-radius: $borderRadius; - } - - :nth-child(1 of .p-organizationchart-line-right) { - border-left: 1px solid $organizationChartConnectorColor; - border-top-left-radius: $borderRadius; - } - } -} diff --git a/themes/aura/aura-dark/extensions/_overlaypanel.scss b/themes/aura/aura-dark/extensions/_overlaypanel.scss deleted file mode 100644 index 18b14c8..0000000 --- a/themes/aura/aura-dark/extensions/_overlaypanel.scss +++ /dev/null @@ -1,14 +0,0 @@ -.p-overlaypanel { - box-shadow: $inputOverlayShadow; - - .p-overlaypanel-content { - padding: .75rem; - } - - .p-overlaypanel-close { - @include action-icon(); - position: absolute; - top: .25rem; - right: .25rem; - } -} \ No newline at end of file diff --git a/themes/aura/aura-dark/extensions/_panel.scss b/themes/aura/aura-dark/extensions/_panel.scss deleted file mode 100644 index 78af49f..0000000 --- a/themes/aura/aura-dark/extensions/_panel.scss +++ /dev/null @@ -1,18 +0,0 @@ -.p-panel { - border: 1px solid $panelHeaderBorderColor; - border-radius: $borderRadius; - background-color: $panelContentBg; - - .p-panel-header, - .p-panel-content, - .p-panel-footer { - background: transparent; - border: 0 none; - } - - &:has(.p-panel-footer) { - .p-panel-content { - padding-bottom: .875rem; - } - } -} diff --git a/themes/aura/aura-dark/extensions/_panelmenu.scss b/themes/aura/aura-dark/extensions/_panelmenu.scss deleted file mode 100644 index c60f766..0000000 --- a/themes/aura/aura-dark/extensions/_panelmenu.scss +++ /dev/null @@ -1,105 +0,0 @@ -.p-panelmenu { - .p-panelmenu-header { - border-radius: $menuitemBorderRadius; - - &:not(.p-disabled) { - &:focus-visible { - .p-panelmenu-header-content { - outline: 0 none; - - .p-panelmenu-header-action { - background: $menuitemFocusBg; - - .p-menuitem-text { - color: $menuitemTextFocusColor; - } - - .p-submenu-icon { - color: $menuitemIconFocusColor; - } - - .p-menuitem-icon { - color: $menuitemIconFocusColor; - } - } - } - } - } - - .p-panelmenu-header-content { - border-radius: $menuitemBorderRadius; - transition: $listItemTransition; - - .p-panelmenu-header-action { - color: $menuitemTextColor; - padding: $menuitemPadding; - font-weight: $submenuHeaderFontWeight; - border-radius: $menuitemBorderRadius; - transition: $listItemTransition; - - .p-menuitem-text { - color: $menuitemTextColor; - } - - .p-submenu-icon { - color: $menuitemIconColor; - } - - .p-menuitem-icon { - color: $menuitemIconColor; - } - - &:hover { - background: $menuitemHoverBg; - - .p-menuitem-text { - color: $menuitemTextHoverColor; - } - - .p-submenu-icon { - color: $menuitemIconHoverColor; - } - - .p-menuitem-icon { - color: $menuitemIconHoverColor; - } - } - - .p-submenu-icon { - margin-right: $inlineSpacing; - } - - .p-menuitem-icon { - margin-right: $inlineSpacing; - } - - .p-menuitem-text { - /*line-height: 1.5;*/ - } - } - } - } - - .p-panelmenu-content { - border-radius: $borderRadius; - padding: 0 0 0 1rem; - - .p-menuitem { - &:first-child { - margin-top: 2px; - } - - &:last-child { - margin-top: 2px; - } - } - } - - .p-panelmenu-panel { - padding: $inputListPadding; - overflow: hidden; - margin-bottom: .75rem; - border: 1px solid $panelHeaderBorderColor; - border-radius: $borderRadius; - } -} diff --git a/themes/aura/aura-dark/extensions/_password.scss b/themes/aura/aura-dark/extensions/_password.scss deleted file mode 100644 index 3568452..0000000 --- a/themes/aura/aura-dark/extensions/_password.scss +++ /dev/null @@ -1,29 +0,0 @@ -.p-password-panel { - background-color: $inputOverlayBg; - border: $inputOverlayBorder; - padding: .75rem; - box-shadow: $inputOverlayShadow; - border-radius: $borderRadius; - - .p-password-meter { - margin-bottom: .75rem; - background: $passwordMeterBg; - border-radius: $borderRadius; - - .p-password-strength { - border-radius: $borderRadius; - - &.weak { - background: $passwordWeakBg; - } - - &.medium { - background: $passwordMediumBg; - } - - &.strong { - background: $passwordStrongBg; - } - } - } -} diff --git a/themes/aura/aura-dark/extensions/_picklist.scss b/themes/aura/aura-dark/extensions/_picklist.scss deleted file mode 100644 index 3589fef..0000000 --- a/themes/aura/aura-dark/extensions/_picklist.scss +++ /dev/null @@ -1,37 +0,0 @@ -.p-picklist-buttons .p-button { - transition: opacity $transitionDuration, outline-color $transitionDuration, background-color $transitionDuration, color $transitionDuration, border-color $transitionDuration, box-shadow $transitionDuration; - - @include secondary-button(); -} - -.p-picklist { - .p-picklist-header { - background: $inputListHeaderBg; - color: $inputListHeaderTextColor; - border: $inputListBorder; - border: 0 none; - padding: .75rem 1rem .5rem 1rem; - font-weight: 600; - color: $textSecondaryColor; - border-top-right-radius: $borderRadius; - border-top-left-radius: $borderRadius; - } - - .p-picklist-list { - border: $inputListBorder; - border: 0 none; - background: $inputListBg; - color: $inputListTextColor; - padding: $inputListPadding; - border-bottom-right-radius: $borderRadius; - border-bottom-left-radius: $borderRadius; - - .p-picklist-item { - border-radius: $borderRadius; - } - - &:not(:first-child) { - border: 0 none; - } - } -} \ No newline at end of file diff --git a/themes/aura/aura-dark/extensions/_progressbar.scss b/themes/aura/aura-dark/extensions/_progressbar.scss deleted file mode 100644 index 360a627..0000000 --- a/themes/aura/aura-dark/extensions/_progressbar.scss +++ /dev/null @@ -1,4 +0,0 @@ -.p-progressbar-label { - font-size: .75rem; - font-weight: 600; -} \ No newline at end of file diff --git a/themes/aura/aura-dark/extensions/_radiobutton.scss b/themes/aura/aura-dark/extensions/_radiobutton.scss deleted file mode 100644 index 577f26a..0000000 --- a/themes/aura/aura-dark/extensions/_radiobutton.scss +++ /dev/null @@ -1,32 +0,0 @@ -.p-radiobutton { - .p-radiobutton-box { - box-shadow: $inputShadow; - } - - &:not(.p-disabled) { - &:has(.p-radiobutton-input:focus-visible) { - .p-radiobutton-box { - outline-width: 1px; - outline-offset: $focusOutlineOffset; - } - - &.p-highlight { - .p-radiobutton-box { - border-color: $checkboxActiveBg; - } - } - } - } - - &.p-disabled { - opacity: 1; - .p-radiobutton-box { - border: $inputBorder; - background-color: $disabledInputBg; - - .p-radiobutton-icon { - background-color: $textSecondaryColor; - } - } - } -} \ No newline at end of file diff --git a/themes/aura/aura-dark/extensions/_rating.scss b/themes/aura/aura-dark/extensions/_rating.scss deleted file mode 100644 index 4a244bf..0000000 --- a/themes/aura/aura-dark/extensions/_rating.scss +++ /dev/null @@ -1,3 +0,0 @@ -.p-rating { - gap: 0.25rem; -} diff --git a/themes/aura/aura-dark/extensions/_selectbutton.scss b/themes/aura/aura-dark/extensions/_selectbutton.scss deleted file mode 100644 index 5a48b46..0000000 --- a/themes/aura/aura-dark/extensions/_selectbutton.scss +++ /dev/null @@ -1,55 +0,0 @@ -.p-selectbutton { - .p-button { - .pi, - .p-button-label { - position: relative; - transition: none; - } - - &::before { - content: ''; - background-color: transparent; - transition: $formElementTransition; - position: absolute; - left: .25rem; - top: .25rem; - width: calc(100% - .5rem); - height: calc(100% - .5rem); - border-radius: 4px; - } - - &.p-highlight { - &::before { - background: $shade800; - border-color: $shade800; - box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.02), 0px 1px 2px 0px rgba(0, 0, 0, 0.04); - } - } - - &:focus-visible { - @include focused-input(); - } - - &.p-disabled { - opacity: 1; - color: $shade500; - } - } - - &.p-invalid { - box-shadow: 0 0 0 1px $errorColor; - border-radius: $borderRadius; - - > .p-button { - border: $toggleButtonBorder; - } - } - - &.p-disabled { - opacity: 1; - - .p-button { - color: $shade500; - } - } -} \ No newline at end of file diff --git a/themes/aura/aura-dark/extensions/_slider.scss b/themes/aura/aura-dark/extensions/_slider.scss deleted file mode 100644 index f7f8e4f..0000000 --- a/themes/aura/aura-dark/extensions/_slider.scss +++ /dev/null @@ -1,22 +0,0 @@ -.p-slider { - .p-slider-handle { - display: flex !important; - justify-content: center; - align-items: center; - - &::before { - content: ''; - width: 16px; - height: 16px; - display: block; - background-color: $shade950; - border-radius: 50%; - box-shadow: 0px 0.5px 0px 0px rgba(0, 0, 0, 0.08), 0px 1px 1px 0px rgba(0, 0, 0, 0.14); - } - - &:focus-visible { - outline: 0 none; - box-shadow: 0 0 0 2px $shade950, 0 0 0 4px var(--p-focus-ring-color), 0 1px 2px 0 rgba(0, 0, 0, 1); - } - } -} diff --git a/themes/aura/aura-dark/extensions/_speeddial.scss b/themes/aura/aura-dark/extensions/_speeddial.scss deleted file mode 100644 index dfe27a8..0000000 --- a/themes/aura/aura-dark/extensions/_speeddial.scss +++ /dev/null @@ -1,9 +0,0 @@ -.p-speeddial-item { - &.p-focus > .p-speeddial-action { - @include focused-button-ring(scale-color($buttonBg, $lightness: 50%)); - } -} - -.p-speeddial-button.p-speeddial-rotate { - transition: transform 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, $formElementTransition; -} \ No newline at end of file diff --git a/themes/aura/aura-dark/extensions/_splitter.scss b/themes/aura/aura-dark/extensions/_splitter.scss deleted file mode 100644 index 74f1a81..0000000 --- a/themes/aura/aura-dark/extensions/_splitter.scss +++ /dev/null @@ -1,3 +0,0 @@ -.p-splitter-gutter-handle { - border-radius: $borderRadius; -} \ No newline at end of file diff --git a/themes/aura/aura-dark/extensions/_stepper.scss b/themes/aura/aura-dark/extensions/_stepper.scss deleted file mode 100644 index c33b5ff..0000000 --- a/themes/aura/aura-dark/extensions/_stepper.scss +++ /dev/null @@ -1,14 +0,0 @@ -.p-stepper { - .p-stepper-header { - &.p-highlight { - .p-stepper-number { - background: $stepsItemBg; - color: $primaryColor; - } - - .p-stepper-title { - color: $primaryColor; - } - } - } -} \ No newline at end of file diff --git a/themes/aura/aura-dark/extensions/_steps.scss b/themes/aura/aura-dark/extensions/_steps.scss deleted file mode 100644 index 847aaee..0000000 --- a/themes/aura/aura-dark/extensions/_steps.scss +++ /dev/null @@ -1,64 +0,0 @@ -@use 'sass:math'; - -.p-steps { - .p-steps-item { - .p-menuitem-link { - .p-steps-number { - border-width: 2px; - transition: $actionIconTransition; - } - - .p-steps-title { - font-weight: $stepsItemActiveFontWeight; - transition: $actionIconTransition; - } - } - - .p-steps-number { - position: relative; - font-weight: 500; - - &::after { - content: ' '; - position: absolute; - width: 100%; - height: 100%; - border-radius: 50%; - box-shadow: 0px 0.5px 0px 0px rgba(0, 0, 0, 0.06), 0px 1px 1px 0px rgba(0, 0, 0, 0.12); - } - } - - &.p-highlight { - .p-steps-number { - background: $stepsItemBg; - color: $primaryColor; - } - - .p-steps-title { - color: $primaryColor; - } - } - - &.p-disabled { - opacity: 1; - } - - &:before { - border-top-width: 2px; - margin-top: calc(-1rem + 1px); - } - - &:first-child { - &::before { - width: calc(50% + #{math.div($stepsItemNumberWidth, 2)}); - transform: translateX(100%); - } - } - - &:last-child { - &::before { - width: 50%; - } - } - } -} diff --git a/themes/aura/aura-dark/extensions/_tabmenu.scss b/themes/aura/aura-dark/extensions/_tabmenu.scss deleted file mode 100644 index d272a4c..0000000 --- a/themes/aura/aura-dark/extensions/_tabmenu.scss +++ /dev/null @@ -1,20 +0,0 @@ -.p-tabmenu { - .p-tabmenu-ink-bar { - z-index: 1; - display: block; - position: absolute; - bottom: -1px; - height: 1px; - background-color: $primaryColor; - transition: 250ms cubic-bezier(0.35, 0, 0.25, 1); - } - - .p-tabmenu-nav { - position: relative; - .p-tabmenuitem { - .p-menuitem-link { - transition: background-color $transitionDuration, color $transitionDuration, border-color $transitionDuration, box-shadow $transitionDuration, outline-color $transitionDuration; - } - } - } -} \ No newline at end of file diff --git a/themes/aura/aura-dark/extensions/_tabview.scss b/themes/aura/aura-dark/extensions/_tabview.scss deleted file mode 100644 index 356cd6d..0000000 --- a/themes/aura/aura-dark/extensions/_tabview.scss +++ /dev/null @@ -1,32 +0,0 @@ -.p-tabview { - .p-tabview-ink-bar { - z-index: 1; - display: block; - position: absolute; - bottom: 0; - height: 1px; - background-color: $primaryColor; - transition: 500ms cubic-bezier(0.35, 0, 0.25, 1); - } - - .p-tabview-nav { - position: relative; - - li { - .p-tabview-nav-link { - transition: background-color $transitionDuration, color $transitionDuration, border-color $transitionDuration, box-shadow $transitionDuration, outline-color $transitionDuration; - } - } - } - - .p-tabview-nav-btn.p-link { - color: $actionIconColor; - transition: $actionIconTransition; - box-shadow: $raisedButtonShadow; - box-shadow: 0px 0px 10px 50px rgba($tabviewNavBg, .5); - - &:hover { - color: $actionIconHoverColor; - } - } -} \ No newline at end of file diff --git a/themes/aura/aura-dark/extensions/_tag.scss b/themes/aura/aura-dark/extensions/_tag.scss deleted file mode 100644 index fe0979a..0000000 --- a/themes/aura/aura-dark/extensions/_tag.scss +++ /dev/null @@ -1,26 +0,0 @@ -@use 'sass:math'; - -.p-tag { - background: color-mix(in srgb, var(--primary-500), transparent 80%); - color: var(--primary-300); - - &.p-tag-success { - background: $successMessageBg; - color: $successMessageTextColor; - } - - &.p-tag-info { - background: $infoMessageBg; - color: $infoMessageTextColor; - } - - &.p-tag-warning { - background: $warningMessageBg; - color: $warningMessageIconColor; - } - - &.p-tag-danger { - background: $errorMessageBg; - color: $errorMessageTextColor; - } -} \ No newline at end of file diff --git a/themes/aura/aura-dark/extensions/_terminal.scss b/themes/aura/aura-dark/extensions/_terminal.scss deleted file mode 100644 index 4b610f4..0000000 --- a/themes/aura/aura-dark/extensions/_terminal.scss +++ /dev/null @@ -1,15 +0,0 @@ -.p-terminal { - background: $inputBg; - color: $inputTextColor; - border: $inputBorder; - padding: $inputPadding; - border-radius: $borderRadius; - - .p-terminal-prompt { - margin-right: .25rem; - } - - .p-terminal-response { - margin: 2px 0; - } -} diff --git a/themes/aura/aura-dark/extensions/_textarea.scss b/themes/aura/aura-dark/extensions/_textarea.scss deleted file mode 100644 index e69de29..0000000 diff --git a/themes/aura/aura-dark/extensions/_timeline.scss b/themes/aura/aura-dark/extensions/_timeline.scss deleted file mode 100644 index acdb04e..0000000 --- a/themes/aura/aura-dark/extensions/_timeline.scss +++ /dev/null @@ -1,28 +0,0 @@ -.p-timeline { - .p-timeline-event-marker { - display: inline-flex; - align-items: center; - justify-content: center; - position: relative; - - &::before { - content: ' '; - border-radius: 50%; - width: .375rem; - height: .375rem; - background-color: $primaryColor; - } - - &::after { - content: ' '; - position: absolute; - width: 100%; - height: 100%; - border-radius: 50%; - box-shadow: 0px 0.5px 0px 0px rgba(0, 0, 0, 0.06), 0px 1px 1px 0px rgba(0, 0, 0, 0.12); - } - } -} - - - diff --git a/themes/aura/aura-dark/extensions/_toast.scss b/themes/aura/aura-dark/extensions/_toast.scss deleted file mode 100644 index 91cac36..0000000 --- a/themes/aura/aura-dark/extensions/_toast.scss +++ /dev/null @@ -1,109 +0,0 @@ -.p-toast { - .p-toast-message { - backdrop-filter: blur(10px); - - .p-toast-message-content { - .p-toast-detail { - font-size: 0.875rem; - } - } - - .p-toast-icon-close { - width: 1.75rem; - height: 1.75rem; - margin-top: -25%; - right: -25%; - position: relative; - } - } -} - -.p-toast { - .p-toast-message.p-toast-message-info { - box-shadow: 0px 4px 8px 0px rgba(59, 130, 246, 0.04); - - .p-toast-detail { - color: $textColor; - } - - .p-toast-icon-close { - outline-color: $infoMessageIconColor; - - &:hover { - background: rgba(255, 255, 255, 0.075); - } - } - } - - .p-toast-message.p-toast-message-success { - box-shadow: 0px 4px 8px 0px rgba(34, 197, 94, 0.04); - - .p-toast-detail { - color: $textColor; - } - - .p-toast-icon-close { - outline-color: $successMessageIconColor; - - &:hover { - background: rgba(255, 255, 255, 0.075); - } - } - } - - .p-toast-message.p-toast-message-warn { - box-shadow: 0px 4px 8px 0px rgba(234, 179, 8, 0.04); - - .p-toast-detail { - color: $textColor; - } - - .p-toast-icon-close { - outline-color: $warningMessageIconColor; - - &:hover { - background: rgba(255, 255, 255, 0.075); - } - } - } - - .p-toast-message.p-toast-message-error { - box-shadow: 0px 4px 8px 0px rgba(239, 68, 68, 0.04); - - .p-toast-detail { - color: $textColor; - } - - .p-toast-icon-close { - outline-color: $errorMessageIconColor; - - &:hover { - background: rgba(255, 255, 255, 0.05); - } - } - } - - .p-toast-message.p-toast-message-secondary { - box-shadow: 0px 4px 8px 0px rgba(74, 85, 103, 0.04); - - .p-toast-icon-close { - outline-color: $errorMessageIconColor; - - &:hover { - background: $secondaryButtonHoverBg; - } - } - } - - .p-toast-message.p-toast-message-contrast { - box-shadow: 0px 4px 8px 0px rgba(2, 6, 23, 0.04); - - .p-toast-icon-close { - outline-color: $errorMessageIconColor; - - &:hover { - background: $contrastButtonHoverBg; - } - } - } -} diff --git a/themes/aura/aura-dark/extensions/_togglebutton.scss b/themes/aura/aura-dark/extensions/_togglebutton.scss deleted file mode 100644 index 5ec37ea..0000000 --- a/themes/aura/aura-dark/extensions/_togglebutton.scss +++ /dev/null @@ -1,41 +0,0 @@ -.p-togglebutton { - .p-button { - .p-button-label, - .p-button-icon { - position: relative; - transition: none; - } - - &::before { - content: ''; - background-color: transparent; - transition: $formElementTransition; - position: absolute; - left: .25rem; - top: .25rem; - width: calc(100% - .5rem); - height: calc(100% - .5rem); - border-radius: 4px; - } - } - - &.p-highlight { - .p-button { - &::before { - background: $shade800; - border-color: $shade800; - box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.02), 0px 1px 2px 0px rgba(0, 0, 0, 0.04); - } - } - } - - &.p-disabled { - opacity: 1; - .p-button { - color: $shade500; - .p-button-icon { - color: $shade500; - } - } - } -} \ No newline at end of file diff --git a/themes/aura/aura-dark/extensions/_toolbar.scss b/themes/aura/aura-dark/extensions/_toolbar.scss deleted file mode 100644 index 67e64a4..0000000 --- a/themes/aura/aura-dark/extensions/_toolbar.scss +++ /dev/null @@ -1,3 +0,0 @@ -.p-toolbar { - padding: .75rem; -} diff --git a/themes/aura/aura-dark/extensions/_tree.scss b/themes/aura/aura-dark/extensions/_tree.scss deleted file mode 100644 index e8e04cf..0000000 --- a/themes/aura/aura-dark/extensions/_tree.scss +++ /dev/null @@ -1,34 +0,0 @@ -.p-tree { - border: 0 none; - padding: 1rem; - - .p-tree-container { - .p-treenode { - margin: 2px 0; - - &:focus > .p-treenode-content { - outline-offset: -1 * $focusOutlineOffset; - } - - .p-treenode-content { - &.p-highlight { - .p-tree-toggler { - &:hover { - background-color: $highlightBg; - } - } - } - } - } - - > .p-treenode { - &:first-child { - margin-top: 0; - } - - &:last-child { - margin-bottom: 0; - } - } - } -} \ No newline at end of file diff --git a/themes/aura/aura-dark/extensions/_treeselect.scss b/themes/aura/aura-dark/extensions/_treeselect.scss deleted file mode 100644 index 27ce20d..0000000 --- a/themes/aura/aura-dark/extensions/_treeselect.scss +++ /dev/null @@ -1,18 +0,0 @@ -.p-treeselect-panel { - .p-tree { - padding: $inputListPadding; - } -} - -.p-treeselect { - box-shadow: $inputShadow; - - &.p-disabled { - opacity: 1; - background-color: $disabledInputBg; - - .p-treeselect-label { - color: $textSecondaryColor; - } - } -} \ No newline at end of file diff --git a/themes/aura/aura-dark/extensions/_treetable.scss b/themes/aura/aura-dark/extensions/_treetable.scss deleted file mode 100644 index d068b96..0000000 --- a/themes/aura/aura-dark/extensions/_treetable.scss +++ /dev/null @@ -1,24 +0,0 @@ -.p-treetable { - .p-treetable-tbody { - > tr { - &:has(+ .p-highlight) { - > td { - border-bottom-color: scale-color($highlightBg, $lightness: -10%); - } - } - - &.p-highlight { - > td { - border-bottom-color: scale-color($highlightBg, $lightness: -10%); - - .p-treetable-toggler { - &:hover { - background-color: $highlightBg; - color: $highlightTextColor; - } - } - } - } - } - } -} \ No newline at end of file diff --git a/themes/aura/aura-dark/green/_fonts.scss b/themes/aura/aura-dark/green/_fonts.scss deleted file mode 100644 index 963c1cd..0000000 --- a/themes/aura/aura-dark/green/_fonts.scss +++ /dev/null @@ -1,16 +0,0 @@ -@font-face { - font-family: 'Inter var'; - font-weight: 100 900; - font-display: swap; - font-style: normal; - font-named-instance: 'Regular'; - src: url("./fonts/Inter-roman.var.woff2?v=3.19") format("woff2"); -} -@font-face { - font-family: 'Inter var'; - font-weight: 100 900; - font-display: swap; - font-style: italic; - font-named-instance: 'Italic'; - src: url("./fonts/Inter-italic.var.woff2?v=3.19") format("woff2"); -} \ No newline at end of file diff --git a/themes/aura/aura-dark/green/fonts/Inter-italic.var.woff2 b/themes/aura/aura-dark/green/fonts/Inter-italic.var.woff2 deleted file mode 100644 index b826d5a..0000000 Binary files a/themes/aura/aura-dark/green/fonts/Inter-italic.var.woff2 and /dev/null differ diff --git a/themes/aura/aura-dark/green/fonts/Inter-roman.var.woff2 b/themes/aura/aura-dark/green/fonts/Inter-roman.var.woff2 deleted file mode 100644 index 6a256a0..0000000 Binary files a/themes/aura/aura-dark/green/fonts/Inter-roman.var.woff2 and /dev/null differ diff --git a/themes/aura/aura-dark/green/theme.scss b/themes/aura/aura-dark/green/theme.scss deleted file mode 100644 index 51ef79c..0000000 --- a/themes/aura/aura-dark/green/theme.scss +++ /dev/null @@ -1,13 +0,0 @@ -$primaryColor: #34d399 !default; -$primaryLightColor: #6ee7b7 !default; -$primaryLighterColor: #a7f3d0 !default; -$primaryTextColor: #020617 !default; - -$highlightBg:rgba(52, 211, 153, .16) !default; -$highlightTextColor: rgba(255,255,255,.87) !default; -$highlightFocusBg: rgba($primaryColor, .24) !default; - -@import '../_variables'; -@import './_fonts'; -@import '../../../../theme-base/_components'; -@import '../extensions/_extensions'; \ No newline at end of file diff --git a/themes/aura/aura-dark/indigo/_fonts.scss b/themes/aura/aura-dark/indigo/_fonts.scss deleted file mode 100644 index 963c1cd..0000000 --- a/themes/aura/aura-dark/indigo/_fonts.scss +++ /dev/null @@ -1,16 +0,0 @@ -@font-face { - font-family: 'Inter var'; - font-weight: 100 900; - font-display: swap; - font-style: normal; - font-named-instance: 'Regular'; - src: url("./fonts/Inter-roman.var.woff2?v=3.19") format("woff2"); -} -@font-face { - font-family: 'Inter var'; - font-weight: 100 900; - font-display: swap; - font-style: italic; - font-named-instance: 'Italic'; - src: url("./fonts/Inter-italic.var.woff2?v=3.19") format("woff2"); -} \ No newline at end of file diff --git a/themes/aura/aura-dark/indigo/fonts/Inter-italic.var.woff2 b/themes/aura/aura-dark/indigo/fonts/Inter-italic.var.woff2 deleted file mode 100644 index b826d5a..0000000 Binary files a/themes/aura/aura-dark/indigo/fonts/Inter-italic.var.woff2 and /dev/null differ diff --git a/themes/aura/aura-dark/indigo/fonts/Inter-roman.var.woff2 b/themes/aura/aura-dark/indigo/fonts/Inter-roman.var.woff2 deleted file mode 100644 index 6a256a0..0000000 Binary files a/themes/aura/aura-dark/indigo/fonts/Inter-roman.var.woff2 and /dev/null differ diff --git a/themes/aura/aura-dark/indigo/theme.scss b/themes/aura/aura-dark/indigo/theme.scss deleted file mode 100644 index 7c0a931..0000000 --- a/themes/aura/aura-dark/indigo/theme.scss +++ /dev/null @@ -1,13 +0,0 @@ -$primaryColor: #818cf8 !default; -$primaryLightColor: #a5b4fc !default; -$primaryLighterColor: #c7d2fe !default; -$primaryTextColor: #020617 !default; - -$highlightBg:rgba(129, 140, 248, .16) !default; -$highlightTextColor: rgba(255,255,255,.87) !default; -$highlightFocusBg: rgba($primaryColor, .24) !default; - -@import '../_variables'; -@import './_fonts'; -@import '../../../../theme-base/_components'; -@import '../extensions/_extensions'; diff --git a/themes/aura/aura-dark/lime/_fonts.scss b/themes/aura/aura-dark/lime/_fonts.scss deleted file mode 100644 index 26820ad..0000000 --- a/themes/aura/aura-dark/lime/_fonts.scss +++ /dev/null @@ -1,16 +0,0 @@ -@font-face { - font-family: 'Inter var'; - font-weight: 100 900; - font-display: swap; - font-style: normal; - font-named-instance: 'Regular'; - src: url("./fonts/Inter-roman.var.woff2?v=3.19") format("woff2"); - } - @font-face { - font-family: 'Inter var'; - font-weight: 100 900; - font-display: swap; - font-style: italic; - font-named-instance: 'Italic'; - src: url("./fonts/Inter-italic.var.woff2?v=3.19") format("woff2"); - } \ No newline at end of file diff --git a/themes/aura/aura-dark/lime/fonts/Inter-italic.var.woff2 b/themes/aura/aura-dark/lime/fonts/Inter-italic.var.woff2 deleted file mode 100644 index b826d5a..0000000 Binary files a/themes/aura/aura-dark/lime/fonts/Inter-italic.var.woff2 and /dev/null differ diff --git a/themes/aura/aura-dark/lime/fonts/Inter-roman.var.woff2 b/themes/aura/aura-dark/lime/fonts/Inter-roman.var.woff2 deleted file mode 100644 index 6a256a0..0000000 Binary files a/themes/aura/aura-dark/lime/fonts/Inter-roman.var.woff2 and /dev/null differ diff --git a/themes/aura/aura-dark/lime/theme.scss b/themes/aura/aura-dark/lime/theme.scss deleted file mode 100644 index d2fcdf9..0000000 --- a/themes/aura/aura-dark/lime/theme.scss +++ /dev/null @@ -1,13 +0,0 @@ -$primaryColor: #a3e635 !default; -$primaryLightColor: #bef264 !default; -$primaryLighterColor: #d9f99d !default; -$primaryTextColor: #020617 !default; - -$highlightBg:rgba(163, 230, 53, .16) !default; -$highlightTextColor: rgba(255,255,255,.87) !default; -$highlightFocusBg: rgba($primaryColor, .24) !default; - -@import '../_variables'; -@import './_fonts'; -@import '../../../../theme-base/_components'; -@import '../extensions/_extensions'; \ No newline at end of file diff --git a/themes/aura/aura-dark/noir/_fonts.scss b/themes/aura/aura-dark/noir/_fonts.scss deleted file mode 100644 index 963c1cd..0000000 --- a/themes/aura/aura-dark/noir/_fonts.scss +++ /dev/null @@ -1,16 +0,0 @@ -@font-face { - font-family: 'Inter var'; - font-weight: 100 900; - font-display: swap; - font-style: normal; - font-named-instance: 'Regular'; - src: url("./fonts/Inter-roman.var.woff2?v=3.19") format("woff2"); -} -@font-face { - font-family: 'Inter var'; - font-weight: 100 900; - font-display: swap; - font-style: italic; - font-named-instance: 'Italic'; - src: url("./fonts/Inter-italic.var.woff2?v=3.19") format("woff2"); -} \ No newline at end of file diff --git a/themes/aura/aura-dark/noir/fonts/Inter-italic.var.woff2 b/themes/aura/aura-dark/noir/fonts/Inter-italic.var.woff2 deleted file mode 100644 index b826d5a..0000000 Binary files a/themes/aura/aura-dark/noir/fonts/Inter-italic.var.woff2 and /dev/null differ diff --git a/themes/aura/aura-dark/noir/fonts/Inter-roman.var.woff2 b/themes/aura/aura-dark/noir/fonts/Inter-roman.var.woff2 deleted file mode 100644 index 6a256a0..0000000 Binary files a/themes/aura/aura-dark/noir/fonts/Inter-roman.var.woff2 and /dev/null differ diff --git a/themes/aura/aura-dark/noir/theme.scss b/themes/aura/aura-dark/noir/theme.scss deleted file mode 100644 index 027ef99..0000000 --- a/themes/aura/aura-dark/noir/theme.scss +++ /dev/null @@ -1,13 +0,0 @@ -$primaryColor: #fafafa !default; -$primaryLightColor: #f4f4f5 !default; -$primaryLighterColor: #e4e4e7 !default; -$primaryTextColor: #020617 !default; - -$highlightBg:rgba(250, 250, 250, .16) !default; -$highlightTextColor: rgba(255,255,255,.87) !default; -$highlightFocusBg: rgba($primaryColor, .24) !default; - -@import '../_variables'; -@import './_fonts'; -@import '../../../../theme-base/_components'; -@import '../extensions/_extensions'; \ No newline at end of file diff --git a/themes/aura/aura-dark/pink/_fonts.scss b/themes/aura/aura-dark/pink/_fonts.scss deleted file mode 100644 index 963c1cd..0000000 --- a/themes/aura/aura-dark/pink/_fonts.scss +++ /dev/null @@ -1,16 +0,0 @@ -@font-face { - font-family: 'Inter var'; - font-weight: 100 900; - font-display: swap; - font-style: normal; - font-named-instance: 'Regular'; - src: url("./fonts/Inter-roman.var.woff2?v=3.19") format("woff2"); -} -@font-face { - font-family: 'Inter var'; - font-weight: 100 900; - font-display: swap; - font-style: italic; - font-named-instance: 'Italic'; - src: url("./fonts/Inter-italic.var.woff2?v=3.19") format("woff2"); -} \ No newline at end of file diff --git a/themes/aura/aura-dark/pink/fonts/Inter-italic.var.woff2 b/themes/aura/aura-dark/pink/fonts/Inter-italic.var.woff2 deleted file mode 100644 index b826d5a..0000000 Binary files a/themes/aura/aura-dark/pink/fonts/Inter-italic.var.woff2 and /dev/null differ diff --git a/themes/aura/aura-dark/pink/fonts/Inter-roman.var.woff2 b/themes/aura/aura-dark/pink/fonts/Inter-roman.var.woff2 deleted file mode 100644 index 6a256a0..0000000 Binary files a/themes/aura/aura-dark/pink/fonts/Inter-roman.var.woff2 and /dev/null differ diff --git a/themes/aura/aura-dark/pink/theme.scss b/themes/aura/aura-dark/pink/theme.scss deleted file mode 100644 index f1fbcfd..0000000 --- a/themes/aura/aura-dark/pink/theme.scss +++ /dev/null @@ -1,13 +0,0 @@ -$primaryColor: #f472b6 !default; -$primaryLightColor: #f9a8d4 !default; -$primaryLighterColor: #fbcfe8 !default; -$primaryTextColor: #020617 !default; - -$highlightBg:rgba(244, 114, 182, .16) !default; -$highlightTextColor: rgba(255,255,255,.87) !default; -$highlightFocusBg: rgba($primaryColor, .24) !default; - -@import '../_variables'; -@import './_fonts'; -@import '../../../../theme-base/_components'; -@import '../extensions/_extensions'; \ No newline at end of file diff --git a/themes/aura/aura-dark/purple/_fonts.scss b/themes/aura/aura-dark/purple/_fonts.scss deleted file mode 100644 index 963c1cd..0000000 --- a/themes/aura/aura-dark/purple/_fonts.scss +++ /dev/null @@ -1,16 +0,0 @@ -@font-face { - font-family: 'Inter var'; - font-weight: 100 900; - font-display: swap; - font-style: normal; - font-named-instance: 'Regular'; - src: url("./fonts/Inter-roman.var.woff2?v=3.19") format("woff2"); -} -@font-face { - font-family: 'Inter var'; - font-weight: 100 900; - font-display: swap; - font-style: italic; - font-named-instance: 'Italic'; - src: url("./fonts/Inter-italic.var.woff2?v=3.19") format("woff2"); -} \ No newline at end of file diff --git a/themes/aura/aura-dark/purple/fonts/Inter-italic.var.woff2 b/themes/aura/aura-dark/purple/fonts/Inter-italic.var.woff2 deleted file mode 100644 index b826d5a..0000000 Binary files a/themes/aura/aura-dark/purple/fonts/Inter-italic.var.woff2 and /dev/null differ diff --git a/themes/aura/aura-dark/purple/fonts/Inter-roman.var.woff2 b/themes/aura/aura-dark/purple/fonts/Inter-roman.var.woff2 deleted file mode 100644 index 6a256a0..0000000 Binary files a/themes/aura/aura-dark/purple/fonts/Inter-roman.var.woff2 and /dev/null differ diff --git a/themes/aura/aura-dark/purple/theme.scss b/themes/aura/aura-dark/purple/theme.scss deleted file mode 100644 index cfeb2a8..0000000 --- a/themes/aura/aura-dark/purple/theme.scss +++ /dev/null @@ -1,12 +0,0 @@ -$primaryColor: #a78bfa !default; -$primaryLightColor: #c4b5fd !default; -$primaryLighterColor: #ddd6fe!default; -$primaryTextColor: #020617 !default; - -$highlightBg:rgba(167, 139, 250, .16) !default; -$highlightTextColor: rgba(255,255,255,.87) !default; -$highlightFocusBg: rgba($primaryColor, .24) !default; -@import '../_variables'; -@import './_fonts'; -@import '../../../../theme-base/_components'; -@import '../extensions/_extensions'; \ No newline at end of file diff --git a/themes/aura/aura-dark/teal/_fonts.scss b/themes/aura/aura-dark/teal/_fonts.scss deleted file mode 100644 index 963c1cd..0000000 --- a/themes/aura/aura-dark/teal/_fonts.scss +++ /dev/null @@ -1,16 +0,0 @@ -@font-face { - font-family: 'Inter var'; - font-weight: 100 900; - font-display: swap; - font-style: normal; - font-named-instance: 'Regular'; - src: url("./fonts/Inter-roman.var.woff2?v=3.19") format("woff2"); -} -@font-face { - font-family: 'Inter var'; - font-weight: 100 900; - font-display: swap; - font-style: italic; - font-named-instance: 'Italic'; - src: url("./fonts/Inter-italic.var.woff2?v=3.19") format("woff2"); -} \ No newline at end of file diff --git a/themes/aura/aura-dark/teal/fonts/Inter-italic.var.woff2 b/themes/aura/aura-dark/teal/fonts/Inter-italic.var.woff2 deleted file mode 100644 index b826d5a..0000000 Binary files a/themes/aura/aura-dark/teal/fonts/Inter-italic.var.woff2 and /dev/null differ diff --git a/themes/aura/aura-dark/teal/fonts/Inter-roman.var.woff2 b/themes/aura/aura-dark/teal/fonts/Inter-roman.var.woff2 deleted file mode 100644 index 6a256a0..0000000 Binary files a/themes/aura/aura-dark/teal/fonts/Inter-roman.var.woff2 and /dev/null differ diff --git a/themes/aura/aura-dark/teal/theme.scss b/themes/aura/aura-dark/teal/theme.scss deleted file mode 100644 index 3e516a1..0000000 --- a/themes/aura/aura-dark/teal/theme.scss +++ /dev/null @@ -1,13 +0,0 @@ -$primaryColor: #2dd4bf !default; -$primaryLightColor: #5eead4 !default; -$primaryLighterColor: #99f6e4 !default; -$primaryTextColor: #020617 !default; - -$highlightBg:rgba(45, 212, 191, .16) !default; -$highlightTextColor: rgba(255,255,255,.87) !default; -$highlightFocusBg: rgba($primaryColor, .24) !default; - -@import '../_variables'; -@import './_fonts'; -@import '../../../../theme-base/_components'; -@import '../extensions/_extensions'; \ No newline at end of file diff --git a/themes/aura/aura-light/_variables.scss b/themes/aura/aura-light/_variables.scss deleted file mode 100644 index d3bbb2b..0000000 --- a/themes/aura/aura-light/_variables.scss +++ /dev/null @@ -1,925 +0,0 @@ -$colors: ( - "blue": #3b82f6, - "green": #22c55e, - "yellow": #eab308, - "cyan": #06b6d4, - "pink": #ec4899, - "indigo": #6366f1, - "teal": #14b8a6, - "orange": #f97316, - "bluegray": #64748b, - "purple": #a855f7, - "red": #ff3d32, - "primary": $primaryColor, -); - -//reused color variables -$shade000: #ffffff !default; -$shade50: #f8fafc !default; -$shade100: #f1f5f9 !default; -$shade200: #e2e8f0 !default; -$shade300: #cbd5e1 !default; -$shade400: #94a3b8 !default; -$shade500: #64748b !default; -$shade600: #475569 !default; -$shade700: #334155 !default; -$shade800: #1e293b !default; -$shade900: #0f172a !default; -$shade950: #020617 !default; - -$disabledInputBg: $shade200 !default; - -//global -$fontFamily: "Inter var", sans-serif !default; -$fontSize: 1rem !default; -$fontWeight: normal !default; -$textColor: $shade700 !default; -$textSecondaryColor: $shade500 !default; -$borderRadius: 6px !default; -$transitionDuration: 0.2s !default; -$formElementTransition: background-color $transitionDuration, - color $transitionDuration, border-color $transitionDuration, - box-shadow $transitionDuration, outline-color $transitionDuration !default; -$actionIconTransition: background-color $transitionDuration, - color $transitionDuration, border-color $transitionDuration, - box-shadow $transitionDuration, outline-color $transitionDuration !default; -$listItemTransition: background-color $transitionDuration, - color $transitionDuration, border-color $transitionDuration, - box-shadow $transitionDuration, outline-color $transitionDuration !default; -$primeIconFontSize: 1rem !default; -$divider: 1px solid $shade200 !default; -$inlineSpacing: 0.5rem !default; -$disabledOpacity: 0.6 !default; -$maskBg: rgba(0, 0, 0, 0.4) !default; -$loadingIconFontSize: 2rem !default; -$errorColor: #f87171 !default; - -//scale -$scaleSM: 0.875 !default; -$scaleLG: 1.25 !default; - -//focus -$focusOutlineColor: var(--p-focus-ring-color) !default; -$focusOutline: 1px solid $focusOutlineColor !default; -$focusOutlineOffset: 2px !default; -$inputFocusOutlineOffset: -1px !default; -$focusShadow: none !default; - -//action icons -$actionIconWidth: 1.75rem !default; -$actionIconHeight: 1.75rem !default; -$actionIconBg: transparent !default; -$actionIconBorder: 0 none !default; -$actionIconColor: $shade500 !default; -$actionIconHoverBg: $shade100 !default; -$actionIconHoverBorderColor: transparent !default; -$actionIconHoverColor: $shade600 !default; -$actionIconBorderRadius: 50% !default; - -//input field (e.g. inputtext, spinner, inputmask) -$inputPadding: 0.5rem 0.75rem !default; -$inputTextFontSize: 1rem !default; - -$inputBg: $shade000 !default; -$inputTextColor: $textColor !default; -$inputIconColor: $shade400 !default; -$inputBorder: 1px solid $shade300 !default; -$inputHoverBorderColor: $shade400 !default; -$inputFocusBorderColor: $shade400 !default; -$inputErrorBorderColor: $errorColor !default; -$inputPlaceholderTextColor: $textSecondaryColor !default; -$inputFilledBg: $shade50 !default; -$inputFilledHoverBg: $inputFilledBg !default; -$inputFilledFocusBg: $shade000 !default; - -//input groups -$inputGroupBg: $shade000 !default; -$inputGroupTextColor: $textSecondaryColor !default; -$inputGroupAddOnMinWidth: 2.5rem !default; - -//input lists (e.g. dropdown, autocomplete, multiselect, orderlist) -$inputListBg: $shade000 !default; -$inputListTextColor: $textColor !default; -$inputListBorder: $inputBorder !default; -$inputListPadding: 0.25rem 0.25rem !default; -$inputListItemPadding: 0.5rem 0.75rem !default; -$inputListItemBg: transparent !default; -$inputListItemTextColor: $shade700 !default; -$inputListItemHoverBg: $shade100 !default; -$inputListItemTextHoverColor: $shade800 !default; -$inputListItemFocusBg: $shade200 !default; -$inputListItemTextFocusColor: $shade900 !default; -$inputListItemBorder: 0 none !default; -$inputListItemBorderRadius: 4px !default; -$inputListItemMargin: 2px 0 !default; -$inputListItemFocusShadow: 0 none !default; -$inputListHeaderPadding: 0.5rem 0.5rem 0 0.5rem !default; -$inputListHeaderMargin: 0 0 0 0 !default; -$inputListHeaderBg: $shade000 !default; -$inputListHeaderTextColor: $textColor !default; -$inputListHeaderBorder: 0 none !default; - -//inputs with overlays (e.g. autocomplete, dropdown, multiselect) -$inputOverlayBg: $inputListBg !default; -$inputOverlayHeaderBg: $inputListHeaderBg !default; -$inputOverlayBorder: 1px solid $shade200 !default; -$inputOverlayShadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), - 0 2px 4px -2px rgb(0 0 0 / 0.1) !default; - -//password -$passwordMeterBg: $shade200 !default; -$passwordWeakBg: #ef4444 !default; -$passwordMediumBg: #f59e0b !default; -$passwordStrongBg: #22c55e !default; - -//button -$buttonPadding: 0.5rem 1rem !default; -$buttonIconOnlyWidth: 2.5rem !default; -$buttonIconOnlyPadding: 0.5rem 0 !default; -$buttonBg: $primaryColor !default; -$buttonTextColor: $primaryTextColor !default; -$buttonBorder: 1px solid $primaryColor !default; -$buttonHoverBg: $primaryDarkColor !default; -$buttonTextHoverColor: $primaryTextColor !default; -$buttonHoverBorderColor: $primaryDarkColor !default; -$buttonActiveBg: $primaryDarkerColor !default; -$buttonTextActiveColor: $primaryTextColor !default; -$buttonActiveBorderColor: $primaryDarkerColor !default; -$raisedButtonShadow: 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) !default; -$roundedButtonBorderRadius: 2rem !default; - -$textButtonHoverBgOpacity: 0.04 !default; -$textButtonActiveBgOpacity: 0.16 !default; -$outlinedButtonBorder: 1px solid !default; -$plainButtonTextColor: $textColor !default; -$plainButtonHoverBgColor: $shade100 !default; -$plainButtonActiveBgColor: $shade200 !default; - -$secondaryButtonBg: $shade100 !default; -$secondaryButtonTextColor: $shade600 !default; -$secondaryButtonBorder: 1px solid $shade100 !default; -$secondaryButtonHoverBg: $shade200 !default; -$secondaryButtonTextHoverColor: $shade700 !default; -$secondaryButtonHoverBorderColor: $shade200 !default; -$secondaryButtonActiveBg: $shade300 !default; -$secondaryButtonTextActiveColor: $shade800 !default; -$secondaryButtonActiveBorderColor: $shade300 !default; -$secondaryButtonFocusShadow: none !default; - -$infoButtonBg: #0ea5e9 !default; -$infoButtonTextColor: #ffffff !default; -$infoButtonBorder: 1px solid #0ea5e9 !default; -$infoButtonHoverBg: #0284c7 !default; -$infoButtonTextHoverColor: $infoButtonTextColor !default; -$infoButtonHoverBorderColor: #0284c7 !default; -$infoButtonActiveBg: #0369a1 !default; -$infoButtonTextActiveColor: $infoButtonTextColor !default; -$infoButtonActiveBorderColor: #0369a1 !default; -$infoButtonFocusShadow: none !default; - -$successButtonBg: #22c55e !default; -$successButtonTextColor: #ffffff !default; -$successButtonBorder: 1px solid #22c55e !default; -$successButtonHoverBg: #16a34a !default; -$successButtonTextHoverColor: $successButtonTextColor !default; -$successButtonHoverBorderColor: #16a34a !default; -$successButtonActiveBg: #15803d !default; -$successButtonTextActiveColor: $successButtonTextColor !default; -$successButtonActiveBorderColor: #15803d !default; -$successButtonFocusShadow: none !default; - -$warningButtonBg: #f97316 !default; -$warningButtonTextColor: #ffffff !default; -$warningButtonBorder: 1px solid #f97316 !default; -$warningButtonHoverBg: #ea580c !default; -$warningButtonTextHoverColor: $warningButtonTextColor !default; -$warningButtonHoverBorderColor: #ea580c !default; -$warningButtonActiveBg: #c2410c !default; -$warningButtonTextActiveColor: $warningButtonTextColor !default; -$warningButtonActiveBorderColor: #c2410c !default; -$warningButtonFocusShadow: none !default; - -$helpButtonBg: #a855f7 !default; -$helpButtonTextColor: #ffffff !default; -$helpButtonBorder: 1px solid #a855f7 !default; -$helpButtonHoverBg: #9333ea !default; -$helpButtonTextHoverColor: $helpButtonTextColor !default; -$helpButtonHoverBorderColor: #9333ea !default; -$helpButtonActiveBg: #7e22ce !default; -$helpButtonTextActiveColor: $helpButtonTextColor !default; -$helpButtonActiveBorderColor: #7e22ce !default; -$helpButtonFocusShadow: none !default; - -$dangerButtonBg: #ef4444 !default; -$dangerButtonTextColor: #ffffff !default; -$dangerButtonBorder: 1px solid $dangerButtonBg !default; -$dangerButtonHoverBg: #dc2626 !default; -$dangerButtonTextHoverColor: $dangerButtonTextColor !default; -$dangerButtonHoverBorderColor: #dc2626 !default; -$dangerButtonActiveBg: #b91c1c !default; -$dangerButtonTextActiveColor: $dangerButtonTextColor !default; -$dangerButtonActiveBorderColor: #b91c1c !default; -$dangerButtonFocusShadow: none !default; - -$contrastButtonBg: $shade950 !default; -$contrastButtonTextColor: #ffffff !default; -$contrastButtonBorder: 1px solid $contrastButtonBg !default; -$contrastButtonHoverBg: $shade800 !default; -$contrastButtonTextHoverColor: $contrastButtonTextColor !default; -$contrastButtonHoverBorderColor: $shade800 !default; -$contrastButtonActiveBg: $shade700 !default; -$contrastButtonTextActiveColor: $contrastButtonTextColor !default; -$contrastButtonActiveBorderColor: $shade700 !default; -$contrastButtonFocusShadow: none !default; - -$linkButtonColor: $primaryDarkColor !default; -$linkButtonHoverColor: $primaryDarkColor !default; -$linkButtonTextHoverDecoration: underline !default; -$linkButtonFocusShadow: none !default; - -//checkbox -$checkboxWidth: 1.25rem !default; -$checkboxHeight: 1.25rem !default; -$checkboxBorder: 1px solid $shade300 !default; -$checkboxIconFontSize: 0.875rem !default; -$checkboxActiveBorderColor: $primaryColor !default; -$checkboxActiveBg: $primaryColor !default; -$checkboxIconActiveColor: $primaryTextColor !default; -$checkboxActiveHoverBg: $primaryDarkColor !default; -$checkboxIconActiveHoverColor: $primaryTextColor !default; -$checkboxActiveHoverBorderColor: $primaryDarkColor !default; - -//radiobutton -$radiobuttonWidth: 1.25rem !default; -$radiobuttonHeight: 1.25rem !default; -$radiobuttonBorder: 1px solid $shade300 !default; -$radiobuttonIconSize: 0.75rem !default; -$radiobuttonActiveBorderColor: $primaryColor !default; -$radiobuttonActiveBg: $primaryTextColor !default; -$radiobuttonIconActiveColor: $primaryColor !default; -$radiobuttonActiveHoverBg: $primaryTextColor !default; -$radiobuttonIconActiveHoverColor: $primaryDarkColor !default; -$radiobuttonActiveHoverBorderColor: $primaryDarkColor !default; - -//colorpicker -$colorPickerPreviewWidth: 1.5rem !default; -$colorPickerPreviewHeight: 1.5rem !default; -$colorPickerBg: #323232 !default; -$colorPickerBorder: 1px solid #191919 !default; -$colorPickerHandleColor: $shade000 !default; - -//togglebutton -$toggleButtonBg: $shade100 !default; -$toggleButtonBorder: 1px solid $shade100 !default; -$toggleButtonTextColor: $shade500 !default; -$toggleButtonIconColor: $shade500 !default; -$toggleButtonHoverBg: $shade100 !default; -$toggleButtonHoverBorderColor: $shade100 !default; -$toggleButtonTextHoverColor: $shade700 !default; -$toggleButtonIconHoverColor: $shade700 !default; -$toggleButtonActiveBg: $shade100 !default; -$toggleButtonActiveBorderColor: $shade100 !default; -$toggleButtonTextActiveColor: $shade900 !default; -$toggleButtonIconActiveColor: $shade900 !default; -$toggleButtonActiveHoverBg: $shade100 !default; -$toggleButtonActiveHoverBorderColor: $shade100 !default; -$toggleButtonTextActiveHoverColor: $shade900 !default; -$toggleButtonIconActiveHoverColor: $shade900 !default; - -//inplace -$inplacePadding: $inputPadding !default; -$inplaceHoverBg: $shade100 !default; -$inplaceTextHoverColor: $shade800 !default; - -//rating -$ratingIconFontSize: 1rem !default; -$ratingCancelIconColor: #f87171 !default; -$ratingCancelIconHoverColor: #ef4444 !default; -$ratingStarIconOffColor: $shade500 !default; -$ratingStarIconOnColor: $primaryColor !default; -$ratingStarIconHoverColor: $primaryColor !default; - -//slider -$sliderBg: $shade200 !default; -$sliderBorder: 0 none !default; -$sliderHorizontalHeight: 3px !default; -$sliderVerticalWidth: 3px !default; -$sliderHandleWidth: 20px !default; -$sliderHandleHeight: 20px !default; -$sliderHandleBg: $shade200 !default; -$sliderHandleBorder: 0 none !default; -$sliderHandleBorderRadius: 50% !default; -$sliderHandleHoverBorderColor: transparent !default; -$sliderHandleHoverBg: $shade200 !default; -$sliderRangeBg: $primaryColor !default; - -//calendar -$calendarTableMargin: 0.5rem 0 0 0 !default; -$calendarPadding: 0.75rem !default; -$calendarBg: $shade000 !default; -$calendarInlineBg: $calendarBg !default; -$calendarTextColor: $shade700 !default; -$calendarBorder: $inputListBorder !default; -$calendarOverlayBorder: $inputOverlayBorder !default; - -$calendarHeaderPadding: 0 0 0.5rem 0 !default; -$calendarHeaderBg: $shade000 !default; -$calendarInlineHeaderBg: $calendarBg !default; -$calendarHeaderBorder: 1px solid $shade200 !default; -$calendarHeaderTextColor: $shade700 !default; -$calendarHeaderFontWeight: 500 !default; -$calendarHeaderCellPadding: 0.25rem !default; -$calendarMonthYearHeaderHoverTextColor: $primaryColor !default; - -$calendarCellDatePadding: 0.25rem !default; -$calendarCellDateWidth: 2rem !default; -$calendarCellDateHeight: 2rem !default; -$calendarCellDateBorderRadius: 50% !default; -$calendarCellDateBorder: 1px solid transparent !default; -$calendarCellDateHoverBg: $shade100 !default; -$calendarCellDateTodayBg: $shade200 !default; -$calendarCellDateTodayBorderColor: transparent !default; -$calendarCellDateTodayTextColor: $shade900 !default; - -$calendarButtonBarPadding: 0.5rem 0 0 0 !default; -$calendarTimePickerPadding: 0 !default; -$calendarTimePickerElementPadding: 0 0.5rem !default; -$calendarTimePickerTimeFontSize: 1rem !default; - -$calendarBreakpoint: 769px !default; -$calendarCellDatePaddingSM: 0.25rem !default; - -//input switch -$inputSwitchWidth: 2.5rem !default; -$inputSwitchHeight: 1.5rem !default; -$inputSwitchBorderRadius: 30px !default; -$inputSwitchHandleWidth: 1rem !default; -$inputSwitchHandleHeight: 1rem !default; -$inputSwitchHandleBorderRadius: 50% !default; -$inputSwitchSliderPadding: 0.25rem !default; -$inputSwitchSliderOffBg: $shade300 !default; -$inputSwitchHandleOffBg: $shade000 !default; -$inputSwitchSliderOffHoverBg: $shade400 !default; -$inputSwitchSliderOnBg: $primaryColor !default; -$inputSwitchSliderOnHoverBg: $primaryDarkColor !default; -$inputSwitchHandleOnBg: $shade000 !default; - -//panel -$panelHeaderBorderColor: $shade200 !default; -$panelHeaderBorder: 1px solid $panelHeaderBorderColor !default; -$panelHeaderBg: $shade000 !default; -$panelHeaderTextColor: $shade700 !default; -$panelHeaderFontWeight: 600 !default; -$panelHeaderPadding: 1.125rem !default; -$panelToggleableHeaderPadding: 0.75rem 1.125rem !default; - -$panelHeaderHoverBg: $shade000 !default; -$panelHeaderHoverBorderColor: $shade000 !default; -$panelHeaderTextHoverColor: $shade800 !default; - -$panelContentBorderColor: $shade200 !default; -$panelContentBorder: 1px solid $panelContentBorderColor !default; -$panelContentBg: $shade000 !default; -$panelContentEvenRowBg: $shade50 !default; -$panelContentTextColor: $shade700 !default; -$panelContentPadding: 0 1.125rem 1.125rem 1.125rem !default; - -$panelFooterBorder: 1px solid $shade200 !default; -$panelFooterBg: $shade000 !default; -$panelFooterTextColor: $shade700 !default; -$panelFooterPadding: 0 1.125rem 1.125rem 1.125rem !default; - -//accordion -$accordionSpacing: 0 !default; -$accordionHeaderBorder: 0 none !default; -$accordionHeaderBg: $shade000 !default; -$accordionHeaderTextColor: $shade500 !default; -$accordionHeaderFontWeight: 600 !default; -$accordionHeaderPadding: 1.125rem 1.125rem 1.125rem 1.125rem !default; - -$accordionHeaderHoverBg: $shade000 !default; -$accordionHeaderHoverBorderColor: $shade200 !default; -$accordionHeaderTextHoverColor: $shade700 !default; - -$accordionHeaderActiveBg: $shade000 !default; -$accordionHeaderActiveBorderColor: $shade200 !default; -$accordionHeaderTextActiveColor: $shade700 !default; - -$accordionHeaderActiveHoverBg: $shade000 !default; -$accordionHeaderActiveHoverBorderColor: $shade200 !default; -$accordionHeaderTextActiveHoverColor: $shade700 !default; - -$accordionContentBorder: 0 none !default; -$accordionContentBg: $shade000 !default; -$accordionContentTextColor: $shade700 !default; -$accordionContentPadding: 0 1.125rem 1.125rem 1.125rem !default; - -//tabview -$tabviewNavBorder: 1px solid $shade200 !default; -$tabviewNavBorderWidth: 0 0 1px 0 !default; -$tabviewNavBg: $shade000 !default; - -$tabviewHeaderSpacing: 0 !default; -$tabviewHeaderBorder: solid $shade200 !default; -$tabviewHeaderBorderWidth: 0 0 1px 0 !default; -$tabviewHeaderBorderColor: transparent transparent $shade200 transparent !default; -$tabviewHeaderBg: $shade000 !default; -$tabviewHeaderTextColor: $textSecondaryColor !default; -$tabviewHeaderFontWeight: 600 !default; -$tabviewHeaderPadding: 1rem 1.125rem !default; -$tabviewHeaderMargin: 0 0 -1px 0 !default; - -$tabviewHeaderHoverBg: $shade000 !default; -$tabviewHeaderHoverBorderColor: $shade200 !default; -$tabviewHeaderTextHoverColor: $textColor !default; - -$tabviewHeaderActiveBg: $shade000 !default; -$tabviewHeaderActiveBorderColor: $shade200 !default; -$tabviewHeaderTextActiveColor: $primaryColor !default; - -$tabviewContentBorder: 0 none !default; -$tabviewContentBg: $shade000 !default; -$tabviewContentTextColor: $textColor !default; -$tabviewContentPadding: 0.875rem 1.125rem 1.125rem 1.125rem !default; - -//upload -$fileUploadProgressBarHeight: 0.25rem !default; -$fileUploadContentPadding: 0 1.125rem 1.125rem 1.125rem !default; -$fileUploadContentHoverBorder: 1px dashed $primaryColor !default; -$fileUploadFileBorder: 1px solid $shade200 !default; -$fileUploadFilePadding: 1rem !default; - -//scrollpanel -$scrollPanelTrackBorder: 0 none !default; -$scrollPanelTrackBg: $shade100 !default; - -//card -$cardBodyPadding: 1.5rem !default; -$cardTitleFontSize: 1.25rem !default; -$cardTitleFontWeight: 600 !default; -$cardSubTitleFontWeight: 400 !default; -$cardSubTitleColor: $textSecondaryColor !default; -$cardContentPadding: 0 0 0 0 !default; -$cardFooterPadding: 0 0 0 0 !default; -$cardShadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1) !default; - -//editor -$editorToolbarBg: $panelHeaderBg !default; -$editorToolbarBorder: $panelHeaderBorder !default; -$editorToolbarPadding: $panelHeaderPadding !default; -$editorToolbarIconColor: $textSecondaryColor !default; -$editorToolbarIconHoverColor: $textColor !default; -$editorIconActiveColor: $primaryColor !default; -$editorContentBorder: $panelContentBorder !default; -$editorContentBg: $panelContentBg !default; - -//paginator -$paginatorBg: $shade000 !default; -$paginatorTextColor: $shade700 !default; -$paginatorBorder: solid $shade200 !default; -$paginatorBorderWidth: 0 !default; -$paginatorPadding: 0.5rem 1rem !default; -$paginatorElementWidth: $buttonIconOnlyWidth !default; -$paginatorElementHeight: $buttonIconOnlyWidth !default; -$paginatorElementBg: transparent !default; -$paginatorElementBorder: 0 none !default; -$paginatorElementIconColor: $shade500 !default; -$paginatorElementHoverBg: $shade100 !default; -$paginatorElementHoverBorderColor: transparent !default; -$paginatorElementIconHoverColor: $shade600 !default; -$paginatorElementBorderRadius: 50% !default; -$paginatorElementMargin: 0.143rem !default; -$paginatorElementPadding: 0 !default; - -//table -$tableHeaderBorder: 1px solid $shade200 !default; -$tableHeaderBorderWidth: 0 0 1px 0 !default; -$tableHeaderBg: $shade000 !default; -$tableHeaderTextColor: $shade700 !default; -$tableHeaderFontWeight: 600 !default; -$tableHeaderPadding: 0.75rem 1rem !default; - -$tableHeaderCellPadding: 0.75rem 1rem !default; -$tableHeaderCellBg: $shade000 !default; -$tableHeaderCellTextColor: $shade700 !default; -$tableHeaderCellFontWeight: 600 !default; -$tableHeaderCellBorder: 1px solid $shade200 !default; -$tableHeaderCellBorderWidth: 0 0 1px 0 !default; -$tableHeaderCellHoverBg: $shade100 !default; -$tableHeaderCellTextHoverColor: $shade800 !default; -$tableHeaderCellIconColor: $shade500 !default; -$tableHeaderCellIconHoverColor: $shade600 !default; -$tableHeaderCellHighlightBg: $highlightBg !default; -$tableHeaderCellHighlightTextColor: $highlightTextColor !default; -$tableHeaderCellHighlightHoverBg: $highlightBg !default; -$tableHeaderCellHighlightTextHoverColor: $highlightTextColor !default; -$tableSortableColumnBadgeSize: 1rem !default; - -$tableBodyRowBg: $shade000 !default; -$tableBodyRowTextColor: $shade700 !default; -$tableBodyRowEvenBg: $shade50 !default; -$tableBodyRowHoverBg: $shade100 !default; -$tableBodyRowTextHoverColor: $shade800 !default; -$tableBodyCellBorder: 1px solid $shade200 !default; -$tableBodyCellBorderWidth: 0 0 1px 0 !default; -$tableBodyCellPadding: 0.75rem 1rem !default; - -$tableFooterCellPadding: 0.75rem 1rem !default; -$tableFooterCellBg: $shade000 !default; -$tableFooterCellTextColor: $shade700 !default; -$tableFooterCellFontWeight: 600 !default; -$tableFooterCellBorder: 1px solid $shade200 !default; -$tableFooterCellBorderWidth: 0 0 1px 0 !default; -$tableResizerHelperBg: $primaryColor !default; - -$tableFooterBorder: 1px solid $shade200 !default; -$tableFooterBorderWidth: 0 0 1px 0 !default; -$tableFooterBg: $shade000 !default; -$tableFooterTextColor: $shade700 !default; -$tableFooterFontWeight: 600 !default; -$tableFooterPadding: 0.75rem 1rem !default; - -$tableCellContentAlignment: left !default; -$tableTopPaginatorBorderWidth: 0 0 1px 0 !default; -$tableBottomPaginatorBorderWidth: 0 0 1px 0 !default; - -$tableScaleSM: 0.5 !default; -$tableScaleLG: 1.25 !default; - -//dataview -$dataViewContentPadding: 0 !default; -$dataViewContentBorder: 0 none !default; - -//tree -$treeContainerPadding: 0 !default; -$treeNodePadding: 0 0 !default; -$treeNodeContentPadding: 0.25rem 0.5rem !default; -$treeNodeChildrenPadding: 0 0 0 1rem !default; -$treeNodeIconColor: $shade600 !default; - -//timeline -$timelineVerticalEventContentPadding: 0 1rem !default; -$timelineHorizontalEventContentPadding: 1rem 0 !default; -$timelineEventMarkerWidth: 1.125rem !default; -$timelineEventMarkerHeight: 1.125rem !default; -$timelineEventMarkerBorderRadius: 50% !default; -$timelineEventMarkerBorder: 2px solid $shade200 !default; -$timelineEventMarkerBackground: $primaryTextColor !default; -$timelineEventConnectorSize: 2px !default; -$timelineEventColor: $shade200 !default; - -//org chart -$organizationChartConnectorColor: $shade200 !default; - -//message -$messageMargin: 1rem 0 !default; -$messagePadding: 0.5rem 0.75rem !default; -$messageBorderWidth: 1px !default; -$messageIconFontSize: 1rem !default; -$messageTextFontSize: 1rem !default; -$messageTextFontWeight: 500 !default; - -//inline message -$inlineMessagePadding: $inputPadding !default; -$inlineMessageMargin: 0 !default; -$inlineMessageIconFontSize: 1rem !default; -$inlineMessageTextFontSize: 1rem !default; -$inlineMessageBorderWidth: 1px !default; - -//toast -$toastIconFontSize: 1.125rem !default; -$toastMessageTextMargin: 0 0 0 0.5rem !default; -$toastMargin: 0 0 1rem 0 !default; -$toastPadding: 0.75rem !default; -$toastBorderWidth: 1px !default; -$toastShadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1) !default; -$toastOpacity: 1 !default; -$toastTitleFontWeight: 500 !default; -$toastDetailMargin: $inlineSpacing 0 0 0 !default; - -//severities -$infoMessageBg: rgba(239, 246, 255, 0.95) !default; -$infoMessageBorder: solid #bfdbfe !default; -$infoMessageTextColor: #2563eb !default; -$infoMessageIconColor: #2563eb !default; -$successMessageBg: rgba(240, 253, 244, 0.95) !default; -$successMessageBorder: solid #bbf7d0 !default; -$successMessageTextColor: #16a34a !default; -$successMessageIconColor: #16a34a !default; -$warningMessageBg: rgba(254, 252, 232, 0.95) !default; -$warningMessageBorder: solid #fde68a !default; -$warningMessageTextColor: #ca8a04 !default; -$warningMessageIconColor: #ca8a04 !default; -$errorMessageBg: rgba(254, 242, 242, 0.95) !default; -$errorMessageBorder: solid #fecaca !default; -$errorMessageTextColor: #dc2626 !default; -$errorMessageIconColor: #dc2626 !default; -$secondaryMessageBg: $shade100 !default; -$secondaryMessageBorder: solid $shade200 !default; -$secondaryMessageTextColor: $shade600 !default; -$secondaryMessageIconColor: $shade600 !default; -$contrastMessageBg: $shade950 !default; -$contrastMessageBorder: solid $shade500 !default; -$contrastMessageTextColor: $shade50 !default; -$contrastMessageIconColor: $shade50 !default; - -//overlays -$overlayContentBorder: 1px solid $shade200 !default; -$overlayContentBg: $shade000 !default; -$overlayContainerShadow: 0 20px 25px -5px rgb(0 0 0 / 0.1), - 0 8px 10px -6px rgb(0 0 0 / 0.1) !default; - -//dialog -$dialogHeaderBg: $shade000 !default; -$dialogHeaderBorder: 0 none !default; -$dialogHeaderTextColor: $shade700 !default; -$dialogHeaderFontWeight: 600 !default; -$dialogHeaderFontSize: 1.25rem !default; -$dialogHeaderPadding: 1.5rem !default; -$dialogContentPadding: 0 1.5rem 1.5rem 1.5rem !default; -$dialogFooterBorder: 0 none !default; -$dialogFooterPadding: 0 1.5rem 1.5rem 1.5rem !default; - -//confirmpopup -$confirmPopupContentPadding: 1rem !default; -$confirmPopupFooterPadding: 0 1rem 1rem 1rem !default; - -//tooltip -$tooltipBg: $shade700 !default; -$tooltipTextColor: $shade000 !default; -$tooltipPadding: $inputPadding !default; - -//steps -$stepsItemBg: $shade000 !default; -$stepsItemBorder: 1px solid $shade200 !default; -$stepsItemTextColor: $shade700 !default; -$stepsItemNumberWidth: 2rem !default; -$stepsItemNumberHeight: 2rem !default; -$stepsItemNumberFontSize: 1.143rem !default; -$stepsItemNumberColor: $shade500 !default; -$stepsItemNumberBorderRadius: 50% !default; -$stepsItemActiveFontWeight: 500 !default; - -//progressbar, progressspinner -$progressBarHeight: 1.25rem !default; -$progressBarBorder: 0 none !default; -$progressBarBg: $shade200 !default; -$progressBarValueBg: $primaryColor !default; -$progressBarValueTextColor: $primaryTextColor !default; - -$progressSpinnerStrokeColor: $errorMessageTextColor !default; -$progressSpinnerColorOne: $errorMessageTextColor !default; -$progressSpinnerColorTwo: $infoMessageTextColor !default; -$progressSpinnerColorThree: $successMessageTextColor !default; -$progressSpinnerColorFour: $warningMessageTextColor !default; - -//menu (e.g. menu, menubar, tieredmenu) -$menuWidth: 12.5rem !default; -$menuBg: $shade000 !default; -$menuBorder: 1px solid $shade200 !default; -$menuTextColor: $shade700 !default; -$menuitemPadding: 0.5rem 0.75rem !default; -$menuitemBorderRadius: 4px !default; -$menuitemTextColor: $shade700 !default; -$menuitemIconColor: $shade400 !default; -$menuitemTextHoverColor: $shade700 !default; -$menuitemIconHoverColor: $shade700 !default; -$menuitemHoverBg: $shade100 !default; -$menuitemTextFocusColor: $shade700 !default; -$menuitemIconFocusColor: $shade700 !default; -$menuitemFocusBg: $shade200 !default; -$menuitemTextActiveColor: $highlightTextColor !default; -$menuitemIconActiveColor: $highlightTextColor !default; -$menuitemActiveBg: $highlightBg !default; -$menuitemActiveFocusBg: $highlightFocusBg !default; -$menuitemSubmenuIconFontSize: 0.875rem !default; -$submenuHeaderMargin: 0 !default; -$submenuHeaderPadding: 0.5rem 0.75rem !default; -$submenuHeaderBg: $shade000 !default; -$submenuHeaderTextColor: $shade400 !default; -$submenuHeaderBorderRadius: 0 !default; -$submenuHeaderFontWeight: 600 !default; -$overlayMenuBg: $menuBg !default; -$overlayMenuBorder: 1px solid $shade200 !default; -$overlayMenuShadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), - 0 2px 4px -2px rgb(0 0 0 / 0.1) !default; -$verticalMenuPadding: 0.25rem 0.25rem !default; -$menuSeparatorMargin: 2px 0 !default; - -$breadcrumbPadding: 1rem !default; -$breadcrumbBg: $menuBg !default; -$breadcrumbBorder: 0 none !default; -$breadcrumbItemTextColor: $menuitemTextColor !default; -$breadcrumbItemIconColor: $menuitemIconColor !default; -$breadcrumbLastItemTextColor: $menuitemTextColor !default; -$breadcrumbLastItemIconColor: $menuitemIconColor !default; -$breadcrumbSeparatorColor: $menuitemIconColor !default; - -$horizontalMenuPadding: 0.5rem 0.5rem !default; -$horizontalMenuBg: $shade000 !default; -$horizontalMenuBorder: $menuBorder !default; -$horizontalMenuTextColor: $menuTextColor !default; -$horizontalMenuRootMenuitemPadding: $menuitemPadding !default; -$horizontalMenuRootMenuitemBorderRadius: $borderRadius !default; -$horizontalMenuRootMenuitemTextColor: $menuitemTextColor !default; -$horizontalMenuRootMenuitemIconColor: $menuitemIconColor !default; -$horizontalMenuRootMenuitemTextHoverColor: $menuitemTextHoverColor !default; -$horizontalMenuRootMenuitemIconHoverColor: $menuitemIconHoverColor !default; -$horizontalMenuRootMenuitemHoverBg: $menuitemHoverBg !default; -$horizontalMenuRootMenuitemTextActiveColor: $menuitemTextActiveColor !default; -$horizontalMenuRootMenuitemIconActiveColor: $menuitemIconActiveColor !default; -$horizontalMenuRootMenuitemActiveBg: $menuitemActiveBg !default; - -//badge and tag -$badgeBg: $primaryColor !default; -$badgeTextColor: $primaryTextColor !default; -$badgeMinWidth: 1.5rem !default; -$badgeHeight: 1.5rem !default; -$badgeFontWeight: 700 !default; -$badgeFontSize: 0.75rem !default; - -$tagPadding: 0.25rem 0.4rem !default; - -//carousel -$carouselIndicatorsPadding: 1rem !default; -$carouselIndicatorBg: $shade200 !default; -$carouselIndicatorHoverBg: $shade300 !default; -$carouselIndicatorBorderRadius: $borderRadius !default; -$carouselIndicatorWidth: 2rem !default; -$carouselIndicatorHeight: 0.5rem !default; - -//galleria -$galleriaMaskBg: rgba(0, 0, 0, 0.9) !default; -$galleriaCloseIconMargin: 0.5rem !default; -$galleriaCloseIconFontSize: 2rem !default; -$galleriaCloseIconBg: transparent !default; -$galleriaCloseIconColor: $shade100 !default; -$galleriaCloseIconHoverBg: rgba(255, 255, 255, 0.1) !default; -$galleriaCloseIconHoverColor: $shade100 !default; -$galleriaCloseIconWidth: 4rem !default; -$galleriaCloseIconHeight: 4rem !default; -$galleriaCloseIconBorderRadius: 50% !default; - -$galleriaItemNavigatorBg: transparent !default; -$galleriaItemNavigatorColor: $shade100 !default; -$galleriaItemNavigatorMargin: 0 0.5rem !default; -$galleriaItemNavigatorFontSize: 2rem !default; -$galleriaItemNavigatorHoverBg: rgba(255, 255, 255, 0.1) !default; -$galleriaItemNavigatorHoverColor: $shade100 !default; -$galleriaItemNavigatorWidth: 4rem !default; -$galleriaItemNavigatorHeight: 4rem !default; -$galleriaItemNavigatorBorderRadius: $borderRadius !default; - -$galleriaCaptionBg: rgba(0, 0, 0, 0.5) !default; -$galleriaCaptionTextColor: $shade100 !default; -$galleriaCaptionPadding: 1rem !default; - -$galleriaIndicatorsPadding: 1rem !default; -$galleriaIndicatorBg: $shade200 !default; -$galleriaIndicatorHoverBg: $shade300 !default; -$galleriaIndicatorBorderRadius: 50% !default; -$galleriaIndicatorWidth: 1rem !default; -$galleriaIndicatorHeight: 1rem !default; -$galleriaIndicatorsBgOnItem: rgba(0, 0, 0, 0.5) !default; -$galleriaIndicatorBgOnItem: rgba(255, 255, 255, 0.4) !default; -$galleriaIndicatorHoverBgOnItem: rgba(255, 255, 255, 0.6) !default; - -$galleriaThumbnailContainerBg: rgba(0, 0, 0, 0.9) !default; -$galleriaThumbnailContainerPadding: 1rem 0.25rem !default; -$galleriaThumbnailNavigatorBg: transparent !default; -$galleriaThumbnailNavigatorColor: $shade100 !default; -$galleriaThumbnailNavigatorHoverBg: rgba(255, 255, 255, 0.1) !default; -$galleriaThumbnailNavigatorHoverColor: $shade100 !default; -$galleriaThumbnailNavigatorBorderRadius: 50% !default; -$galleriaThumbnailNavigatorWidth: 2rem !default; -$galleriaThumbnailNavigatorHeight: 2rem !default; - -//divider -$dividerHorizontalMargin: 1rem 0 !default; -$dividerHorizontalPadding: 0 1rem !default; -$dividerVerticalMargin: 0 1rem !default; -$dividerVerticalPadding: 1rem 0 !default; -$dividerSize: 1px !default; -$dividerColor: $shade200 !default; - -//avatar -$avatarBg: $shade200 !default; -$avatarTextColor: $shade900 !default; - -//chip -$chipBg: $shade100 !default; -$chipTextColor: $shade800 !default; -$chipBorderRadius: 16px !default; -$chipFocusBg: $shade200 !default; -$chipFocusTextColor: $shade900 !default; - -//scrollTop -$scrollTopBg: rgba(0, 0, 0, 0.7) !default; -$scrollTopHoverBg: rgba(0, 0, 0, 0.8) !default; -$scrollTopWidth: 3rem !default; -$scrollTopHeight: 3rem !default; -$scrollTopBorderRadius: 50% !default; -$scrollTopFontSize: 1.5rem !default; -$scrollTopTextColor: $shade50 !default; - -//skeleton -$skeletonBg: $shade200 !default; -$skeletonAnimationBg: rgba(255, 255, 255, 0.4) !default; - -//splitter -$splitterGutterBg: $shade200 !default; -$splitterGutterHandleBg: $shade200 !default; - -//speeddial -$speedDialButtonWidth: 2.5rem !default; -$speedDialButtonHeight: 2.5rem !default; -$speedDialButtonIconFontSize: 1rem !default; -$speedDialActionWidth: 2.5rem !default; -$speedDialActionHeight: 2.5rem !default; -$speedDialActionBg: $shade100 !default; -$speedDialActionHoverBg: $shade200 !default; -$speedDialActionTextColor: $shade600 !default; -$speedDialActionTextHoverColor: $shade700 !default; - -//dock -$dockActionWidth: 3rem !default; -$dockActionHeight: 3rem !default; -$dockItemPadding: 0.5rem !default; -$dockItemBorderRadius: $borderRadius !default; -$dockCurrentItemMargin: 1.5rem !default; -$dockFirstItemsMargin: 1.3rem !default; -$dockSecondItemsMargin: 0.9rem !default; -$dockBg: rgba(255, 255, 255, 0.1) !default; -$dockBorder: 1px solid rgba(255, 255, 255, 0.2) !default; -$dockPadding: 0.5rem 0.5rem !default; -$dockBorderRadius: 0.5rem !default; - -//image -$imageMaskBg: rgba(0, 0, 0, 0.9) !default; -$imagePreviewToolbarPadding: 1rem !default; -$imagePreviewIndicatorColor: $shade50 !default; -$imagePreviewIndicatorBg: rgba(0, 0, 0, 0.5) !default; -$imagePreviewActionIconBg: transparent !default; -$imagePreviewActionIconColor: $shade50 !default; -$imagePreviewActionIconHoverBg: rgba(255, 255, 255, 0.1) !default; -$imagePreviewActionIconHoverColor: $shade000 !default; -$imagePreviewActionIconWidth: 3rem !default; -$imagePreviewActionIconHeight: 3rem !default; -$imagePreviewActionIconFontSize: 1.5rem !default; -$imagePreviewActionIconBorderRadius: 50% !default; - -:root { - font-family: "Inter var", sans-serif; - font-feature-settings: "cv02", "cv03", "cv04", "cv11"; - font-variation-settings: normal; - --font-family: "Inter var", sans-serif; - --font-feature-settings: "cv02", "cv03", "cv04", "cv11"; - --text-color: #{$shade700}; - --text-color-secondary: #{$shade500}; - --primary-color: #{$primaryColor}; - --primary-color-text: #{$primaryTextColor}; - --surface-0: #ffffff; - --surface-50: #f8fafc; - --surface-100: #f1f5f9; - --surface-200: #e2e8f0; - --surface-300: #cbd5e1; - --surface-400: #94a3b8; - --surface-500: #64748b; - --surface-600: #475569; - --surface-700: #334155; - --surface-800: #1e293b; - --surface-900: #0f172a; - --surface-950: #020617; - --gray-0: #ffffff; - --gray-50: #f8fafc; - --gray-100: #f1f5f9; - --gray-200: #e2e8f0; - --gray-300: #cbd5e1; - --gray-400: #94a3b8; - --gray-500: #64748b; - --gray-600: #475569; - --gray-700: #334155; - --gray-800: #1e293b; - --gray-900: #0f172a; - --gray-950: #020617; - --content-padding: 1.125rem; - --inline-spacing: #{$inlineSpacing}; - --border-radius: #{$borderRadius}; - --surface-ground: #f8fafc; - --surface-section: #ffffff; - --surface-card: #ffffff; - --surface-overlay: #ffffff; - --surface-border: #e2e8f0; - --surface-hover: #f1f5f9; - --focus-ring: #{$focusShadow}; - --maskbg: #{$maskBg}; - --highlight-bg: #{$highlightBg}; - --highlight-text-color: #{$highlightTextColor}; - --p-anchor-gutter: 2px; - color-scheme: light; -} - -:root { - --p-focus-ring-color: var(--primary-color); -} diff --git a/themes/aura/aura-light/amber/_fonts.scss b/themes/aura/aura-light/amber/_fonts.scss deleted file mode 100644 index 963c1cd..0000000 --- a/themes/aura/aura-light/amber/_fonts.scss +++ /dev/null @@ -1,16 +0,0 @@ -@font-face { - font-family: 'Inter var'; - font-weight: 100 900; - font-display: swap; - font-style: normal; - font-named-instance: 'Regular'; - src: url("./fonts/Inter-roman.var.woff2?v=3.19") format("woff2"); -} -@font-face { - font-family: 'Inter var'; - font-weight: 100 900; - font-display: swap; - font-style: italic; - font-named-instance: 'Italic'; - src: url("./fonts/Inter-italic.var.woff2?v=3.19") format("woff2"); -} \ No newline at end of file diff --git a/themes/aura/aura-light/amber/fonts/Inter-italic.var.woff2 b/themes/aura/aura-light/amber/fonts/Inter-italic.var.woff2 deleted file mode 100644 index b826d5a..0000000 Binary files a/themes/aura/aura-light/amber/fonts/Inter-italic.var.woff2 and /dev/null differ diff --git a/themes/aura/aura-light/amber/fonts/Inter-roman.var.woff2 b/themes/aura/aura-light/amber/fonts/Inter-roman.var.woff2 deleted file mode 100644 index 6a256a0..0000000 Binary files a/themes/aura/aura-light/amber/fonts/Inter-roman.var.woff2 and /dev/null differ diff --git a/themes/aura/aura-light/amber/theme.scss b/themes/aura/aura-light/amber/theme.scss deleted file mode 100644 index 491386d..0000000 --- a/themes/aura/aura-light/amber/theme.scss +++ /dev/null @@ -1,13 +0,0 @@ -$primaryColor: #f59e0b !default; -$primaryDarkColor: #d97706 !default; -$primaryDarkerColor: #b45309 !default; -$primaryTextColor: #ffffff !default; - -$highlightBg: #fffbeb !default; -$highlightTextColor: $primaryDarkerColor !default; -$highlightFocusBg: rgba($primaryColor, .24) !default; - -@import '../_variables'; -@import './_fonts'; -@import '../../../../theme-base/_components'; -@import '../extensions/_extensions'; \ No newline at end of file diff --git a/themes/aura/aura-light/blue/_fonts.scss b/themes/aura/aura-light/blue/_fonts.scss deleted file mode 100644 index 963c1cd..0000000 --- a/themes/aura/aura-light/blue/_fonts.scss +++ /dev/null @@ -1,16 +0,0 @@ -@font-face { - font-family: 'Inter var'; - font-weight: 100 900; - font-display: swap; - font-style: normal; - font-named-instance: 'Regular'; - src: url("./fonts/Inter-roman.var.woff2?v=3.19") format("woff2"); -} -@font-face { - font-family: 'Inter var'; - font-weight: 100 900; - font-display: swap; - font-style: italic; - font-named-instance: 'Italic'; - src: url("./fonts/Inter-italic.var.woff2?v=3.19") format("woff2"); -} \ No newline at end of file diff --git a/themes/aura/aura-light/blue/fonts/Inter-italic.var.woff2 b/themes/aura/aura-light/blue/fonts/Inter-italic.var.woff2 deleted file mode 100644 index b826d5a..0000000 Binary files a/themes/aura/aura-light/blue/fonts/Inter-italic.var.woff2 and /dev/null differ diff --git a/themes/aura/aura-light/blue/fonts/Inter-roman.var.woff2 b/themes/aura/aura-light/blue/fonts/Inter-roman.var.woff2 deleted file mode 100644 index 6a256a0..0000000 Binary files a/themes/aura/aura-light/blue/fonts/Inter-roman.var.woff2 and /dev/null differ diff --git a/themes/aura/aura-light/blue/theme.scss b/themes/aura/aura-light/blue/theme.scss deleted file mode 100644 index 7a98f37..0000000 --- a/themes/aura/aura-light/blue/theme.scss +++ /dev/null @@ -1,13 +0,0 @@ -$primaryColor: #3B82F6 !default; -$primaryDarkColor: #2563eb !default; -$primaryDarkerColor: #1D4ED8 !default; -$primaryTextColor: #ffffff !default; - -$highlightBg: #EFF6FF !default; -$highlightTextColor: $primaryDarkerColor !default; -$highlightFocusBg: rgba($primaryColor, .24) !default; - -@import '../_variables'; -@import './_fonts'; -@import '../../../../theme-base/_components'; -@import '../extensions/_extensions'; \ No newline at end of file diff --git a/themes/aura/aura-light/cyan/_fonts.scss b/themes/aura/aura-light/cyan/_fonts.scss deleted file mode 100644 index 963c1cd..0000000 --- a/themes/aura/aura-light/cyan/_fonts.scss +++ /dev/null @@ -1,16 +0,0 @@ -@font-face { - font-family: 'Inter var'; - font-weight: 100 900; - font-display: swap; - font-style: normal; - font-named-instance: 'Regular'; - src: url("./fonts/Inter-roman.var.woff2?v=3.19") format("woff2"); -} -@font-face { - font-family: 'Inter var'; - font-weight: 100 900; - font-display: swap; - font-style: italic; - font-named-instance: 'Italic'; - src: url("./fonts/Inter-italic.var.woff2?v=3.19") format("woff2"); -} \ No newline at end of file diff --git a/themes/aura/aura-light/cyan/fonts/Inter-italic.var.woff2 b/themes/aura/aura-light/cyan/fonts/Inter-italic.var.woff2 deleted file mode 100644 index b826d5a..0000000 Binary files a/themes/aura/aura-light/cyan/fonts/Inter-italic.var.woff2 and /dev/null differ diff --git a/themes/aura/aura-light/cyan/fonts/Inter-roman.var.woff2 b/themes/aura/aura-light/cyan/fonts/Inter-roman.var.woff2 deleted file mode 100644 index 6a256a0..0000000 Binary files a/themes/aura/aura-light/cyan/fonts/Inter-roman.var.woff2 and /dev/null differ diff --git a/themes/aura/aura-light/cyan/theme.scss b/themes/aura/aura-light/cyan/theme.scss deleted file mode 100644 index 55d193f..0000000 --- a/themes/aura/aura-light/cyan/theme.scss +++ /dev/null @@ -1,13 +0,0 @@ -$primaryColor: #06b6d4 !default; -$primaryDarkColor: #0891b2 !default; -$primaryDarkerColor: #0e7490 !default; -$primaryTextColor: #ffffff !default; - -$highlightBg: #ecfeff !default; -$highlightTextColor: $primaryDarkerColor !default; -$highlightFocusBg: rgba($primaryColor, .24) !default; - -@import '../_variables'; -@import './_fonts'; -@import '../../../../theme-base/_components'; -@import '../extensions/_extensions'; \ No newline at end of file diff --git a/themes/aura/aura-light/extensions/_accordion.scss b/themes/aura/aura-light/extensions/_accordion.scss deleted file mode 100644 index afc39a9..0000000 --- a/themes/aura/aura-light/extensions/_accordion.scss +++ /dev/null @@ -1,31 +0,0 @@ -.p-accordion { - .p-accordion-header { - .p-accordion-header-link { - border-radius: $borderRadius !important; - flex-direction: row-reverse; - justify-content: space-between; - - &:hover { - border-bottom-color: $accordionHeaderHoverBorderColor; - } - - .p-accordion-toggle-icon { - transform: rotate(90deg); - } - } - - &.p-highlight { - .p-accordion-toggle-icon { - transform: rotate(-180deg); - } - } - } - - .p-accordion-tab { - border-bottom: 1px solid $shade200; - - &:last-child { - border-bottom: 0 none; - } - } -} \ No newline at end of file diff --git a/themes/aura/aura-light/extensions/_autocomplete.scss b/themes/aura/aura-light/extensions/_autocomplete.scss deleted file mode 100644 index 2a9bcd4..0000000 --- a/themes/aura/aura-light/extensions/_autocomplete.scss +++ /dev/null @@ -1,30 +0,0 @@ -.p-autocomplete { - .p-autocomplete-multiple-container { - padding: .25rem .25rem; - gap: .25rem; - - .p-autocomplete-token { - border-radius: 4px; - margin: 0; - - .p-autocomplete-token-icon { - margin-left: .375rem; - } - } - - - .p-autocomplete-input-token { - margin-left: .5rem; - } - - &:has(.p-autocomplete-token) { - .p-autocomplete-input-token { - margin-left: .5rem; - } - } - } - - &.p-disabled { - opacity: 1; - } -} \ No newline at end of file diff --git a/themes/aura/aura-light/extensions/_button.scss b/themes/aura/aura-light/extensions/_button.scss deleted file mode 100644 index a7865ac..0000000 --- a/themes/aura/aura-light/extensions/_button.scss +++ /dev/null @@ -1,129 +0,0 @@ -@mixin focused-button-ring($ring-color) { - outline-color: $ring-color; -} - -.p-button-label { - font-weight: 500; -} - -.p-button { - &.p-button-success:enabled:focus-visible { - @include focused-button-ring($successButtonBg); - } - - &.p-button-info:enabled:focus-visible { - @include focused-button-ring($infoButtonBg); - } - - &.p-button-warning:enabled:focus-visible { - @include focused-button-ring($warningButtonBg); - } - - &.p-button-help:enabled:focus-visible { - @include focused-button-ring($helpButtonBg); - } - - &.p-button-danger:enabled:focus-visible { - @include focused-button-ring($dangerButtonBg); - } - - &.p-button-contrast:enabled:focus-visible { - @include focused-button-ring($contrastButtonBg); - } - - &.p-button-outlined { - border-color: var(--primary-200); - - &:not(:disabled):hover, - &:not(:disabled):active { - border-color: var(--primary-200); - } - - &.p-button-secondary { - border-color: var(--surface-200); - color: $textSecondaryColor; - - &:not(:disabled):hover { - color: $textSecondaryColor; - background-color: $shade100; - border-color: var(--surface-200); - } - - &:not(:disabled):active { - color: $textSecondaryColor; - background-color: $shade200; - border-color: var(--surface-200); - } - } - - &.p-button-success { - border-color: #bbf7d0; - - &:not(:disabled):hover, - &:not(:disabled):active { - border-color: #bbf7d0; - } - } - - &.p-button-info { - border-color: #bae6fd; - - &:not(:disabled):hover, - &:not(:disabled):active { - border-color: #bae6fd; - } - } - - &.p-button-warning { - border-color: #fed7aa; - - &:not(:disabled):hover, - &:not(:disabled):active { - border-color: #fed7aa; - } - } - - &.p-button-help { - border-color: #e9d5ff; - - &:not(:disabled):hover, - &:not(:disabled):active { - border-color: #e9d5ff; - } - } - - &.p-button-danger { - border-color: #fecaca; - - &:not(:disabled):hover, - &:not(:disabled):active { - border-color: #fecaca; - } - } - - &.p-button-contrast { - border-color: #334155; - - &:not(:disabled):hover, - &:not(:disabled):active { - border-color: #334155; - } - } - } - - &.p-button-secondary { - &.p-button-text { - color: $textSecondaryColor; - - &:not(:disabled):hover { - background: $shade100; - color: $textSecondaryColor; - } - - &:not(:disabled):active { - background: $shade200; - color: $textSecondaryColor; - } - } - } -} diff --git a/themes/aura/aura-light/extensions/_calendar.scss b/themes/aura/aura-light/extensions/_calendar.scss deleted file mode 100644 index bcf3c07..0000000 --- a/themes/aura/aura-light/extensions/_calendar.scss +++ /dev/null @@ -1,19 +0,0 @@ -.p-datepicker-buttonbar { - .p-button { - padding: .25rem .75rem; - font-size: .875rem; - } -} - -.p-datepicker { - .p-datepicker-group-container + .p-timepicker { - margin-top: .5rem; - padding-top: .5rem; - } - - table { - th { - font-weight: 500; - } - } -} \ No newline at end of file diff --git a/themes/aura/aura-light/extensions/_card.scss b/themes/aura/aura-light/extensions/_card.scss deleted file mode 100644 index 14154db..0000000 --- a/themes/aura/aura-light/extensions/_card.scss +++ /dev/null @@ -1,22 +0,0 @@ -.p-card { - border-radius: 12px; - display: flex; - flex-direction: column; - - .p-card-caption { - display: flex; - flex-direction: column; - gap: .5rem; - - .p-card-title, - .p-card-subtitle { - margin-bottom: 0; - } - } - - .p-card-body { - display: flex; - flex-direction: column; - gap: 1rem; - } -} \ No newline at end of file diff --git a/themes/aura/aura-light/extensions/_carousel.scss b/themes/aura/aura-light/extensions/_carousel.scss deleted file mode 100644 index a24e568..0000000 --- a/themes/aura/aura-light/extensions/_carousel.scss +++ /dev/null @@ -1,5 +0,0 @@ -.p-carousel { - .p-carousel-indicators .p-carousel-indicator.p-highlight button { - background-color: $primaryColor; - } -} \ No newline at end of file diff --git a/themes/aura/aura-light/extensions/_cascadeselect.scss b/themes/aura/aura-light/extensions/_cascadeselect.scss deleted file mode 100644 index 5e8a5ef..0000000 --- a/themes/aura/aura-light/extensions/_cascadeselect.scss +++ /dev/null @@ -1,21 +0,0 @@ -.p-cascadeselect { - box-shadow: $inputShadow; - - .p-cascadeselect-label { - box-shadow: none; - } - - &.p-disabled { - opacity: 1; - background-color: $disabledInputBg; - - .p-cascadeselect-label { - color: $textSecondaryColor; - } - } -} - -div.p-cascadeselect-panel { - border: 0 none; - box-shadow: none; -} \ No newline at end of file diff --git a/themes/aura/aura-light/extensions/_checkbox.scss b/themes/aura/aura-light/extensions/_checkbox.scss deleted file mode 100644 index 98cb7cc..0000000 --- a/themes/aura/aura-light/extensions/_checkbox.scss +++ /dev/null @@ -1,34 +0,0 @@ -.p-checkbox { - .p-checkbox-box { - border-radius: 4px; - box-shadow: $inputShadow; - } - - &:not(.p-disabled) { - &:has(.p-checkbox-input:focus-visible) { - .p-checkbox-box { - outline-width: 1px; - outline-offset: $focusOutlineOffset; - } - - &.p-highlight { - .p-checkbox-box { - border-color: $checkboxActiveBg; - } - } - } - } - - &.p-disabled { - opacity: 1; - - .p-checkbox-box { - background-color: $disabledInputBg; - border: $inputBorder; - - .p-checkbox-icon { - color: $textSecondaryColor; - } - } - } -} \ No newline at end of file diff --git a/themes/aura/aura-light/extensions/_chip.scss b/themes/aura/aura-light/extensions/_chip.scss deleted file mode 100644 index c856e7a..0000000 --- a/themes/aura/aura-light/extensions/_chip.scss +++ /dev/null @@ -1,21 +0,0 @@ -.p-chip { - border-radius: $chipBorderRadius; - padding: .25rem .75rem; - - .p-chip-text { - margin-top: 0; - margin-bottom: 0; - } - - .p-chip-remove-icon { - margin-left: .375rem; - } - - &:has(.p-chip-remove-icon) { - padding-right: .5rem; - } - - img { - margin-left: -.5rem; - } -} \ No newline at end of file diff --git a/themes/aura/aura-light/extensions/_chips.scss b/themes/aura/aura-light/extensions/_chips.scss deleted file mode 100644 index 673af69..0000000 --- a/themes/aura/aura-light/extensions/_chips.scss +++ /dev/null @@ -1,33 +0,0 @@ -.p-chips { - .p-chips-multiple-container { - padding: .25rem .25rem; - gap: .25rem; - - .p-chips-token { - border-radius: 4px; - margin: 0; - - .p-chips-token-icon { - margin-left: .375rem; - } - } - - - .p-chips-input-token { - margin-left: .5rem; - } - - &:has(.p-chips-token) { - .p-chips-input-token { - margin-left: .5rem; - } - } - } - - &.p-disabled { - .p-chips-multiple-container { - opacity: 1; - background-color: $disabledInputBg; - } - } -} \ No newline at end of file diff --git a/themes/aura/aura-light/extensions/_colorpicker.scss b/themes/aura/aura-light/extensions/_colorpicker.scss deleted file mode 100644 index fc2729a..0000000 --- a/themes/aura/aura-light/extensions/_colorpicker.scss +++ /dev/null @@ -1,11 +0,0 @@ -.p-colorpicker-preview { - padding: 0; - - &:enabled:focus { - outline-offset: $focusOutlineOffset; - } - - &.p-inputtext.p-disabled { - opacity: $disabledOpacity; - } -} \ No newline at end of file diff --git a/themes/aura/aura-light/extensions/_confirmpopup.scss b/themes/aura/aura-light/extensions/_confirmpopup.scss deleted file mode 100644 index 959bcb7..0000000 --- a/themes/aura/aura-light/extensions/_confirmpopup.scss +++ /dev/null @@ -1,3 +0,0 @@ -.p-confirm-popup { - box-shadow: $inputOverlayShadow; -} \ No newline at end of file diff --git a/themes/aura/aura-light/extensions/_datatable.scss b/themes/aura/aura-light/extensions/_datatable.scss deleted file mode 100644 index 4e55eef..0000000 --- a/themes/aura/aura-light/extensions/_datatable.scss +++ /dev/null @@ -1,25 +0,0 @@ -.p-datatable { - .p-datatable-tbody { - > tr { - &.p-datatable-dragpoint-top > td { - box-shadow: inset 0 2px 0 0 $primaryColor; - } - - &.p-datatable-dragpoint-bottom > td { - box-shadow: inset 0 -2px 0 0 $primaryColor; - } - - &:has(+ .p-highlight) { - > td { - border-bottom-color: scale-color($highlightBg, $lightness: -10%); - } - } - - &.p-highlight { - > td { - border-bottom-color: scale-color($highlightBg, $lightness: -10%); - } - } - } - } -} \ No newline at end of file diff --git a/themes/aura/aura-light/extensions/_dataview.scss b/themes/aura/aura-light/extensions/_dataview.scss deleted file mode 100644 index da86ab8..0000000 --- a/themes/aura/aura-light/extensions/_dataview.scss +++ /dev/null @@ -1,7 +0,0 @@ -.p-dataview-layout-options.p-selectbutton { - .p-button { - svg { - position: relative; - } - } -} \ No newline at end of file diff --git a/themes/aura/aura-light/extensions/_dialog.scss b/themes/aura/aura-light/extensions/_dialog.scss deleted file mode 100644 index 239745a..0000000 --- a/themes/aura/aura-light/extensions/_dialog.scss +++ /dev/null @@ -1,25 +0,0 @@ -.p-dialog { - border-radius: $contentBorderRadius; - background-color: $dialogHeaderBg; - - &.p-dialog-maximized { - border-radius: 0; - } - - .p-dialog-header { - border-top-right-radius: $contentBorderRadius; - border-top-left-radius: $contentBorderRadius; - } - - .p-dialog-content { - &:last-of-type { - border-bottom-right-radius: $contentBorderRadius; - border-bottom-left-radius: $contentBorderRadius; - } - } - - .p-dialog-footer { - border-bottom-right-radius: $contentBorderRadius; - border-bottom-left-radius: $contentBorderRadius; - } -} \ No newline at end of file diff --git a/themes/aura/aura-light/extensions/_dropdown.scss b/themes/aura/aura-light/extensions/_dropdown.scss deleted file mode 100644 index b7e22fb..0000000 --- a/themes/aura/aura-light/extensions/_dropdown.scss +++ /dev/null @@ -1,27 +0,0 @@ -.p-dropdown { - box-shadow: $inputShadow; - - .p-dropdown-label { - box-shadow: none; - } - - &.p-disabled { - opacity: 1; - background-color: $disabledInputBg; - - .p-dropdown-label { - color: $textSecondaryColor; - } - } -} - -.p-dropdown-panel { - .p-dropdown-items { - .p-dropdown-item { - .p-dropdown-check-icon { - margin-left: -0.375rem; - margin-right: 0.375rem; - } - } - } -} diff --git a/themes/aura/aura-light/extensions/_extensions.scss b/themes/aura/aura-light/extensions/_extensions.scss deleted file mode 100644 index 05e3d83..0000000 --- a/themes/aura/aura-light/extensions/_extensions.scss +++ /dev/null @@ -1,84 +0,0 @@ -$contentBorderRadius: 12px; - -$inputShadow: 0 0 #0000, 0 0 #0000, 0 1px 2px 0 rgba(18, 18, 23, 0.05); - -@mixin secondary-button { - color: $secondaryButtonTextColor; - background: $secondaryButtonBg; - border: $secondaryButtonBorder; - - &:not(:disabled):hover { - background: $secondaryButtonHoverBg; - color: $secondaryButtonTextHoverColor; - border-color: $secondaryButtonHoverBorderColor; - } - - &:not(:disabled):focus { - box-shadow: $secondaryButtonFocusShadow; - } - - &:not(:disabled):active { - background: $secondaryButtonActiveBg; - color: $secondaryButtonTextActiveColor; - border-color: $secondaryButtonActiveBorderColor; - } -} - -@layer primevue { - @import "./_accordion"; - @import "./_autocomplete"; - @import "./_button"; - @import "./_calendar"; - @import "./_card"; - @import "./_carousel"; - @import "./_cascadeselect"; - @import "./_checkbox"; - @import "./_chips"; - @import "./_chip"; - @import "./_colorpicker"; - @import "./_confirmpopup"; - @import "./_datatable"; - @import "./_dataview"; - @import "./_dialog"; - @import "./_dropdown"; - @import "./_treetable"; - @import "./_fieldset"; - @import "./_filter"; - @import "./_fileupload"; - @import "./_galleria"; - @import "./_inlinemessage"; - @import "./_inputgroup"; - @import "./_inputnumber"; - @import "./_inputswitch"; - @import "./_inputtext"; - @import "./_knob"; - @import "./_listbox"; - @import "./_message"; - @import "./_multiselect"; - @import "./_panelmenu"; - @import "./_password"; - @import "./_orderlist"; - @import "./_organizationchart"; - @import "./_overlaypanel"; - @import "./_panel"; - @import "./_picklist"; - @import "./_progressbar"; - @import "./_radiobutton"; - @import "./_rating"; - @import "./_selectbutton"; - @import "./_slider"; - @import "./_speeddial"; - @import "./_splitter"; - @import "./_stepper"; - @import "./_steps"; - @import "./_tabmenu"; - @import "./_tabview"; - @import "./_tag"; - @import "./_terminal"; - @import "./_timeline"; - @import "./_toast"; - @import "./_togglebutton"; - @import "./_toolbar"; - @import "./_tree"; - @import "./_treeselect"; -} diff --git a/themes/aura/aura-light/extensions/_fieldset.scss b/themes/aura/aura-light/extensions/_fieldset.scss deleted file mode 100644 index 3bf4830..0000000 --- a/themes/aura/aura-light/extensions/_fieldset.scss +++ /dev/null @@ -1,38 +0,0 @@ -.p-fieldset { - padding: 0 1.125rem 1.125rem 1.125rem; - margin: 0; - - &.p-fieldset-toggleable { - .p-fieldset-legend { - a { - padding: .5rem .75rem; - - .p-fieldset-legend-text { - padding: 0; - } - - .p-fieldset-toggler { - color: $textSecondaryColor; - } - } - - &:hover { - background-color: $shade100; - } - } - } - - .p-fieldset-legend { - border: 0 none; - padding: 0; - margin-bottom: 0.375rem; - - span { - padding: .5rem .75rem; - } - } - - .p-fieldset-content { - padding: 0; - } -} \ No newline at end of file diff --git a/themes/aura/aura-light/extensions/_fileupload.scss b/themes/aura/aura-light/extensions/_fileupload.scss deleted file mode 100644 index 6497a85..0000000 --- a/themes/aura/aura-light/extensions/_fileupload.scss +++ /dev/null @@ -1,5 +0,0 @@ -.p-fileupload { - .p-fileupload-content { - border-top: 0 none; - } -} \ No newline at end of file diff --git a/themes/aura/aura-light/extensions/_filter.scss b/themes/aura/aura-light/extensions/_filter.scss deleted file mode 100644 index 66358fc..0000000 --- a/themes/aura/aura-light/extensions/_filter.scss +++ /dev/null @@ -1,38 +0,0 @@ -.p-column-filter-overlay-menu { - padding: .75rem; - display: flex; - flex-direction: column; - gap: $inlineSpacing; - - .p-column-filter-operator { - padding: 0; - } - - .p-column-filter-constraints { - display: flex; - flex-direction: column; - gap: $inlineSpacing; - } - - .p-column-filter-constraint { - padding: 0 0 0 0; - - .p-column-filter-remove-button { - margin-bottom: $inlineSpacing; - } - - &:last-child { - .p-column-filter-remove-button { - margin-bottom: 0; - } - } - } - - .p-column-filter-add-rule { - padding: 0; - } - - .p-column-filter-buttonbar { - padding: 0; - } -} \ No newline at end of file diff --git a/themes/aura/aura-light/extensions/_galleria.scss b/themes/aura/aura-light/extensions/_galleria.scss deleted file mode 100644 index 38c8e42..0000000 --- a/themes/aura/aura-light/extensions/_galleria.scss +++ /dev/null @@ -1,5 +0,0 @@ -.p-galleria { - .p-galleria-indicators .p-galleria-indicator.p-highlight button { - background-color: $primaryColor; - } -} \ No newline at end of file diff --git a/themes/aura/aura-light/extensions/_inlinemessage.scss b/themes/aura/aura-light/extensions/_inlinemessage.scss deleted file mode 100644 index 10ab1a0..0000000 --- a/themes/aura/aura-light/extensions/_inlinemessage.scss +++ /dev/null @@ -1,31 +0,0 @@ -.p-inline-message-text { - font-weight: 500; -} - -.p-inline-message { - backdrop-filter: blur(1.5px); -} - -.p-inline-message.p-inline-message-info { - box-shadow: 0px 4px 8px 0px rgba(59, 130, 246, 0.04); -} - -.p-inline-message.p-inline-message-success { - box-shadow: 0px 4px 8px 0px rgba(34, 197, 94, 0.04); -} - -.p-inline-message.p-inline-message-warn { - box-shadow: 0px 4px 8px 0px rgba(234, 179, 8, 0.04); -} - -.p-inline-message.p-inline-message-error { - box-shadow: 0px 4px 8px 0px rgba(239, 68, 68, 0.04); -} - -.p-inline-message.p-inline-message-secondary { - box-shadow: 0px 4px 8px 0px rgba(74, 85, 103, 0.04); -} - -.p-inline-message.p-inline-message-contrast { - box-shadow: 0px 4px 8px 0px rgba(2, 6, 23, 0.04); -} diff --git a/themes/aura/aura-light/extensions/_inputgroup.scss b/themes/aura/aura-light/extensions/_inputgroup.scss deleted file mode 100644 index 9c3eaf2..0000000 --- a/themes/aura/aura-light/extensions/_inputgroup.scss +++ /dev/null @@ -1,3 +0,0 @@ -.p-inputgroup-addon { - padding: .5rem; -} \ No newline at end of file diff --git a/themes/aura/aura-light/extensions/_inputnumber.scss b/themes/aura/aura-light/extensions/_inputnumber.scss deleted file mode 100644 index b282d9b..0000000 --- a/themes/aura/aura-light/extensions/_inputnumber.scss +++ /dev/null @@ -1,87 +0,0 @@ -.p-inputnumber { - &.p-inputnumber-buttons-stacked { - position: relative; - - .p-inputnumber-input { - border-top-right-radius: $borderRadius - 1; - border-bottom-right-radius: $borderRadius - 1; - } - - .p-inputnumber-button-group { - position: absolute; - top: 1px; - right: 1px; - height: calc(100% - 2px); - } - - .p-inputnumber-button { - border-top-right-radius: $borderRadius - 1; - border-bottom-right-radius: $borderRadius - 1; - background-color: transparent; - border: 0 none; - color: $shade500; - - &:hover { - background-color: $shade100; - color: $shade600; - } - - &:active { - background-color: $shade200; - color: $shade700; - } - } - } - - &.p-inputnumber-buttons-horizontal { - .p-inputnumber-button { - background-color: transparent; - border: $inputBorder; - color: $shade500; - - &:hover { - background-color: $shade100; - color: $shade600; - } - - &:active { - background-color: $shade200; - color: $shade700; - } - - &.p-inputnumber-button-up { - border-left: 0 none; - } - - &.p-inputnumber-button-down { - border-right: 0 none; - } - } - } - - &.p-inputnumber-buttons-vertical { - .p-inputnumber-button { - background-color: transparent; - border: $inputBorder; - color: $shade500; - - &:hover { - background-color: $shade100; - color: $shade600; - } - - &:active { - background-color: $shade200; - color: $shade700; - } - - &.p-inputnumber-button-up { - border-bottom: 0 none; - } - - &.p-inputnumber-button-down { - border-top: 0 none; - } - } - } -} diff --git a/themes/aura/aura-light/extensions/_inputswitch.scss b/themes/aura/aura-light/extensions/_inputswitch.scss deleted file mode 100644 index 4057ce0..0000000 --- a/themes/aura/aura-light/extensions/_inputswitch.scss +++ /dev/null @@ -1,21 +0,0 @@ -.p-inputswitch { - .p-inputswitch-slider { - border: 0 none; - } - - &.p-highlight { - p-inputswitch-slider:before { - left: 1.25rem; - transform: none; - } - } - - &.p-invalid > .p-inputswitch-slider { - background: $errorColor; - - - &:before { - background: $shade000; - } - } -} \ No newline at end of file diff --git a/themes/aura/aura-light/extensions/_inputtext.scss b/themes/aura/aura-light/extensions/_inputtext.scss deleted file mode 100644 index 7da6990..0000000 --- a/themes/aura/aura-light/extensions/_inputtext.scss +++ /dev/null @@ -1,9 +0,0 @@ -.p-inputtext { - box-shadow: $inputShadow; -} - -.p-inputtext:disabled { - opacity: 1; - background-color: $disabledInputBg; - color: $textSecondaryColor; -} \ No newline at end of file diff --git a/themes/aura/aura-light/extensions/_knob.scss b/themes/aura/aura-light/extensions/_knob.scss deleted file mode 100644 index 3a13d61..0000000 --- a/themes/aura/aura-light/extensions/_knob.scss +++ /dev/null @@ -1,9 +0,0 @@ -.p-knob svg { - border-radius: $borderRadius; - outline-color: transparent; - transition: outline-color $transitionDuration; - - &:focus-visible { - @include focused(); - } -} \ No newline at end of file diff --git a/themes/aura/aura-light/extensions/_listbox.scss b/themes/aura/aura-light/extensions/_listbox.scss deleted file mode 100644 index 40460a8..0000000 --- a/themes/aura/aura-light/extensions/_listbox.scss +++ /dev/null @@ -1,14 +0,0 @@ -.p-listbox { - box-shadow: $inputShadow; - - &.p-disabled { - opacity: 1; - background-color: $disabledInputBg; - - .p-listbox-list { - .p-listbox-item { - color: $textSecondaryColor; - } - } - } -} \ No newline at end of file diff --git a/themes/aura/aura-light/extensions/_message.scss b/themes/aura/aura-light/extensions/_message.scss deleted file mode 100644 index 45d8a36..0000000 --- a/themes/aura/aura-light/extensions/_message.scss +++ /dev/null @@ -1,87 +0,0 @@ -.p-message { - backdrop-filter: blur(1.5px); -} - -.p-message.p-message-info { - box-shadow: 0px 4px 8px 0px rgba(59, 130, 246, 0.04); - - .p-message-close { - &:focus-visible { - outline-color: $infoMessageIconColor; - } - - &:hover { - background: #dbeafe; - } - } -} - -.p-message.p-message-success { - box-shadow: 0px 4px 8px 0px rgba(34, 197, 94, 0.04); - - .p-message-close { - &:focus-visible { - outline-color: $successMessageIconColor; - } - - &:hover { - background: #dcfce7; - } - } -} - -.p-message.p-message-warn { - box-shadow: 0px 4px 8px 0px rgba(234, 179, 8, 0.04); - - .p-message-close { - &:focus-visible { - outline-color: $warningMessageIconColor; - } - - &:hover { - background: #fef9c3; - } - } -} - -.p-message.p-message-error { - box-shadow: 0px 4px 8px 0px rgba(239, 68, 68, 0.04); - - .p-message-close { - &:focus-visible { - outline-color: $errorMessageIconColor; - } - - &:hover { - background: #fee2e2; - } - } -} - -.p-message.p-message-secondary { - box-shadow: 0px 4px 8px 0px rgba(74, 85, 103, 0.04); - - .p-message-close { - &:focus-visible { - outline-color: $secondaryMessageIconColor; - } - - &:hover { - background: $secondaryButtonHoverBg; - } - } -} - -.p-message.p-message-contrast { - box-shadow: 0px 4px 8px 0px rgba(2, 6, 23, 0.04); - - .p-message-close { - &:focus-visible { - outline-color: $contrastMessageIconColor; - } - - &:hover { - background: $contrastButtonHoverBg; - } - } -} diff --git a/themes/aura/aura-light/extensions/_multiselect.scss b/themes/aura/aura-light/extensions/_multiselect.scss deleted file mode 100644 index 6e6779e..0000000 --- a/themes/aura/aura-light/extensions/_multiselect.scss +++ /dev/null @@ -1,40 +0,0 @@ -.p-multiselect-panel { - .p-multiselect-header { - padding-left: 1rem; - padding-right: 1rem; - } -} - -.p-multiselect { - box-shadow: $inputShadow; - - &.p-disabled { - opacity: 1; - background-color: $disabledInputBg; - - .p-multiselect-label { - color: $textSecondaryColor; - } - } - - &.p-multiselect-chip { - .p-multiselect-token { - border-radius: 4px; - margin-right: .25rem; - - .p-multiselect-token-icon { - margin-left: .375rem; - } - } - } -} - -.p-inputwrapper-filled { - &.p-multiselect { - &.p-multiselect-chip { - .p-multiselect-label { - padding: .25rem .25rem; - } - } - } -} \ No newline at end of file diff --git a/themes/aura/aura-light/extensions/_orderlist.scss b/themes/aura/aura-light/extensions/_orderlist.scss deleted file mode 100644 index 2c1200c..0000000 --- a/themes/aura/aura-light/extensions/_orderlist.scss +++ /dev/null @@ -1,37 +0,0 @@ -.p-orderlist-controls .p-button { - transition: opacity $transitionDuration, outline-color $transitionDuration, background-color $transitionDuration, color $transitionDuration, border-color $transitionDuration, box-shadow $transitionDuration; - - @include secondary-button(); -} - -.p-orderlist { - .p-orderlist-header { - background: $inputListHeaderBg; - color: $inputListHeaderTextColor; - border: 0 none; - border-bottom: 0 none; - padding: .75rem 1rem .5rem 1rem; - font-weight: 600; - color: $textSecondaryColor; - border-top-right-radius: $borderRadius; - border-top-left-radius: $borderRadius; - } - - .p-orderlist-list { - border: $inputListBorder; - border: 0 none; - background: $inputListBg; - color: $inputListTextColor; - padding: $inputListPadding; - border-bottom-right-radius: $borderRadius; - border-bottom-left-radius: $borderRadius; - - .p-orderlist-item { - border-radius: $borderRadius; - } - - &:not(:first-child) { - border: 0 none; - } - } -} \ No newline at end of file diff --git a/themes/aura/aura-light/extensions/_organizationchart.scss b/themes/aura/aura-light/extensions/_organizationchart.scss deleted file mode 100644 index 98fd8b9..0000000 --- a/themes/aura/aura-light/extensions/_organizationchart.scss +++ /dev/null @@ -1,37 +0,0 @@ -.p-organizationchart { - .p-organizationchart-node-content { - padding: 0.75rem 1rem; - border-radius: $borderRadius; - - .p-node-toggler { - transition: $actionIconTransition; - border: 1px solid $organizationChartConnectorColor; - display: inline-flex; - justify-content: center; - align-items: center; - - .p-node-toggler-icon { - position: static; - } - } - - &:has(.p-node-toggler) { - padding: 0.75rem 1rem 1.25rem 1rem; - } - } - - .p-organizationchart-lines { - :nth-child(1 of .p-organizationchart-line-left) { - border-right: 0 none; - } - - :nth-last-child(1 of .p-organizationchart-line-left) { - border-top-right-radius: $borderRadius; - } - - :nth-child(1 of .p-organizationchart-line-right) { - border-left: 1px solid $organizationChartConnectorColor; - border-top-left-radius: $borderRadius; - } - } -} diff --git a/themes/aura/aura-light/extensions/_overlaypanel.scss b/themes/aura/aura-light/extensions/_overlaypanel.scss deleted file mode 100644 index 18b14c8..0000000 --- a/themes/aura/aura-light/extensions/_overlaypanel.scss +++ /dev/null @@ -1,14 +0,0 @@ -.p-overlaypanel { - box-shadow: $inputOverlayShadow; - - .p-overlaypanel-content { - padding: .75rem; - } - - .p-overlaypanel-close { - @include action-icon(); - position: absolute; - top: .25rem; - right: .25rem; - } -} \ No newline at end of file diff --git a/themes/aura/aura-light/extensions/_panel.scss b/themes/aura/aura-light/extensions/_panel.scss deleted file mode 100644 index 78af49f..0000000 --- a/themes/aura/aura-light/extensions/_panel.scss +++ /dev/null @@ -1,18 +0,0 @@ -.p-panel { - border: 1px solid $panelHeaderBorderColor; - border-radius: $borderRadius; - background-color: $panelContentBg; - - .p-panel-header, - .p-panel-content, - .p-panel-footer { - background: transparent; - border: 0 none; - } - - &:has(.p-panel-footer) { - .p-panel-content { - padding-bottom: .875rem; - } - } -} diff --git a/themes/aura/aura-light/extensions/_panelmenu.scss b/themes/aura/aura-light/extensions/_panelmenu.scss deleted file mode 100644 index 31ebfe6..0000000 --- a/themes/aura/aura-light/extensions/_panelmenu.scss +++ /dev/null @@ -1,101 +0,0 @@ -.p-panelmenu { - .p-panelmenu-header { - border-radius: $menuitemBorderRadius; - - &:not(.p-disabled) { - &:focus-visible { - .p-panelmenu-header-content { - outline: 0 none; - - .p-panelmenu-header-action { - background: $menuitemFocusBg; - - .p-menuitem-text { - color: $menuitemTextFocusColor; - } - - .p-submenu-icon { - color: $menuitemIconFocusColor; - } - - .p-menuitem-icon { - color: $menuitemIconFocusColor; - } - } - } - } - } - - .p-panelmenu-header-content { - border-radius: $menuitemBorderRadius; - transition: $listItemTransition; - - .p-panelmenu-header-action { - color: $menuitemTextColor; - padding: $menuitemPadding; - font-weight: $submenuHeaderFontWeight; - border-radius: $menuitemBorderRadius; - transition: $listItemTransition; - - .p-menuitem-text { - color: $menuitemTextColor; - } - - .p-submenu-icon { - color: $menuitemIconColor; - } - - .p-menuitem-icon { - color: $menuitemIconColor; - } - - &:hover { - background: $menuitemHoverBg; - - .p-menuitem-text { - color: $menuitemTextHoverColor; - } - - .p-submenu-icon { - color: $menuitemIconHoverColor; - } - - .p-menuitem-icon { - color: $menuitemIconHoverColor; - } - } - - .p-submenu-icon { - margin-right: $inlineSpacing; - } - - .p-menuitem-icon { - margin-right: $inlineSpacing; - } - } - } - } - - .p-panelmenu-content { - border-radius: $borderRadius; - padding: 0 0 0 1rem; - - .p-menuitem { - &:first-child { - margin-top: 2px; - } - - &:last-child { - margin-top: 2px; - } - } - } - - .p-panelmenu-panel { - padding: $inputListPadding; - overflow: hidden; - margin-bottom: .75rem; - border: 1px solid $panelHeaderBorderColor; - border-radius: $borderRadius; - } -} diff --git a/themes/aura/aura-light/extensions/_password.scss b/themes/aura/aura-light/extensions/_password.scss deleted file mode 100644 index 3568452..0000000 --- a/themes/aura/aura-light/extensions/_password.scss +++ /dev/null @@ -1,29 +0,0 @@ -.p-password-panel { - background-color: $inputOverlayBg; - border: $inputOverlayBorder; - padding: .75rem; - box-shadow: $inputOverlayShadow; - border-radius: $borderRadius; - - .p-password-meter { - margin-bottom: .75rem; - background: $passwordMeterBg; - border-radius: $borderRadius; - - .p-password-strength { - border-radius: $borderRadius; - - &.weak { - background: $passwordWeakBg; - } - - &.medium { - background: $passwordMediumBg; - } - - &.strong { - background: $passwordStrongBg; - } - } - } -} diff --git a/themes/aura/aura-light/extensions/_picklist.scss b/themes/aura/aura-light/extensions/_picklist.scss deleted file mode 100644 index aed3e47..0000000 --- a/themes/aura/aura-light/extensions/_picklist.scss +++ /dev/null @@ -1,37 +0,0 @@ -.p-picklist-buttons .p-button { - transition: opacity $transitionDuration, outline-color $transitionDuration, background-color $transitionDuration, color $transitionDuration, border-color $transitionDuration, box-shadow $transitionDuration; - - @include secondary-button(); -} - -.p-picklist { - .p-picklist-header { - background: $inputListHeaderBg; - color: $inputListHeaderTextColor; - border: $inputListBorder; - border: 0 none; - padding: .75rem 1rem .5rem 1rem; - font-weight: 600; - color: $textSecondaryColor; - border-top-right-radius: $borderRadius; - border-top-left-radius: $borderRadius; - } - - .p-picklist-list { - border: $inputListBorder; - border: 0 none; - background: $inputListBg; - color: $inputListTextColor; - padding: $inputListPadding; - border-bottom-right-radius: $borderRadius; - border-bottom-left-radius: $borderRadius; - - .p-picklist-item { - border-radius: $borderRadius; - } - - &:not(:first-child) { - border: 0 none; - } - } -} \ No newline at end of file diff --git a/themes/aura/aura-light/extensions/_progressbar.scss b/themes/aura/aura-light/extensions/_progressbar.scss deleted file mode 100644 index 360a627..0000000 --- a/themes/aura/aura-light/extensions/_progressbar.scss +++ /dev/null @@ -1,4 +0,0 @@ -.p-progressbar-label { - font-size: .75rem; - font-weight: 600; -} \ No newline at end of file diff --git a/themes/aura/aura-light/extensions/_radiobutton.scss b/themes/aura/aura-light/extensions/_radiobutton.scss deleted file mode 100644 index 577f26a..0000000 --- a/themes/aura/aura-light/extensions/_radiobutton.scss +++ /dev/null @@ -1,32 +0,0 @@ -.p-radiobutton { - .p-radiobutton-box { - box-shadow: $inputShadow; - } - - &:not(.p-disabled) { - &:has(.p-radiobutton-input:focus-visible) { - .p-radiobutton-box { - outline-width: 1px; - outline-offset: $focusOutlineOffset; - } - - &.p-highlight { - .p-radiobutton-box { - border-color: $checkboxActiveBg; - } - } - } - } - - &.p-disabled { - opacity: 1; - .p-radiobutton-box { - border: $inputBorder; - background-color: $disabledInputBg; - - .p-radiobutton-icon { - background-color: $textSecondaryColor; - } - } - } -} \ No newline at end of file diff --git a/themes/aura/aura-light/extensions/_rating.scss b/themes/aura/aura-light/extensions/_rating.scss deleted file mode 100644 index 4a244bf..0000000 --- a/themes/aura/aura-light/extensions/_rating.scss +++ /dev/null @@ -1,3 +0,0 @@ -.p-rating { - gap: 0.25rem; -} diff --git a/themes/aura/aura-light/extensions/_selectbutton.scss b/themes/aura/aura-light/extensions/_selectbutton.scss deleted file mode 100644 index 54a0020..0000000 --- a/themes/aura/aura-light/extensions/_selectbutton.scss +++ /dev/null @@ -1,55 +0,0 @@ -.p-selectbutton { - .p-button { - .pi, - .p-button-label { - position: relative; - transition: none; - } - - &::before { - content: ''; - background-color: transparent; - transition: $formElementTransition; - position: absolute; - left: .25rem; - top: .25rem; - width: calc(100% - .5rem); - height: calc(100% - .5rem); - border-radius: 4px; - } - - &.p-highlight { - &::before { - background: $shade000; - border-color: $shade000; - box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.02), 0px 1px 2px 0px rgba(0, 0, 0, 0.04); - } - } - - &:focus-visible { - @include focused-input(); - } - - &.p-disabled { - opacity: 1; - color: $shade400; - } - } - - &.p-invalid { - box-shadow: 0 0 0 1px $errorColor; - border-radius: $borderRadius; - - > .p-button { - border: $toggleButtonBorder; - } - } - - &.p-disabled { - opacity: 1; - - .p-button { - color: $shade400; - } - } -} \ No newline at end of file diff --git a/themes/aura/aura-light/extensions/_slider.scss b/themes/aura/aura-light/extensions/_slider.scss deleted file mode 100644 index 08c2cc7..0000000 --- a/themes/aura/aura-light/extensions/_slider.scss +++ /dev/null @@ -1,22 +0,0 @@ -.p-slider { - .p-slider-handle { - display: flex !important; - justify-content: center; - align-items: center; - - &::before { - content: ''; - width: 16px; - height: 16px; - display: block; - background-color: #ffffff; - border-radius: 50%; - box-shadow: 0px 0.5px 0px 0px rgba(0, 0, 0, 0.08), 0px 1px 1px 0px rgba(0, 0, 0, 0.14); - } - - &:focus-visible { - outline: 0 none; - box-shadow: 0 0 0 2px #ffffff, 0 0 0 4px var(--p-focus-ring-color), 0 1px 2px 0 rgba(0, 0, 0, 1); - } - } -} diff --git a/themes/aura/aura-light/extensions/_speeddial.scss b/themes/aura/aura-light/extensions/_speeddial.scss deleted file mode 100644 index dfe27a8..0000000 --- a/themes/aura/aura-light/extensions/_speeddial.scss +++ /dev/null @@ -1,9 +0,0 @@ -.p-speeddial-item { - &.p-focus > .p-speeddial-action { - @include focused-button-ring(scale-color($buttonBg, $lightness: 50%)); - } -} - -.p-speeddial-button.p-speeddial-rotate { - transition: transform 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, $formElementTransition; -} \ No newline at end of file diff --git a/themes/aura/aura-light/extensions/_splitter.scss b/themes/aura/aura-light/extensions/_splitter.scss deleted file mode 100644 index 74f1a81..0000000 --- a/themes/aura/aura-light/extensions/_splitter.scss +++ /dev/null @@ -1,3 +0,0 @@ -.p-splitter-gutter-handle { - border-radius: $borderRadius; -} \ No newline at end of file diff --git a/themes/aura/aura-light/extensions/_stepper.scss b/themes/aura/aura-light/extensions/_stepper.scss deleted file mode 100644 index c33b5ff..0000000 --- a/themes/aura/aura-light/extensions/_stepper.scss +++ /dev/null @@ -1,14 +0,0 @@ -.p-stepper { - .p-stepper-header { - &.p-highlight { - .p-stepper-number { - background: $stepsItemBg; - color: $primaryColor; - } - - .p-stepper-title { - color: $primaryColor; - } - } - } -} \ No newline at end of file diff --git a/themes/aura/aura-light/extensions/_steps.scss b/themes/aura/aura-light/extensions/_steps.scss deleted file mode 100644 index 847aaee..0000000 --- a/themes/aura/aura-light/extensions/_steps.scss +++ /dev/null @@ -1,64 +0,0 @@ -@use 'sass:math'; - -.p-steps { - .p-steps-item { - .p-menuitem-link { - .p-steps-number { - border-width: 2px; - transition: $actionIconTransition; - } - - .p-steps-title { - font-weight: $stepsItemActiveFontWeight; - transition: $actionIconTransition; - } - } - - .p-steps-number { - position: relative; - font-weight: 500; - - &::after { - content: ' '; - position: absolute; - width: 100%; - height: 100%; - border-radius: 50%; - box-shadow: 0px 0.5px 0px 0px rgba(0, 0, 0, 0.06), 0px 1px 1px 0px rgba(0, 0, 0, 0.12); - } - } - - &.p-highlight { - .p-steps-number { - background: $stepsItemBg; - color: $primaryColor; - } - - .p-steps-title { - color: $primaryColor; - } - } - - &.p-disabled { - opacity: 1; - } - - &:before { - border-top-width: 2px; - margin-top: calc(-1rem + 1px); - } - - &:first-child { - &::before { - width: calc(50% + #{math.div($stepsItemNumberWidth, 2)}); - transform: translateX(100%); - } - } - - &:last-child { - &::before { - width: 50%; - } - } - } -} diff --git a/themes/aura/aura-light/extensions/_tabmenu.scss b/themes/aura/aura-light/extensions/_tabmenu.scss deleted file mode 100644 index d272a4c..0000000 --- a/themes/aura/aura-light/extensions/_tabmenu.scss +++ /dev/null @@ -1,20 +0,0 @@ -.p-tabmenu { - .p-tabmenu-ink-bar { - z-index: 1; - display: block; - position: absolute; - bottom: -1px; - height: 1px; - background-color: $primaryColor; - transition: 250ms cubic-bezier(0.35, 0, 0.25, 1); - } - - .p-tabmenu-nav { - position: relative; - .p-tabmenuitem { - .p-menuitem-link { - transition: background-color $transitionDuration, color $transitionDuration, border-color $transitionDuration, box-shadow $transitionDuration, outline-color $transitionDuration; - } - } - } -} \ No newline at end of file diff --git a/themes/aura/aura-light/extensions/_tabview.scss b/themes/aura/aura-light/extensions/_tabview.scss deleted file mode 100644 index 5180cfd..0000000 --- a/themes/aura/aura-light/extensions/_tabview.scss +++ /dev/null @@ -1,32 +0,0 @@ -.p-tabview { - .p-tabview-ink-bar { - z-index: 1; - display: block; - position: absolute; - bottom: 0; - height: 1px; - background-color: $primaryColor; - transition: 250ms cubic-bezier(0.35, 0, 0.25, 1); - } - - .p-tabview-nav { - position: relative; - - li { - .p-tabview-nav-link { - transition: background-color $transitionDuration, color $transitionDuration, border-color $transitionDuration, box-shadow $transitionDuration, outline-color $transitionDuration; - } - } - } - - .p-tabview-nav-btn.p-link { - color: $actionIconColor; - transition: $actionIconTransition; - box-shadow: $raisedButtonShadow; - box-shadow: 0px 0px 10px 50px rgba(255, 255, 255, 0.6); - - &:hover { - color: $actionIconHoverColor; - } - } -} \ No newline at end of file diff --git a/themes/aura/aura-light/extensions/_tag.scss b/themes/aura/aura-light/extensions/_tag.scss deleted file mode 100644 index f353702..0000000 --- a/themes/aura/aura-light/extensions/_tag.scss +++ /dev/null @@ -1,26 +0,0 @@ -@use 'sass:math'; - -.p-tag { - background: var(--primary-100); - color: var(--primary-700); - - &.p-tag-success { - background: var(--green-100); - color: var(--green-700); - } - - &.p-tag-info { - background: var(--blue-100); - color: var(--blue-700); - } - - &.p-tag-warning { - background: var(--orange-100); - color: var(--orange-700); - } - - &.p-tag-danger { - background: var(--red-100); - color: var(--red-700); - } -} \ No newline at end of file diff --git a/themes/aura/aura-light/extensions/_terminal.scss b/themes/aura/aura-light/extensions/_terminal.scss deleted file mode 100644 index 4b610f4..0000000 --- a/themes/aura/aura-light/extensions/_terminal.scss +++ /dev/null @@ -1,15 +0,0 @@ -.p-terminal { - background: $inputBg; - color: $inputTextColor; - border: $inputBorder; - padding: $inputPadding; - border-radius: $borderRadius; - - .p-terminal-prompt { - margin-right: .25rem; - } - - .p-terminal-response { - margin: 2px 0; - } -} diff --git a/themes/aura/aura-light/extensions/_timeline.scss b/themes/aura/aura-light/extensions/_timeline.scss deleted file mode 100644 index acdb04e..0000000 --- a/themes/aura/aura-light/extensions/_timeline.scss +++ /dev/null @@ -1,28 +0,0 @@ -.p-timeline { - .p-timeline-event-marker { - display: inline-flex; - align-items: center; - justify-content: center; - position: relative; - - &::before { - content: ' '; - border-radius: 50%; - width: .375rem; - height: .375rem; - background-color: $primaryColor; - } - - &::after { - content: ' '; - position: absolute; - width: 100%; - height: 100%; - border-radius: 50%; - box-shadow: 0px 0.5px 0px 0px rgba(0, 0, 0, 0.06), 0px 1px 1px 0px rgba(0, 0, 0, 0.12); - } - } -} - - - diff --git a/themes/aura/aura-light/extensions/_toast.scss b/themes/aura/aura-light/extensions/_toast.scss deleted file mode 100644 index 2453c0b..0000000 --- a/themes/aura/aura-light/extensions/_toast.scss +++ /dev/null @@ -1,109 +0,0 @@ -.p-toast { - .p-toast-message { - backdrop-filter: blur(1.5px); - - .p-toast-message-content { - .p-toast-detail { - font-size: 0.875rem; - } - } - - .p-toast-icon-close { - width: 1.75rem; - height: 1.75rem; - margin-top: -25%; - right: -25%; - position: relative; - } - } -} - -.p-toast { - .p-toast-message.p-toast-message-info { - box-shadow: 0px 4px 8px 0px rgba(59, 130, 246, 0.04); - - .p-toast-detail { - color: $textColor; - } - - .p-toast-icon-close { - outline-color: $infoMessageIconColor; - - &:hover { - background: #dbeafe; - } - } - } - - .p-toast-message.p-toast-message-success { - box-shadow: 0px 4px 8px 0px rgba(34, 197, 94, 0.04); - - .p-toast-detail { - color: $textColor; - } - - .p-toast-icon-close { - outline-color: $successMessageIconColor; - - &:hover { - background: #dcfce7; - } - } - } - - .p-toast-message.p-toast-message-warn { - box-shadow: 0px 4px 8px 0px rgba(234, 179, 8, 0.04); - - .p-toast-detail { - color: $textColor; - } - - .p-toast-icon-close { - outline-color: $warningMessageIconColor; - - &:hover { - background: #fef9c3; - } - } - } - - .p-toast-message.p-toast-message-error { - box-shadow: 0px 4px 8px 0px rgba(239, 68, 68, 0.04); - - .p-toast-detail { - color: $textColor; - } - - .p-toast-icon-close { - outline-color: $errorMessageIconColor; - - &:hover { - background: #fee2e2; - } - } - } - - .p-toast-message.p-toast-message-secondary { - box-shadow: 0px 4px 8px 0px rgba(74, 85, 103, 0.04); - - .p-toast-icon-close { - outline-color: $errorMessageIconColor; - - &:hover { - background: $secondaryButtonHoverBg; - } - } - } - - .p-toast-message.p-toast-message-contrast { - box-shadow: 0px 4px 8px 0px rgba(2, 6, 23, 0.04); - - .p-toast-icon-close { - outline-color: $errorMessageIconColor; - - &:hover { - background: $contrastButtonHoverBg; - } - } - } -} diff --git a/themes/aura/aura-light/extensions/_togglebutton.scss b/themes/aura/aura-light/extensions/_togglebutton.scss deleted file mode 100644 index af9052b..0000000 --- a/themes/aura/aura-light/extensions/_togglebutton.scss +++ /dev/null @@ -1,41 +0,0 @@ -.p-togglebutton { - .p-button { - .p-button-label, - .p-button-icon { - position: relative; - transition: none; - } - - &::before { - content: ''; - background-color: transparent; - transition: $formElementTransition; - position: absolute; - left: .25rem; - top: .25rem; - width: calc(100% - .5rem); - height: calc(100% - .5rem); - border-radius: 4px; - } - } - - &.p-highlight { - .p-button { - &::before { - background: $shade000; - border-color: $shade000; - box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.02), 0px 1px 2px 0px rgba(0, 0, 0, 0.04); - } - } - } - - &.p-disabled { - opacity: 1; - .p-button { - color: $shade400; - .p-button-icon { - color: $shade400; - } - } - } -} \ No newline at end of file diff --git a/themes/aura/aura-light/extensions/_toolbar.scss b/themes/aura/aura-light/extensions/_toolbar.scss deleted file mode 100644 index 67e64a4..0000000 --- a/themes/aura/aura-light/extensions/_toolbar.scss +++ /dev/null @@ -1,3 +0,0 @@ -.p-toolbar { - padding: .75rem; -} diff --git a/themes/aura/aura-light/extensions/_tree.scss b/themes/aura/aura-light/extensions/_tree.scss deleted file mode 100644 index e8e04cf..0000000 --- a/themes/aura/aura-light/extensions/_tree.scss +++ /dev/null @@ -1,34 +0,0 @@ -.p-tree { - border: 0 none; - padding: 1rem; - - .p-tree-container { - .p-treenode { - margin: 2px 0; - - &:focus > .p-treenode-content { - outline-offset: -1 * $focusOutlineOffset; - } - - .p-treenode-content { - &.p-highlight { - .p-tree-toggler { - &:hover { - background-color: $highlightBg; - } - } - } - } - } - - > .p-treenode { - &:first-child { - margin-top: 0; - } - - &:last-child { - margin-bottom: 0; - } - } - } -} \ No newline at end of file diff --git a/themes/aura/aura-light/extensions/_treeselect.scss b/themes/aura/aura-light/extensions/_treeselect.scss deleted file mode 100644 index 27ce20d..0000000 --- a/themes/aura/aura-light/extensions/_treeselect.scss +++ /dev/null @@ -1,18 +0,0 @@ -.p-treeselect-panel { - .p-tree { - padding: $inputListPadding; - } -} - -.p-treeselect { - box-shadow: $inputShadow; - - &.p-disabled { - opacity: 1; - background-color: $disabledInputBg; - - .p-treeselect-label { - color: $textSecondaryColor; - } - } -} \ No newline at end of file diff --git a/themes/aura/aura-light/extensions/_treetable.scss b/themes/aura/aura-light/extensions/_treetable.scss deleted file mode 100644 index d068b96..0000000 --- a/themes/aura/aura-light/extensions/_treetable.scss +++ /dev/null @@ -1,24 +0,0 @@ -.p-treetable { - .p-treetable-tbody { - > tr { - &:has(+ .p-highlight) { - > td { - border-bottom-color: scale-color($highlightBg, $lightness: -10%); - } - } - - &.p-highlight { - > td { - border-bottom-color: scale-color($highlightBg, $lightness: -10%); - - .p-treetable-toggler { - &:hover { - background-color: $highlightBg; - color: $highlightTextColor; - } - } - } - } - } - } -} \ No newline at end of file diff --git a/themes/aura/aura-light/green/_fonts.scss b/themes/aura/aura-light/green/_fonts.scss deleted file mode 100644 index 963c1cd..0000000 --- a/themes/aura/aura-light/green/_fonts.scss +++ /dev/null @@ -1,16 +0,0 @@ -@font-face { - font-family: 'Inter var'; - font-weight: 100 900; - font-display: swap; - font-style: normal; - font-named-instance: 'Regular'; - src: url("./fonts/Inter-roman.var.woff2?v=3.19") format("woff2"); -} -@font-face { - font-family: 'Inter var'; - font-weight: 100 900; - font-display: swap; - font-style: italic; - font-named-instance: 'Italic'; - src: url("./fonts/Inter-italic.var.woff2?v=3.19") format("woff2"); -} \ No newline at end of file diff --git a/themes/aura/aura-light/green/fonts/Inter-italic.var.woff2 b/themes/aura/aura-light/green/fonts/Inter-italic.var.woff2 deleted file mode 100644 index b826d5a..0000000 Binary files a/themes/aura/aura-light/green/fonts/Inter-italic.var.woff2 and /dev/null differ diff --git a/themes/aura/aura-light/green/fonts/Inter-roman.var.woff2 b/themes/aura/aura-light/green/fonts/Inter-roman.var.woff2 deleted file mode 100644 index 6a256a0..0000000 Binary files a/themes/aura/aura-light/green/fonts/Inter-roman.var.woff2 and /dev/null differ diff --git a/themes/aura/aura-light/green/theme.scss b/themes/aura/aura-light/green/theme.scss deleted file mode 100644 index 014f554..0000000 --- a/themes/aura/aura-light/green/theme.scss +++ /dev/null @@ -1,13 +0,0 @@ -$primaryColor: #10b981 !default; -$primaryDarkColor: #059669 !default; -$primaryDarkerColor: #047857 !default; -$primaryTextColor: #ffffff !default; - -$highlightBg: #ecfdf5 !default; -$highlightTextColor: $primaryDarkerColor !default; -$highlightFocusBg: #d1fae5 !default; - -@import '../_variables'; -@import './_fonts'; -@import '../../../../theme-base/_components'; -@import '../extensions/_extensions'; \ No newline at end of file diff --git a/themes/aura/aura-light/indigo/_fonts.scss b/themes/aura/aura-light/indigo/_fonts.scss deleted file mode 100644 index 963c1cd..0000000 --- a/themes/aura/aura-light/indigo/_fonts.scss +++ /dev/null @@ -1,16 +0,0 @@ -@font-face { - font-family: 'Inter var'; - font-weight: 100 900; - font-display: swap; - font-style: normal; - font-named-instance: 'Regular'; - src: url("./fonts/Inter-roman.var.woff2?v=3.19") format("woff2"); -} -@font-face { - font-family: 'Inter var'; - font-weight: 100 900; - font-display: swap; - font-style: italic; - font-named-instance: 'Italic'; - src: url("./fonts/Inter-italic.var.woff2?v=3.19") format("woff2"); -} \ No newline at end of file diff --git a/themes/aura/aura-light/indigo/fonts/Inter-italic.var.woff2 b/themes/aura/aura-light/indigo/fonts/Inter-italic.var.woff2 deleted file mode 100644 index b826d5a..0000000 Binary files a/themes/aura/aura-light/indigo/fonts/Inter-italic.var.woff2 and /dev/null differ diff --git a/themes/aura/aura-light/indigo/fonts/Inter-roman.var.woff2 b/themes/aura/aura-light/indigo/fonts/Inter-roman.var.woff2 deleted file mode 100644 index 6a256a0..0000000 Binary files a/themes/aura/aura-light/indigo/fonts/Inter-roman.var.woff2 and /dev/null differ diff --git a/themes/aura/aura-light/indigo/theme.scss b/themes/aura/aura-light/indigo/theme.scss deleted file mode 100644 index 430bd72..0000000 --- a/themes/aura/aura-light/indigo/theme.scss +++ /dev/null @@ -1,13 +0,0 @@ -$primaryColor: #6366F1 !default; -$primaryDarkColor: #4F46E5 !default; -$primaryDarkerColor: #4338CA !default; -$primaryTextColor: #ffffff !default; - -$highlightBg: #EEF2FF !default; -$highlightTextColor: $primaryDarkerColor !default; -$highlightFocusBg: #E0E7FF !default; - -@import '../_variables'; -@import './_fonts'; -@import '../../../../theme-base/_components'; -@import '../extensions/_extensions'; diff --git a/themes/aura/aura-light/lime/_fonts.scss b/themes/aura/aura-light/lime/_fonts.scss deleted file mode 100644 index 26820ad..0000000 --- a/themes/aura/aura-light/lime/_fonts.scss +++ /dev/null @@ -1,16 +0,0 @@ -@font-face { - font-family: 'Inter var'; - font-weight: 100 900; - font-display: swap; - font-style: normal; - font-named-instance: 'Regular'; - src: url("./fonts/Inter-roman.var.woff2?v=3.19") format("woff2"); - } - @font-face { - font-family: 'Inter var'; - font-weight: 100 900; - font-display: swap; - font-style: italic; - font-named-instance: 'Italic'; - src: url("./fonts/Inter-italic.var.woff2?v=3.19") format("woff2"); - } \ No newline at end of file diff --git a/themes/aura/aura-light/lime/fonts/Inter-italic.var.woff2 b/themes/aura/aura-light/lime/fonts/Inter-italic.var.woff2 deleted file mode 100644 index b826d5a..0000000 Binary files a/themes/aura/aura-light/lime/fonts/Inter-italic.var.woff2 and /dev/null differ diff --git a/themes/aura/aura-light/lime/fonts/Inter-roman.var.woff2 b/themes/aura/aura-light/lime/fonts/Inter-roman.var.woff2 deleted file mode 100644 index 6a256a0..0000000 Binary files a/themes/aura/aura-light/lime/fonts/Inter-roman.var.woff2 and /dev/null differ diff --git a/themes/aura/aura-light/lime/theme.scss b/themes/aura/aura-light/lime/theme.scss deleted file mode 100644 index 727b89d..0000000 --- a/themes/aura/aura-light/lime/theme.scss +++ /dev/null @@ -1,13 +0,0 @@ -$primaryColor: #84cc16 !default; -$primaryDarkColor: #65a30d !default; -$primaryDarkerColor: #4d7c0f !default; -$primaryTextColor: #ffffff !default; - -$highlightBg: #f7fee7 !default; -$highlightTextColor: $primaryDarkerColor !default; -$highlightFocusBg: rgba($primaryColor, .24) !default; - -@import '../_variables'; -@import './_fonts'; -@import '../../../../theme-base/_components'; -@import '../extensions/_extensions'; \ No newline at end of file diff --git a/themes/aura/aura-light/noir/_fonts.scss b/themes/aura/aura-light/noir/_fonts.scss deleted file mode 100644 index 963c1cd..0000000 --- a/themes/aura/aura-light/noir/_fonts.scss +++ /dev/null @@ -1,16 +0,0 @@ -@font-face { - font-family: 'Inter var'; - font-weight: 100 900; - font-display: swap; - font-style: normal; - font-named-instance: 'Regular'; - src: url("./fonts/Inter-roman.var.woff2?v=3.19") format("woff2"); -} -@font-face { - font-family: 'Inter var'; - font-weight: 100 900; - font-display: swap; - font-style: italic; - font-named-instance: 'Italic'; - src: url("./fonts/Inter-italic.var.woff2?v=3.19") format("woff2"); -} \ No newline at end of file diff --git a/themes/aura/aura-light/noir/fonts/Inter-italic.var.woff2 b/themes/aura/aura-light/noir/fonts/Inter-italic.var.woff2 deleted file mode 100644 index b826d5a..0000000 Binary files a/themes/aura/aura-light/noir/fonts/Inter-italic.var.woff2 and /dev/null differ diff --git a/themes/aura/aura-light/noir/fonts/Inter-roman.var.woff2 b/themes/aura/aura-light/noir/fonts/Inter-roman.var.woff2 deleted file mode 100644 index 6a256a0..0000000 Binary files a/themes/aura/aura-light/noir/fonts/Inter-roman.var.woff2 and /dev/null differ diff --git a/themes/aura/aura-light/noir/theme.scss b/themes/aura/aura-light/noir/theme.scss deleted file mode 100644 index 913eea9..0000000 --- a/themes/aura/aura-light/noir/theme.scss +++ /dev/null @@ -1,13 +0,0 @@ -$primaryColor: #020617 !default; -$primaryDarkColor: #0f172a !default; -$primaryDarkerColor: #1e293b !default; -$primaryTextColor: #ffffff !default; - -$highlightBg: #020617 !default; -$highlightTextColor: #ffffff !default; -$highlightFocusBg: #334155 !default; - -@import '../_variables'; -@import './_fonts'; -@import '../../../../theme-base/_components'; -@import '../extensions/_extensions'; \ No newline at end of file diff --git a/themes/aura/aura-light/pink/_fonts.scss b/themes/aura/aura-light/pink/_fonts.scss deleted file mode 100644 index 963c1cd..0000000 --- a/themes/aura/aura-light/pink/_fonts.scss +++ /dev/null @@ -1,16 +0,0 @@ -@font-face { - font-family: 'Inter var'; - font-weight: 100 900; - font-display: swap; - font-style: normal; - font-named-instance: 'Regular'; - src: url("./fonts/Inter-roman.var.woff2?v=3.19") format("woff2"); -} -@font-face { - font-family: 'Inter var'; - font-weight: 100 900; - font-display: swap; - font-style: italic; - font-named-instance: 'Italic'; - src: url("./fonts/Inter-italic.var.woff2?v=3.19") format("woff2"); -} \ No newline at end of file diff --git a/themes/aura/aura-light/pink/fonts/Inter-italic.var.woff2 b/themes/aura/aura-light/pink/fonts/Inter-italic.var.woff2 deleted file mode 100644 index b826d5a..0000000 Binary files a/themes/aura/aura-light/pink/fonts/Inter-italic.var.woff2 and /dev/null differ diff --git a/themes/aura/aura-light/pink/fonts/Inter-roman.var.woff2 b/themes/aura/aura-light/pink/fonts/Inter-roman.var.woff2 deleted file mode 100644 index 6a256a0..0000000 Binary files a/themes/aura/aura-light/pink/fonts/Inter-roman.var.woff2 and /dev/null differ diff --git a/themes/aura/aura-light/pink/theme.scss b/themes/aura/aura-light/pink/theme.scss deleted file mode 100644 index 5418ece..0000000 --- a/themes/aura/aura-light/pink/theme.scss +++ /dev/null @@ -1,13 +0,0 @@ -$primaryColor: #ec4899 !default; -$primaryDarkColor: #db2777 !default; -$primaryDarkerColor: #be185d !default; -$primaryTextColor: #ffffff !default; - -$highlightBg: #fdf2f8 !default; -$highlightTextColor: $primaryDarkerColor !default; -$highlightFocusBg: rgba($primaryColor, .24) !default; - -@import '../_variables'; -@import './_fonts'; -@import '../../../../theme-base/_components'; -@import '../extensions/_extensions'; \ No newline at end of file diff --git a/themes/aura/aura-light/purple/_fonts.scss b/themes/aura/aura-light/purple/_fonts.scss deleted file mode 100644 index 963c1cd..0000000 --- a/themes/aura/aura-light/purple/_fonts.scss +++ /dev/null @@ -1,16 +0,0 @@ -@font-face { - font-family: 'Inter var'; - font-weight: 100 900; - font-display: swap; - font-style: normal; - font-named-instance: 'Regular'; - src: url("./fonts/Inter-roman.var.woff2?v=3.19") format("woff2"); -} -@font-face { - font-family: 'Inter var'; - font-weight: 100 900; - font-display: swap; - font-style: italic; - font-named-instance: 'Italic'; - src: url("./fonts/Inter-italic.var.woff2?v=3.19") format("woff2"); -} \ No newline at end of file diff --git a/themes/aura/aura-light/purple/fonts/Inter-italic.var.woff2 b/themes/aura/aura-light/purple/fonts/Inter-italic.var.woff2 deleted file mode 100644 index b826d5a..0000000 Binary files a/themes/aura/aura-light/purple/fonts/Inter-italic.var.woff2 and /dev/null differ diff --git a/themes/aura/aura-light/purple/fonts/Inter-roman.var.woff2 b/themes/aura/aura-light/purple/fonts/Inter-roman.var.woff2 deleted file mode 100644 index 6a256a0..0000000 Binary files a/themes/aura/aura-light/purple/fonts/Inter-roman.var.woff2 and /dev/null differ diff --git a/themes/aura/aura-light/purple/theme.scss b/themes/aura/aura-light/purple/theme.scss deleted file mode 100644 index af700fe..0000000 --- a/themes/aura/aura-light/purple/theme.scss +++ /dev/null @@ -1,13 +0,0 @@ -$primaryColor: #8B5CF6 !default; -$primaryDarkColor: #7C3AED !default; -$primaryDarkerColor: #6D28D9 !default; -$primaryTextColor: #ffffff !default; - -$highlightBg: #F5F3FF !default; -$highlightTextColor: $primaryDarkerColor !default; -$highlightFocusBg: rgba($primaryColor, .24) !default; - -@import '../_variables'; -@import './_fonts'; -@import '../../../../theme-base/_components'; -@import '../extensions/_extensions'; \ No newline at end of file diff --git a/themes/aura/aura-light/teal/_fonts.scss b/themes/aura/aura-light/teal/_fonts.scss deleted file mode 100644 index 963c1cd..0000000 --- a/themes/aura/aura-light/teal/_fonts.scss +++ /dev/null @@ -1,16 +0,0 @@ -@font-face { - font-family: 'Inter var'; - font-weight: 100 900; - font-display: swap; - font-style: normal; - font-named-instance: 'Regular'; - src: url("./fonts/Inter-roman.var.woff2?v=3.19") format("woff2"); -} -@font-face { - font-family: 'Inter var'; - font-weight: 100 900; - font-display: swap; - font-style: italic; - font-named-instance: 'Italic'; - src: url("./fonts/Inter-italic.var.woff2?v=3.19") format("woff2"); -} \ No newline at end of file diff --git a/themes/aura/aura-light/teal/fonts/Inter-italic.var.woff2 b/themes/aura/aura-light/teal/fonts/Inter-italic.var.woff2 deleted file mode 100644 index b826d5a..0000000 Binary files a/themes/aura/aura-light/teal/fonts/Inter-italic.var.woff2 and /dev/null differ diff --git a/themes/aura/aura-light/teal/fonts/Inter-roman.var.woff2 b/themes/aura/aura-light/teal/fonts/Inter-roman.var.woff2 deleted file mode 100644 index 6a256a0..0000000 Binary files a/themes/aura/aura-light/teal/fonts/Inter-roman.var.woff2 and /dev/null differ diff --git a/themes/aura/aura-light/teal/theme.scss b/themes/aura/aura-light/teal/theme.scss deleted file mode 100644 index fd590c4..0000000 --- a/themes/aura/aura-light/teal/theme.scss +++ /dev/null @@ -1,13 +0,0 @@ -$primaryColor: #14b8a6 !default; -$primaryDarkColor: #0d9488 !default; -$primaryDarkerColor: #0f766e !default; -$primaryTextColor: #ffffff !default; - -$highlightBg: #f0fdfa !default; -$highlightTextColor: $primaryDarkerColor !default; -$highlightFocusBg: rgba($primaryColor, .24) !default; - -@import '../_variables'; -@import './_fonts'; -@import '../../../../theme-base/_components'; -@import '../extensions/_extensions'; \ No newline at end of file diff --git a/themes/bootstrap4/bootstrap4-dark/_variables_dark.scss b/themes/bootstrap4/bootstrap4-dark/_variables_dark.scss index 81904aa..3ef7b0a 100644 --- a/themes/bootstrap4/bootstrap4-dark/_variables_dark.scss +++ b/themes/bootstrap4/bootstrap4-dark/_variables_dark.scss @@ -55,7 +55,6 @@ $scaleLG: 1.25 !default; $focusOutlineColor: $primaryLightColor !default; $focusOutline: 0 none !default; $focusOutlineOffset: 0 !default; -$inputFocusOutlineOffset:$focusOutlineOffset !default; $focusShadow: 0 0 0 1px $focusOutlineColor !default; //action icons diff --git a/themes/bootstrap4/bootstrap4-light/_variables_light.scss b/themes/bootstrap4/bootstrap4-light/_variables_light.scss index 756ca92..8316647 100644 --- a/themes/bootstrap4/bootstrap4-light/_variables_light.scss +++ b/themes/bootstrap4/bootstrap4-light/_variables_light.scss @@ -54,7 +54,6 @@ $scaleLG: 1.25 !default; $focusOutlineColor: $primaryLightColor !default; $focusOutline: 0 none !default; $focusOutlineOffset: 0 !default; -$inputFocusOutlineOffset:$focusOutlineOffset !default; $focusShadow: 0 0 0 0.2rem $focusOutlineColor !default; //action icons diff --git a/themes/fluent/fluent-light/_variables.scss b/themes/fluent/fluent-light/_variables.scss index 766fd57..f82521c 100644 --- a/themes/fluent/fluent-light/_variables.scss +++ b/themes/fluent/fluent-light/_variables.scss @@ -74,7 +74,6 @@ $scaleLG: 1.25 !default; $focusOutlineColor: $neutralSecondary !default; $focusOutline: 0 none !default; $focusOutlineOffset: 0 !default; -$inputFocusOutlineOffset:$focusOutlineOffset !default; $focusShadow: inset 0 0 0 1px $focusOutlineColor !default; //action icons diff --git a/themes/lara/lara-dark/_variables.scss b/themes/lara/lara-dark/_variables.scss index 83c2ef7..bd09b06 100644 --- a/themes/lara/lara-dark/_variables.scss +++ b/themes/lara/lara-dark/_variables.scss @@ -54,7 +54,6 @@ $scaleLG: 1.25 !default; $focusOutlineColor: $primaryLightestColor !default; $focusOutline: 0 none !default; $focusOutlineOffset: 0 !default; -$inputFocusOutlineOffset:$focusOutlineOffset !default; $focusShadow: 0 0 0 0.2rem $focusOutlineColor !default; //action icons diff --git a/themes/lara/lara-light/_variables.scss b/themes/lara/lara-light/_variables.scss index db4b1f0..69b0fba 100644 --- a/themes/lara/lara-light/_variables.scss +++ b/themes/lara/lara-light/_variables.scss @@ -55,7 +55,6 @@ $scaleLG: 1.25 !default; $focusOutlineColor: $primaryLightColor !default; $focusOutline: 0 none !default; $focusOutlineOffset: 0 !default; -$inputFocusOutlineOffset:$focusOutlineOffset !default; $focusShadow: 0 0 0 0.2rem $focusOutlineColor !default; //action icons diff --git a/themes/luna/_variables.scss b/themes/luna/_variables.scss index cccd2cb..4206264 100644 --- a/themes/luna/_variables.scss +++ b/themes/luna/_variables.scss @@ -45,7 +45,6 @@ $scaleLG: 1.25 !default; $focusOutlineColor: lighten($primaryColor, 35%) !default; $focusOutline: 0 none !default; $focusOutlineOffset: 0 !default; -$inputFocusOutlineOffset:$focusOutlineOffset !default; $focusShadow: 0 0 0 0.1rem $focusOutlineColor !default; //action icons diff --git a/themes/material/material-dark/_variables.scss b/themes/material/material-dark/_variables.scss index c54f008..12dd0a9 100644 --- a/themes/material/material-dark/_variables.scss +++ b/themes/material/material-dark/_variables.scss @@ -56,7 +56,6 @@ $scaleLG: 1.25 !default; $focusOutlineColor: transparent !default; $focusOutline: 0 none !default; $focusOutlineOffset: 0 !default; -$inputFocusOutlineOffset:$focusOutlineOffset !default; $focusShadow: none !default; //action icons diff --git a/themes/material/material-light/_variables.scss b/themes/material/material-light/_variables.scss index 16fd814..60ea397 100644 --- a/themes/material/material-light/_variables.scss +++ b/themes/material/material-light/_variables.scss @@ -56,7 +56,6 @@ $scaleLG: 1.25 !default; $focusOutlineColor: transparent !default; $focusOutline: 0 none !default; $focusOutlineOffset: 0 !default; -$inputFocusOutlineOffset:$focusOutlineOffset !default; $focusShadow: none !default; //action icons diff --git a/themes/mira/_variables.scss b/themes/mira/_variables.scss index 5dcd32a..d62bb35 100644 --- a/themes/mira/_variables.scss +++ b/themes/mira/_variables.scss @@ -78,7 +78,6 @@ $scaleLG: 1.25 !default; $focusOutlineColor: $primaryLightColor !default; $focusOutline: 0 none !default; $focusOutlineOffset: 0 !default; -$inputFocusOutlineOffset:$focusOutlineOffset !default; $focusShadow: 0 0 0 0.2rem $focusOutlineColor !default; //action icons diff --git a/themes/nano/_variables.scss b/themes/nano/_variables.scss index d5f26f1..9ca0e21 100644 --- a/themes/nano/_variables.scss +++ b/themes/nano/_variables.scss @@ -66,7 +66,6 @@ $scaleLG: 1.25 !default; $focusOutlineColor: $primaryLightColor !default; $focusOutline: 0 none !default; $focusOutlineOffset: 0 !default; -$inputFocusOutlineOffset:$focusOutlineOffset !default; $focusShadow: 0 0 0 0.2rem $focusOutlineColor !default; //action icons diff --git a/themes/nova/_variables.scss b/themes/nova/_variables.scss index 63ae461..819b3f8 100644 --- a/themes/nova/_variables.scss +++ b/themes/nova/_variables.scss @@ -45,7 +45,6 @@ $scaleLG: 1.25 !default; $focusOutlineColor: lighten($primaryColor, 35%) !default; $focusOutline: 0 none !default; $focusOutlineOffset: 0 !default; -$inputFocusOutlineOffset:$focusOutlineOffset !default; $focusShadow: 0 0 0 0.2rem $focusOutlineColor !default; //action icons diff --git a/themes/rhea/_variables.scss b/themes/rhea/_variables.scss index 2a37452..2334c85 100644 --- a/themes/rhea/_variables.scss +++ b/themes/rhea/_variables.scss @@ -57,7 +57,6 @@ $scaleLG: 1.25 !default; $focusOutlineColor: lighten($primaryColor, 35%) !default; $focusOutline: 0 none !default; $focusOutlineOffset: 0 !default; -$inputFocusOutlineOffset:$focusOutlineOffset !default; $focusShadow: 0 0 0 0.2rem $focusOutlineColor !default; //action icons diff --git a/themes/saga/_variables.scss b/themes/saga/_variables.scss index a61be6f..b9979d9 100644 --- a/themes/saga/_variables.scss +++ b/themes/saga/_variables.scss @@ -56,7 +56,6 @@ $scaleLG: 1.25 !default; $focusOutlineColor: $primaryLightColor !default; $focusOutline: 0 none !default; $focusOutlineOffset: 0 !default; -$inputFocusOutlineOffset:$focusOutlineOffset !default; $focusShadow: 0 0 0 0.2rem $focusOutlineColor !default; //action icons diff --git a/themes/soho/soho-dark/_variables.scss b/themes/soho/soho-dark/_variables.scss index 2306e8f..193167a 100644 --- a/themes/soho/soho-dark/_variables.scss +++ b/themes/soho/soho-dark/_variables.scss @@ -64,7 +64,6 @@ $scaleLG: 1.25 !default; $focusOutlineColor: $primaryLightColor !default; $focusOutline: 0 none !default; $focusOutlineOffset: 0 !default; -$inputFocusOutlineOffset:$focusOutlineOffset !default; $focusShadow: 0 0 0 1px $focusOutlineColor !default; //action icons diff --git a/themes/soho/soho-light/_variables.scss b/themes/soho/soho-light/_variables.scss index 75c0274..4f8aafa 100644 --- a/themes/soho/soho-light/_variables.scss +++ b/themes/soho/soho-light/_variables.scss @@ -65,7 +65,6 @@ $scaleLG: 1.25 !default; $focusOutlineColor: $primaryLightColor !default; $focusOutline: 0 none !default; $focusOutlineOffset: 0 !default; -$inputFocusOutlineOffset:$focusOutlineOffset !default; $focusShadow: 0 0 0 1px $focusOutlineColor !default; //action icons diff --git a/themes/tailwind/tailwind-light/_variables.scss b/themes/tailwind/tailwind-light/_variables.scss index f5329fa..a3cc42c 100644 --- a/themes/tailwind/tailwind-light/_variables.scss +++ b/themes/tailwind/tailwind-light/_variables.scss @@ -63,7 +63,6 @@ $scaleLG: 1.25 !default; $focusOutlineColor: #6366f1 !default; $focusOutline: 0 none !default; $focusOutlineOffset: 0 !default; -$inputFocusOutlineOffset:$focusOutlineOffset !default; $focusShadow: 0 0 0 1px $focusOutlineColor !default; //action icons diff --git a/themes/vela/_variables.scss b/themes/vela/_variables.scss index feacbaa..033fc82 100644 --- a/themes/vela/_variables.scss +++ b/themes/vela/_variables.scss @@ -55,7 +55,6 @@ $scaleLG: 1.25 !default; $focusOutlineColor: $primaryLightColor !default; $focusOutline: 0 none !default; $focusOutlineOffset: 0 !default; -$inputFocusOutlineOffset:$focusOutlineOffset !default; $focusShadow: 0 0 0 1px $focusOutlineColor !default; //action icons diff --git a/themes/viva/viva-dark/_variables.scss b/themes/viva/viva-dark/_variables.scss index 38f16f2..4b7d033 100644 --- a/themes/viva/viva-dark/_variables.scss +++ b/themes/viva/viva-dark/_variables.scss @@ -63,7 +63,6 @@ $scaleLG: 1.25 !default; $focusOutlineColor: $primaryColor !default; $focusOutline: 0 none !default; $focusOutlineOffset: 0 !default; -$inputFocusOutlineOffset:$focusOutlineOffset !default; $focusShadow: 0 0 0 1px $focusOutlineColor !default; //action icons diff --git a/themes/viva/viva-light/_variables.scss b/themes/viva/viva-light/_variables.scss index bc3c911..cbba24b 100644 --- a/themes/viva/viva-light/_variables.scss +++ b/themes/viva/viva-light/_variables.scss @@ -66,7 +66,6 @@ $scaleLG: 1.25 !default; $focusOutlineColor: $primaryLighterColor !default; $focusOutline: 0 none !default; $focusOutlineOffset: 0 !default; -$inputFocusOutlineOffset:$focusOutlineOffset !default; $focusShadow: 0 0 0 0.1rem $focusOutlineColor !default; //action icons