UNPKG

@blueprintjs/core

Version:

Core styles & components

409 lines 26.2 kB
"use strict"; /* * Copyright 2015 Palantir Technologies, Inc. All rights reserved. * * Licensed under the Apache License, Version 2.0 (the "License"); * you may not use this file except in compliance with the License. * You may obtain a copy of the License at * * http://www.apache.org/licenses/LICENSE-2.0 * * Unless required by applicable law or agreed to in writing, software * distributed under the License is distributed on an "AS IS" BASIS, * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. * See the License for the specific language governing permissions and * limitations under the License. */ Object.defineProperty(exports, "__esModule", { value: true }); exports.LIST = exports.HEADING = exports.CODE_BLOCK = exports.CODE = exports.BLOCKQUOTE = exports.TEXT_OVERFLOW_ELLIPSIS = exports.TEXT_DISABLED = exports.TEXT_MUTED = exports.TEXT_SMALL = exports.TEXT_LARGE = exports.MONOSPACE_TEXT = exports.RUNNING_TEXT = exports.UI_TEXT = exports.FOCUS_STYLE_MANAGER_IGNORE = exports.FOCUS_DISABLED = exports.INTENT_DANGER = exports.INTENT_WARNING = exports.INTENT_SUCCESS = exports.INTENT_PRIMARY = exports.ELEVATION_4 = exports.ELEVATION_3 = exports.ELEVATION_2 = exports.ELEVATION_1 = exports.ELEVATION_0 = exports.POSITION_RIGHT = exports.POSITION_LEFT = exports.POSITION_BOTTOM = exports.POSITION_TOP = exports.VERTICAL = exports.SMALL = exports.SELECTED = exports.ROUND = exports.READ_ONLY = exports.MULTILINE = exports.PADDED = exports.OUTLINED = exports.MINIMAL = exports.LOADING = exports.LARGE = exports.INTERACTIVE = exports.INLINE = exports.FIXED_TOP = exports.FIXED = exports.FILL = exports.DISABLED = exports.DARK = exports.COMPACT = exports.ALIGN_RIGHT = exports.ALIGN_LEFT = exports.ACTIVE = void 0; exports.DRAWER_BODY = exports.DRAWER = exports.DIVIDER = exports.DIALOG_STEP_VIEWED = exports.DIALOG_STEP_ICON = exports.DIALOG_STEP_TITLE = exports.DIALOG_STEP_CONTAINER = exports.DIALOG_STEP = exports.DIALOG_FOOTER_ACTIONS = exports.DIALOG_FOOTER_MAIN_SECTION = exports.DIALOG_FOOTER_FIXED = exports.DIALOG_FOOTER = exports.DIALOG_CLOSE_BUTTON = exports.DIALOG_BODY_SCROLL_CONTAINER = exports.DIALOG_BODY = exports.DIALOG_HEADER = exports.DIALOG_CONTAINER = exports.DIALOG = exports.CONTROL_GROUP = exports.CONTEXT_MENU_BACKDROP = exports.CONTEXT_MENU_POPOVER = exports.CONTEXT_MENU_VIRTUAL_TARGET = exports.CONTEXT_MENU = exports.COLLAPSE_BODY = exports.COLLAPSE = exports.CARD_LIST_BORDERED = exports.CARD_LIST = exports.RADIO_CONTROL_CARD = exports.CHECKBOX_CONTROL_CARD = exports.SWITCH_CONTROL_CARD = exports.CONTROL_CARD_LABEL = exports.CONTROL_CARD = exports.CARD = exports.CALLOUT_ICON = exports.CALLOUT_HAS_BODY_CONTENT = exports.CALLOUT = exports.BUTTON_TEXT = exports.BUTTON_SPINNER = exports.BUTTON_GROUP = exports.BUTTON = exports.BREADCRUMBS_COLLAPSED = exports.BREADCRUMBS = exports.BREADCRUMB_CURRENT = exports.BREADCRUMB = exports.ALERT_FOOTER = exports.ALERT_CONTENTS = exports.ALERT_BODY = exports.ALERT = exports.RTL = exports.LIST_UNSTYLED = void 0; exports.FORM_GROUP = exports.LABEL = exports.HOTKEY_DIALOG = exports.HOTKEY_COLUMN = exports.HOTKEY_LABEL = exports.HOTKEY = exports.MODIFIER_KEY = exports.KEY_COMBO = exports.KEY = exports.FILE_UPLOAD_INPUT_CUSTOM_TEXT = exports.FILE_UPLOAD_INPUT = exports.FILE_INPUT_HAS_SELECTION = exports.FILE_INPUT = exports.SWITCH_INNER_TEXT = exports.SWITCH = exports.RADIO_GROUP = exports.RADIO = exports.CHECKBOX = exports.CONTROL_INDICATOR_CHILD = exports.CONTROL_INDICATOR = exports.CONTROL = exports.TEXT_AREA_AUTO_RESIZE = exports.TEXT_AREA = exports.RESIZABLE_INPUT_SPAN = exports.INPUT_ACTION = exports.INPUT_LEFT_CONTAINER = exports.INPUT_GROUP = exports.INPUT_GHOST = exports.INPUT = exports.HTML_TABLE_STRIPED = exports.HTML_TABLE_BORDERED = exports.HTML_TABLE = exports.HTML_SELECT = exports.FLEX_EXPANDER = exports.ENTITY_TITLE_TITLE_AND_TAGS = exports.ENTITY_TITLE_TITLE = exports.ENTITY_TITLE_TEXT = exports.ENTITY_TITLE_TAGS_CONTAINER = exports.ENTITY_TITLE_SUBTITLE = exports.ENTITY_TITLE_ICON_CONTAINER = exports.ENTITY_TITLE_HAS_SUBTITLE = exports.ENTITY_TITLE_ELLIPSIZE = exports.ENTITY_TITLE = exports.EDITABLE_TEXT_PLACEHOLDER = exports.EDITABLE_TEXT_INPUT = exports.EDITABLE_TEXT_EDITING = exports.EDITABLE_TEXT_CONTENT = exports.EDITABLE_TEXT = exports.DRAWER_HEADER = exports.DRAWER_FOOTER = void 0; exports.PANEL_STACK = exports.OVERLAY_END_FOCUS_TRAP = exports.OVERLAY_START_FOCUS_TRAP = exports.OVERLAY_SCROLL_CONTAINER = exports.OVERLAY_OPEN = exports.OVERLAY_INLINE = exports.OVERLAY_CONTENT = exports.OVERLAY_CONTAINER = exports.OVERLAY_BACKDROP = exports.OVERLAY = exports.OVERFLOW_LIST_SPACER = exports.OVERFLOW_LIST = exports.NUMERIC_INPUT = exports.NON_IDEAL_STATE_TEXT = exports.NON_IDEAL_STATE_VISUAL = exports.NON_IDEAL_STATE = exports.NAVBAR_DIVIDER = exports.NAVBAR_HEADING = exports.NAVBAR_GROUP = exports.NAVBAR = exports.SECTION_CARD = exports.SECTION_HEADER_COLLAPSE_CARET = exports.SECTION_HEADER_RIGHT = exports.SECTION_HEADER_TABS = exports.SECTION_HEADER_DIVIDER = exports.SECTION_HEADER_SUB_TITLE = exports.SECTION_HEADER_TITLE = exports.SECTION_HEADER_LEFT = exports.SECTION_HEADER = exports.SECTION_COLLAPSED = exports.SECTION = exports.MULTISTEP_DIALOG_NAV_RIGHT = exports.MULTISTEP_DIALOG_NAV_TOP = exports.MULTISTEP_DIALOG_RIGHT_PANEL = exports.MULTISTEP_DIALOG_LEFT_PANEL = exports.MULTISTEP_DIALOG_PANELS = exports.MULTISTEP_DIALOG = exports.MENU_HEADER = exports.MENU_DIVIDER = exports.MENU_SUBMENU_ICON = exports.MENU_SUBMENU = exports.MENU_ITEM_LABEL = exports.MENU_ITEM_ICON = exports.MENU_ITEM_SELECTED_ICON = exports.MENU_ITEM_IS_SELECTABLE = exports.MENU_ITEM = exports.MENU = exports.FORM_GROUP_SUB_LABEL = exports.FORM_HELPER_TEXT = exports.FORM_CONTENT = void 0; exports.TAB_PANEL = exports.TAB_LIST = exports.TAB_INDICATOR_WRAPPER = exports.TAB_INDICATOR = exports.TAB_TAG = exports.TAB_ICON = exports.TAB = exports.SEGMENTED_CONTROL = exports.SPINNER_TRACK = exports.SPINNER_NO_SPIN = exports.SPINNER_HEAD = exports.SPINNER_ANIMATION = exports.SPINNER = exports.END = exports.START = exports.SLIDER_PROGRESS = exports.SLIDER_TRACK = exports.SLIDER_LABEL = exports.SLIDER_HANDLE = exports.SLIDER_AXIS = exports.SLIDER = exports.SKELETON = exports.PORTAL = exports.PROGRESS_NO_ANIMATION = exports.PROGRESS_NO_STRIPES = exports.PROGRESS_METER = exports.PROGRESS_BAR = exports.POPOVER_WRAPPER = exports.POPOVER_TRANSITION_CONTAINER = exports.POPOVER_TARGET = exports.POPOVER_REFERENCE_HIDDEN = exports.POPOVER_POPPER_ESCAPED = exports.POPOVER_OPEN = exports.POPOVER_MATCH_TARGET_WIDTH = exports.POPOVER_DISMISS_OVERRIDE = exports.POPOVER_DISMISS = exports.POPOVER_CONTENT_SIZING = exports.POPOVER_CONTENT_PLACEMENT = exports.POPOVER_CONTENT = exports.POPOVER_CAPTURING_DISMISS = exports.POPOVER_BACKDROP = exports.POPOVER_ARROW = exports.POPOVER = exports.PANEL_STACK2_VIEW = exports.PANEL_STACK2_HEADER_BACK = exports.PANEL_STACK2_HEADER = exports.PANEL_STACK2 = exports.PANEL_STACK_VIEW = exports.PANEL_STACK_HEADER_BACK = exports.PANEL_STACK_HEADER = void 0; exports.variantClass = exports.sizeClass = exports.positionClass = exports.intentClass = exports.iconClass = exports.elevationClass = exports.alignmentClass = exports.getClassNamespace = exports.ICON_MUTED = exports.ICON_LARGE = exports.ICON_STANDARD = exports.ICON = exports.TREE_ROOT = exports.TREE_NODE_SELECTED = exports.TREE_NODE_SECONDARY_LABEL = exports.TREE_NODE_LIST = exports.TREE_NODE_LABEL = exports.TREE_NODE_ICON = exports.TREE_NODE_EXPANDED = exports.TREE_NODE_CONTENT = exports.TREE_NODE_CARET_OPEN = exports.TREE_NODE_CARET_NONE = exports.TREE_NODE_CARET_CLOSED = exports.TREE_NODE_CARET = exports.TREE_NODE = exports.TREE = exports.TOOLTIP_INDICATOR = exports.TOOLTIP = exports.TOAST_MESSAGE = exports.TOAST_CONTAINER = exports.TOAST = exports.TAG_INPUT_VALUES = exports.TAG_INPUT_ICON = exports.TAG_INPUT = exports.COMPOUND_TAG_RIGHT_CONTENT = exports.COMPOUND_TAG_RIGHT = exports.COMPOUND_TAG_LEFT_CONTENT = exports.COMPOUND_TAG_LEFT = exports.COMPOUND_TAG = exports.TAG_REMOVE = exports.TAG = exports.TABS = void 0; const alignment_1 = require("./alignment"); const elevation_1 = require("./elevation"); const intent_1 = require("./intent"); const position_1 = require("./position"); let NS = "bp6"; if (typeof BLUEPRINT_NAMESPACE !== "undefined") { NS = BLUEPRINT_NAMESPACE; } else if (typeof REACT_APP_BLUEPRINT_NAMESPACE !== "undefined") { NS = REACT_APP_BLUEPRINT_NAMESPACE; } // modifiers exports.ACTIVE = `${NS}-active`; exports.ALIGN_LEFT = `${NS}-align-left`; exports.ALIGN_RIGHT = `${NS}-align-right`; exports.COMPACT = `${NS}-compact`; exports.DARK = `${NS}-dark`; exports.DISABLED = `${NS}-disabled`; exports.FILL = `${NS}-fill`; exports.FIXED = `${NS}-fixed`; exports.FIXED_TOP = `${NS}-fixed-top`; exports.INLINE = `${NS}-inline`; exports.INTERACTIVE = `${NS}-interactive`; exports.LARGE = `${NS}-large`; exports.LOADING = `${NS}-loading`; exports.MINIMAL = `${NS}-minimal`; exports.OUTLINED = `${NS}-outlined`; exports.PADDED = `${NS}-padded`; exports.MULTILINE = `${NS}-multiline`; exports.READ_ONLY = `${NS}-read-only`; exports.ROUND = `${NS}-round`; exports.SELECTED = `${NS}-selected`; exports.SMALL = `${NS}-small`; exports.VERTICAL = `${NS}-vertical`; exports.POSITION_TOP = positionClass(position_1.Position.TOP); exports.POSITION_BOTTOM = positionClass(position_1.Position.BOTTOM); exports.POSITION_LEFT = positionClass(position_1.Position.LEFT); exports.POSITION_RIGHT = positionClass(position_1.Position.RIGHT); exports.ELEVATION_0 = elevationClass(elevation_1.Elevation.ZERO); exports.ELEVATION_1 = elevationClass(elevation_1.Elevation.ONE); exports.ELEVATION_2 = elevationClass(elevation_1.Elevation.TWO); exports.ELEVATION_3 = elevationClass(elevation_1.Elevation.THREE); exports.ELEVATION_4 = elevationClass(elevation_1.Elevation.FOUR); exports.INTENT_PRIMARY = intentClass(intent_1.Intent.PRIMARY); exports.INTENT_SUCCESS = intentClass(intent_1.Intent.SUCCESS); exports.INTENT_WARNING = intentClass(intent_1.Intent.WARNING); exports.INTENT_DANGER = intentClass(intent_1.Intent.DANGER); exports.FOCUS_DISABLED = `${NS}-focus-disabled`; exports.FOCUS_STYLE_MANAGER_IGNORE = `${NS}-focus-style-manager-ignore`; // text utilities exports.UI_TEXT = `${NS}-ui-text`; exports.RUNNING_TEXT = `${NS}-running-text`; exports.MONOSPACE_TEXT = `${NS}-monospace-text`; exports.TEXT_LARGE = `${NS}-text-large`; exports.TEXT_SMALL = `${NS}-text-small`; exports.TEXT_MUTED = `${NS}-text-muted`; exports.TEXT_DISABLED = `${NS}-text-disabled`; exports.TEXT_OVERFLOW_ELLIPSIS = `${NS}-text-overflow-ellipsis`; // textual elements exports.BLOCKQUOTE = `${NS}-blockquote`; exports.CODE = `${NS}-code`; exports.CODE_BLOCK = `${NS}-code-block`; exports.HEADING = `${NS}-heading`; exports.LIST = `${NS}-list`; exports.LIST_UNSTYLED = `${NS}-list-unstyled`; exports.RTL = `${NS}-rtl`; // components exports.ALERT = `${NS}-alert`; exports.ALERT_BODY = `${exports.ALERT}-body`; exports.ALERT_CONTENTS = `${exports.ALERT}-contents`; exports.ALERT_FOOTER = `${exports.ALERT}-footer`; exports.BREADCRUMB = `${NS}-breadcrumb`; exports.BREADCRUMB_CURRENT = `${exports.BREADCRUMB}-current`; exports.BREADCRUMBS = `${exports.BREADCRUMB}s`; exports.BREADCRUMBS_COLLAPSED = `${exports.BREADCRUMB}s-collapsed`; exports.BUTTON = `${NS}-button`; exports.BUTTON_GROUP = `${exports.BUTTON}-group`; exports.BUTTON_SPINNER = `${exports.BUTTON}-spinner`; exports.BUTTON_TEXT = `${exports.BUTTON}-text`; exports.CALLOUT = `${NS}-callout`; exports.CALLOUT_HAS_BODY_CONTENT = `${exports.CALLOUT}-has-body-content`; exports.CALLOUT_ICON = `${exports.CALLOUT}-icon`; exports.CARD = `${NS}-card`; exports.CONTROL_CARD = `${NS}-control-card`; exports.CONTROL_CARD_LABEL = `${exports.CONTROL_CARD}-label`; exports.SWITCH_CONTROL_CARD = `${NS}-switch-control-card`; exports.CHECKBOX_CONTROL_CARD = `${NS}-checkbox-control-card`; exports.RADIO_CONTROL_CARD = `${NS}-radio-control-card`; exports.CARD_LIST = `${NS}-card-list`; exports.CARD_LIST_BORDERED = `${exports.CARD_LIST}-bordered`; exports.COLLAPSE = `${NS}-collapse`; exports.COLLAPSE_BODY = `${exports.COLLAPSE}-body`; exports.CONTEXT_MENU = `${NS}-context-menu`; exports.CONTEXT_MENU_VIRTUAL_TARGET = `${exports.CONTEXT_MENU}-virtual-target`; exports.CONTEXT_MENU_POPOVER = `${exports.CONTEXT_MENU}-popover`; exports.CONTEXT_MENU_BACKDROP = `${exports.CONTEXT_MENU}-backdrop`; exports.CONTROL_GROUP = `${NS}-control-group`; exports.DIALOG = `${NS}-dialog`; exports.DIALOG_CONTAINER = `${exports.DIALOG}-container`; exports.DIALOG_HEADER = `${exports.DIALOG}-header`; exports.DIALOG_BODY = `${exports.DIALOG}-body`; exports.DIALOG_BODY_SCROLL_CONTAINER = `${exports.DIALOG}-body-scroll-container`; exports.DIALOG_CLOSE_BUTTON = `${exports.DIALOG}-close-button`; exports.DIALOG_FOOTER = `${exports.DIALOG}-footer`; exports.DIALOG_FOOTER_FIXED = `${exports.DIALOG}-footer-fixed`; exports.DIALOG_FOOTER_MAIN_SECTION = `${exports.DIALOG}-footer-main-section`; exports.DIALOG_FOOTER_ACTIONS = `${exports.DIALOG}-footer-actions`; exports.DIALOG_STEP = `${NS}-dialog-step`; exports.DIALOG_STEP_CONTAINER = `${exports.DIALOG_STEP}-container`; exports.DIALOG_STEP_TITLE = `${exports.DIALOG_STEP}-title`; exports.DIALOG_STEP_ICON = `${exports.DIALOG_STEP}-icon`; exports.DIALOG_STEP_VIEWED = `${exports.DIALOG_STEP}-viewed`; exports.DIVIDER = `${NS}-divider`; exports.DRAWER = `${NS}-drawer`; exports.DRAWER_BODY = `${exports.DRAWER}-body`; exports.DRAWER_FOOTER = `${exports.DRAWER}-footer`; exports.DRAWER_HEADER = `${exports.DRAWER}-header`; exports.EDITABLE_TEXT = `${NS}-editable-text`; exports.EDITABLE_TEXT_CONTENT = `${exports.EDITABLE_TEXT}-content`; exports.EDITABLE_TEXT_EDITING = `${exports.EDITABLE_TEXT}-editing`; exports.EDITABLE_TEXT_INPUT = `${exports.EDITABLE_TEXT}-input`; exports.EDITABLE_TEXT_PLACEHOLDER = `${exports.EDITABLE_TEXT}-placeholder`; exports.ENTITY_TITLE = `${NS}-entity-title`; exports.ENTITY_TITLE_ELLIPSIZE = `${NS}-entity-title-ellipsize`; exports.ENTITY_TITLE_HAS_SUBTITLE = `${exports.ENTITY_TITLE}-has-subtitle`; exports.ENTITY_TITLE_ICON_CONTAINER = `${exports.ENTITY_TITLE}-icon-container`; exports.ENTITY_TITLE_SUBTITLE = `${exports.ENTITY_TITLE}-subtitle`; exports.ENTITY_TITLE_TAGS_CONTAINER = `${exports.ENTITY_TITLE}-tags-container`; exports.ENTITY_TITLE_TEXT = `${exports.ENTITY_TITLE}-text`; exports.ENTITY_TITLE_TITLE = `${exports.ENTITY_TITLE}-title`; exports.ENTITY_TITLE_TITLE_AND_TAGS = `${exports.ENTITY_TITLE}-title-and-tags`; exports.FLEX_EXPANDER = `${NS}-flex-expander`; exports.HTML_SELECT = `${NS}-html-select`; exports.HTML_TABLE = `${NS}-html-table`; exports.HTML_TABLE_BORDERED = `${exports.HTML_TABLE}-bordered`; exports.HTML_TABLE_STRIPED = `${exports.HTML_TABLE}-striped`; exports.INPUT = `${NS}-input`; exports.INPUT_GHOST = `${exports.INPUT}-ghost`; exports.INPUT_GROUP = `${exports.INPUT}-group`; exports.INPUT_LEFT_CONTAINER = `${exports.INPUT}-left-container`; exports.INPUT_ACTION = `${exports.INPUT}-action`; exports.RESIZABLE_INPUT_SPAN = `${NS}-resizable-input-span`; exports.TEXT_AREA = `${NS}-text-area`; exports.TEXT_AREA_AUTO_RESIZE = `${exports.TEXT_AREA}-auto-resize`; exports.CONTROL = `${NS}-control`; exports.CONTROL_INDICATOR = `${exports.CONTROL}-indicator`; exports.CONTROL_INDICATOR_CHILD = `${exports.CONTROL_INDICATOR}-child`; exports.CHECKBOX = `${NS}-checkbox`; exports.RADIO = `${NS}-radio`; exports.RADIO_GROUP = `${NS}-radio-group`; exports.SWITCH = `${NS}-switch`; exports.SWITCH_INNER_TEXT = `${exports.SWITCH}-inner-text`; exports.FILE_INPUT = `${NS}-file-input`; exports.FILE_INPUT_HAS_SELECTION = `${NS}-file-input-has-selection`; exports.FILE_UPLOAD_INPUT = `${NS}-file-upload-input`; exports.FILE_UPLOAD_INPUT_CUSTOM_TEXT = `${NS}-file-upload-input-custom-text`; exports.KEY = `${NS}-key`; exports.KEY_COMBO = `${exports.KEY}-combo`; exports.MODIFIER_KEY = `${NS}-modifier-key`; exports.HOTKEY = `${NS}-hotkey`; exports.HOTKEY_LABEL = `${exports.HOTKEY}-label`; exports.HOTKEY_COLUMN = `${exports.HOTKEY}-column`; exports.HOTKEY_DIALOG = `${exports.HOTKEY}-dialog`; exports.LABEL = `${NS}-label`; exports.FORM_GROUP = `${NS}-form-group`; exports.FORM_CONTENT = `${NS}-form-content`; exports.FORM_HELPER_TEXT = `${NS}-form-helper-text`; exports.FORM_GROUP_SUB_LABEL = `${NS}-form-group-sub-label`; exports.MENU = `${NS}-menu`; exports.MENU_ITEM = `${exports.MENU}-item`; exports.MENU_ITEM_IS_SELECTABLE = `${exports.MENU_ITEM}-is-selectable`; exports.MENU_ITEM_SELECTED_ICON = `${exports.MENU_ITEM}-selected-icon`; exports.MENU_ITEM_ICON = `${exports.MENU_ITEM}-icon`; exports.MENU_ITEM_LABEL = `${exports.MENU_ITEM}-label`; exports.MENU_SUBMENU = `${NS}-submenu`; exports.MENU_SUBMENU_ICON = `${exports.MENU_SUBMENU}-icon`; exports.MENU_DIVIDER = `${exports.MENU}-divider`; exports.MENU_HEADER = `${exports.MENU}-header`; exports.MULTISTEP_DIALOG = `${NS}-multistep-dialog`; exports.MULTISTEP_DIALOG_PANELS = `${exports.MULTISTEP_DIALOG}-panels`; exports.MULTISTEP_DIALOG_LEFT_PANEL = `${exports.MULTISTEP_DIALOG}-left-panel`; exports.MULTISTEP_DIALOG_RIGHT_PANEL = `${exports.MULTISTEP_DIALOG}-right-panel`; exports.MULTISTEP_DIALOG_NAV_TOP = `${exports.MULTISTEP_DIALOG}-nav-top`; exports.MULTISTEP_DIALOG_NAV_RIGHT = `${exports.MULTISTEP_DIALOG}-nav-right`; exports.SECTION = `${NS}-section`; exports.SECTION_COLLAPSED = `${exports.SECTION}-collapsed`; exports.SECTION_HEADER = `${exports.SECTION}-header`; exports.SECTION_HEADER_LEFT = `${exports.SECTION_HEADER}-left`; exports.SECTION_HEADER_TITLE = `${exports.SECTION_HEADER}-title`; exports.SECTION_HEADER_SUB_TITLE = `${exports.SECTION_HEADER}-sub-title`; exports.SECTION_HEADER_DIVIDER = `${exports.SECTION_HEADER}-divider`; exports.SECTION_HEADER_TABS = `${exports.SECTION_HEADER}-tabs`; exports.SECTION_HEADER_RIGHT = `${exports.SECTION_HEADER}-right`; exports.SECTION_HEADER_COLLAPSE_CARET = `${exports.SECTION_HEADER}-collapse-caret`; exports.SECTION_CARD = `${exports.SECTION}-card`; exports.NAVBAR = `${NS}-navbar`; exports.NAVBAR_GROUP = `${exports.NAVBAR}-group`; exports.NAVBAR_HEADING = `${exports.NAVBAR}-heading`; exports.NAVBAR_DIVIDER = `${exports.NAVBAR}-divider`; exports.NON_IDEAL_STATE = `${NS}-non-ideal-state`; exports.NON_IDEAL_STATE_VISUAL = `${exports.NON_IDEAL_STATE}-visual`; exports.NON_IDEAL_STATE_TEXT = `${exports.NON_IDEAL_STATE}-text`; exports.NUMERIC_INPUT = `${NS}-numeric-input`; exports.OVERFLOW_LIST = `${NS}-overflow-list`; exports.OVERFLOW_LIST_SPACER = `${exports.OVERFLOW_LIST}-spacer`; exports.OVERLAY = `${NS}-overlay`; exports.OVERLAY_BACKDROP = `${exports.OVERLAY}-backdrop`; exports.OVERLAY_CONTAINER = `${exports.OVERLAY}-container`; exports.OVERLAY_CONTENT = `${exports.OVERLAY}-content`; exports.OVERLAY_INLINE = `${exports.OVERLAY}-inline`; exports.OVERLAY_OPEN = `${exports.OVERLAY}-open`; exports.OVERLAY_SCROLL_CONTAINER = `${exports.OVERLAY}-scroll-container`; exports.OVERLAY_START_FOCUS_TRAP = `${exports.OVERLAY}-start-focus-trap`; exports.OVERLAY_END_FOCUS_TRAP = `${exports.OVERLAY}-end-focus-trap`; exports.PANEL_STACK = `${NS}-panel-stack2`; exports.PANEL_STACK_HEADER = `${exports.PANEL_STACK}-header`; exports.PANEL_STACK_HEADER_BACK = `${exports.PANEL_STACK}-header-back`; exports.PANEL_STACK_VIEW = `${exports.PANEL_STACK}-view`; /** @deprecated Use `PANEL_STACK` instead */ exports.PANEL_STACK2 = exports.PANEL_STACK; /** @deprecated Use `PANEL_STACK_HEADER` instead */ exports.PANEL_STACK2_HEADER = exports.PANEL_STACK_HEADER; /** @deprecated Use PANEL_STACK_HEADER_BACK instead */ exports.PANEL_STACK2_HEADER_BACK = exports.PANEL_STACK_HEADER_BACK; /** @deprecated Use PANEL_STACK_VIEW instead */ exports.PANEL_STACK2_VIEW = exports.PANEL_STACK_VIEW; exports.POPOVER = `${NS}-popover`; exports.POPOVER_ARROW = `${exports.POPOVER}-arrow`; exports.POPOVER_BACKDROP = `${exports.POPOVER}-backdrop`; exports.POPOVER_CAPTURING_DISMISS = `${exports.POPOVER}-capturing-dismiss`; exports.POPOVER_CONTENT = `${exports.POPOVER}-content`; exports.POPOVER_CONTENT_PLACEMENT = `${exports.POPOVER}-placement`; exports.POPOVER_CONTENT_SIZING = `${exports.POPOVER_CONTENT}-sizing`; exports.POPOVER_DISMISS = `${exports.POPOVER}-dismiss`; exports.POPOVER_DISMISS_OVERRIDE = `${exports.POPOVER_DISMISS}-override`; exports.POPOVER_MATCH_TARGET_WIDTH = `${exports.POPOVER}-match-target-width`; exports.POPOVER_OPEN = `${exports.POPOVER}-open`; exports.POPOVER_POPPER_ESCAPED = `${exports.POPOVER}-popper-escaped`; exports.POPOVER_REFERENCE_HIDDEN = `${exports.POPOVER}-reference-hidden`; exports.POPOVER_TARGET = `${exports.POPOVER}-target`; exports.POPOVER_TRANSITION_CONTAINER = `${exports.POPOVER}-transition-container`; /** @deprecated, no longer used in Blueprint v5.x */ exports.POPOVER_WRAPPER = `${exports.POPOVER}-wrapper`; exports.PROGRESS_BAR = `${NS}-progress-bar`; exports.PROGRESS_METER = `${NS}-progress-meter`; exports.PROGRESS_NO_STRIPES = `${NS}-no-stripes`; exports.PROGRESS_NO_ANIMATION = `${NS}-no-animation`; exports.PORTAL = `${NS}-portal`; exports.SKELETON = `${NS}-skeleton`; exports.SLIDER = `${NS}-slider`; exports.SLIDER_AXIS = `${exports.SLIDER}-axis`; exports.SLIDER_HANDLE = `${exports.SLIDER}-handle`; exports.SLIDER_LABEL = `${exports.SLIDER}-label`; exports.SLIDER_TRACK = `${exports.SLIDER}-track`; exports.SLIDER_PROGRESS = `${exports.SLIDER}-progress`; exports.START = `${NS}-start`; exports.END = `${NS}-end`; exports.SPINNER = `${NS}-spinner`; exports.SPINNER_ANIMATION = `${exports.SPINNER}-animation`; exports.SPINNER_HEAD = `${exports.SPINNER}-head`; exports.SPINNER_NO_SPIN = `${NS}-no-spin`; exports.SPINNER_TRACK = `${exports.SPINNER}-track`; exports.SEGMENTED_CONTROL = `${NS}-segmented-control`; exports.TAB = `${NS}-tab`; exports.TAB_ICON = `${exports.TAB}-icon`; exports.TAB_TAG = `${exports.TAB}-tag`; exports.TAB_INDICATOR = `${exports.TAB}-indicator`; exports.TAB_INDICATOR_WRAPPER = `${exports.TAB_INDICATOR}-wrapper`; exports.TAB_LIST = `${exports.TAB}-list`; exports.TAB_PANEL = `${exports.TAB}-panel`; exports.TABS = `${exports.TAB}s`; exports.TAG = `${NS}-tag`; exports.TAG_REMOVE = `${exports.TAG}-remove`; exports.COMPOUND_TAG = `${NS}-compound-tag`; exports.COMPOUND_TAG_LEFT = `${exports.COMPOUND_TAG}-left`; exports.COMPOUND_TAG_LEFT_CONTENT = `${exports.COMPOUND_TAG}-left-content`; exports.COMPOUND_TAG_RIGHT = `${exports.COMPOUND_TAG}-right`; exports.COMPOUND_TAG_RIGHT_CONTENT = `${exports.COMPOUND_TAG}-right-content`; exports.TAG_INPUT = `${NS}-tag-input`; exports.TAG_INPUT_ICON = `${exports.TAG_INPUT}-icon`; exports.TAG_INPUT_VALUES = `${exports.TAG_INPUT}-values`; exports.TOAST = `${NS}-toast`; exports.TOAST_CONTAINER = `${exports.TOAST}-container`; exports.TOAST_MESSAGE = `${exports.TOAST}-message`; exports.TOOLTIP = `${NS}-tooltip`; exports.TOOLTIP_INDICATOR = `${exports.TOOLTIP}-indicator`; exports.TREE = `${NS}-tree`; exports.TREE_NODE = `${NS}-tree-node`; exports.TREE_NODE_CARET = `${exports.TREE_NODE}-caret`; exports.TREE_NODE_CARET_CLOSED = `${exports.TREE_NODE_CARET}-closed`; exports.TREE_NODE_CARET_NONE = `${exports.TREE_NODE_CARET}-none`; exports.TREE_NODE_CARET_OPEN = `${exports.TREE_NODE_CARET}-open`; exports.TREE_NODE_CONTENT = `${exports.TREE_NODE}-content`; exports.TREE_NODE_EXPANDED = `${exports.TREE_NODE}-expanded`; exports.TREE_NODE_ICON = `${exports.TREE_NODE}-icon`; exports.TREE_NODE_LABEL = `${exports.TREE_NODE}-label`; exports.TREE_NODE_LIST = `${exports.TREE_NODE}-list`; exports.TREE_NODE_SECONDARY_LABEL = `${exports.TREE_NODE}-secondary-label`; exports.TREE_NODE_SELECTED = `${exports.TREE_NODE}-selected`; exports.TREE_ROOT = `${NS}-tree-root`; exports.ICON = `${NS}-icon`; exports.ICON_STANDARD = `${exports.ICON}-standard`; exports.ICON_LARGE = `${exports.ICON}-large`; exports.ICON_MUTED = `${exports.ICON}-muted`; /** * Returns the namespace prefix for all Blueprint CSS classes. * Customize this namespace at build time by defining it with `webpack.DefinePlugin`. */ function getClassNamespace() { return NS; } exports.getClassNamespace = getClassNamespace; /** Return CSS class for alignment. */ function alignmentClass(alignment) { switch (alignment) { // eslint-disable-next-line @typescript-eslint/no-deprecated case alignment_1.Alignment.LEFT: case alignment_1.Alignment.START: return exports.ALIGN_LEFT; // eslint-disable-next-line @typescript-eslint/no-deprecated case alignment_1.Alignment.RIGHT: case alignment_1.Alignment.END: return exports.ALIGN_RIGHT; default: return undefined; } } exports.alignmentClass = alignmentClass; function elevationClass(elevation) { if (elevation === undefined) { return undefined; } return `${NS}-elevation-${elevation}`; } exports.elevationClass = elevationClass; function iconClass(iconName) { if (iconName == null) { return undefined; } return iconName.indexOf(`${NS}-icon-`) === 0 ? iconName : `${NS}-icon-${iconName}`; } exports.iconClass = iconClass; function intentClass(intent) { if (intent == null || intent === intent_1.Intent.NONE) { return undefined; } return `${NS}-intent-${intent.toLowerCase()}`; } exports.intentClass = intentClass; function positionClass(position) { if (position === undefined) { return undefined; } return `${NS}-position-${position}`; } exports.positionClass = positionClass; function sizeClass(size, legacyProps) { if (size === "small") { return exports.SMALL; } if (size === "large") { return exports.LARGE; } const { large = false, small = false } = legacyProps; return { [exports.LARGE]: large, [exports.SMALL]: small, }; } exports.sizeClass = sizeClass; function variantClass(variant, legacyProps) { // variant takes precedence over minimal and outlined if (variant === "outlined") { return exports.OUTLINED; } if (variant === "minimal") { return exports.MINIMAL; } const { minimal = false, outlined = false } = legacyProps; return { [exports.MINIMAL]: minimal, [exports.OUTLINED]: outlined, }; } exports.variantClass = variantClass; //# sourceMappingURL=classes.js.map