UNPKG

16.2 kBJavaScriptView Raw
1/*
2 * Copyright 2015 Palantir Technologies, Inc. All rights reserved.
3 *
4 * Licensed under the Apache License, Version 2.0 (the "License");
5 * you may not use this file except in compliance with the License.
6 * You may obtain a copy of the License at
7 *
8 * http://www.apache.org/licenses/LICENSE-2.0
9 *
10 * Unless required by applicable law or agreed to in writing, software
11 * distributed under the License is distributed on an "AS IS" BASIS,
12 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
13 * See the License for the specific language governing permissions and
14 * limitations under the License.
15 */
16var _a, _b, _c, _d;
17import { Alignment } from "./alignment";
18import { Elevation } from "./elevation";
19import { Intent } from "./intent";
20import { Position } from "./position";
21var NS = "bp4";
22if (typeof process !== "undefined") {
23 NS = (_d = (_b = (_a = process.env) === null || _a === void 0 ? void 0 : _a.BLUEPRINT_NAMESPACE) !== null && _b !== void 0 ? _b : (_c = process.env) === null || _c === void 0 ? void 0 : _c.REACT_APP_BLUEPRINT_NAMESPACE) !== null && _d !== void 0 ? _d : NS;
24}
25// modifiers
26export var ACTIVE = "".concat(NS, "-active");
27export var ALIGN_LEFT = "".concat(NS, "-align-left");
28export var ALIGN_RIGHT = "".concat(NS, "-align-right");
29export var DARK = "".concat(NS, "-dark");
30export var DISABLED = "".concat(NS, "-disabled");
31export var FILL = "".concat(NS, "-fill");
32export var FIXED = "".concat(NS, "-fixed");
33export var FIXED_TOP = "".concat(NS, "-fixed-top");
34export var INLINE = "".concat(NS, "-inline");
35export var INTERACTIVE = "".concat(NS, "-interactive");
36export var LARGE = "".concat(NS, "-large");
37export var LOADING = "".concat(NS, "-loading");
38export var MINIMAL = "".concat(NS, "-minimal");
39export var OUTLINED = "".concat(NS, "-outlined");
40export var MULTILINE = "".concat(NS, "-multiline");
41export var ROUND = "".concat(NS, "-round");
42export var SELECTED = "".concat(NS, "-selected");
43export var SMALL = "".concat(NS, "-small");
44export var VERTICAL = "".concat(NS, "-vertical");
45export var POSITION_TOP = positionClass(Position.TOP);
46export var POSITION_BOTTOM = positionClass(Position.BOTTOM);
47export var POSITION_LEFT = positionClass(Position.LEFT);
48export var POSITION_RIGHT = positionClass(Position.RIGHT);
49export var ELEVATION_0 = elevationClass(Elevation.ZERO);
50export var ELEVATION_1 = elevationClass(Elevation.ONE);
51export var ELEVATION_2 = elevationClass(Elevation.TWO);
52export var ELEVATION_3 = elevationClass(Elevation.THREE);
53export var ELEVATION_4 = elevationClass(Elevation.FOUR);
54export var INTENT_PRIMARY = intentClass(Intent.PRIMARY);
55export var INTENT_SUCCESS = intentClass(Intent.SUCCESS);
56export var INTENT_WARNING = intentClass(Intent.WARNING);
57export var INTENT_DANGER = intentClass(Intent.DANGER);
58export var FOCUS_DISABLED = "".concat(NS, "-focus-disabled");
59export var FOCUS_STYLE_MANAGER_IGNORE = "".concat(NS, "-focus-style-manager-ignore");
60// text utilities
61export var UI_TEXT = "".concat(NS, "-ui-text");
62export var RUNNING_TEXT = "".concat(NS, "-running-text");
63export var MONOSPACE_TEXT = "".concat(NS, "-monospace-text");
64export var TEXT_LARGE = "".concat(NS, "-text-large");
65export var TEXT_SMALL = "".concat(NS, "-text-small");
66export var TEXT_MUTED = "".concat(NS, "-text-muted");
67export var TEXT_DISABLED = "".concat(NS, "-text-disabled");
68export var TEXT_OVERFLOW_ELLIPSIS = "".concat(NS, "-text-overflow-ellipsis");
69// textual elements
70export var BLOCKQUOTE = "".concat(NS, "-blockquote");
71export var CODE = "".concat(NS, "-code");
72export var CODE_BLOCK = "".concat(NS, "-code-block");
73export var HEADING = "".concat(NS, "-heading");
74export var LIST = "".concat(NS, "-list");
75export var LIST_UNSTYLED = "".concat(NS, "-list-unstyled");
76export var RTL = "".concat(NS, "-rtl");
77// components
78export var ALERT = "".concat(NS, "-alert");
79export var ALERT_BODY = "".concat(ALERT, "-body");
80export var ALERT_CONTENTS = "".concat(ALERT, "-contents");
81export var ALERT_FOOTER = "".concat(ALERT, "-footer");
82export var BREADCRUMB = "".concat(NS, "-breadcrumb");
83export var BREADCRUMB_CURRENT = "".concat(BREADCRUMB, "-current");
84export var BREADCRUMBS = "".concat(BREADCRUMB, "s");
85export var BREADCRUMBS_COLLAPSED = "".concat(BREADCRUMB, "s-collapsed");
86export var BUTTON = "".concat(NS, "-button");
87export var BUTTON_GROUP = "".concat(BUTTON, "-group");
88export var BUTTON_SPINNER = "".concat(BUTTON, "-spinner");
89export var BUTTON_TEXT = "".concat(BUTTON, "-text");
90export var CALLOUT = "".concat(NS, "-callout");
91export var CALLOUT_ICON = "".concat(CALLOUT, "-icon");
92export var CARD = "".concat(NS, "-card");
93export var COLLAPSE = "".concat(NS, "-collapse");
94export var COLLAPSE_BODY = "".concat(COLLAPSE, "-body");
95export var COLLAPSIBLE_LIST = "".concat(NS, "-collapse-list");
96export var CONTEXT_MENU = "".concat(NS, "-context-menu");
97export var CONTEXT_MENU_POPOVER_TARGET = "".concat(CONTEXT_MENU, "-popover-target");
98export var CONTROL_GROUP = "".concat(NS, "-control-group");
99export var DIALOG = "".concat(NS, "-dialog");
100export var DIALOG_CONTAINER = "".concat(DIALOG, "-container");
101export var DIALOG_BODY = "".concat(DIALOG, "-body");
102export var DIALOG_CLOSE_BUTTON = "".concat(DIALOG, "-close-button");
103export var DIALOG_FOOTER = "".concat(DIALOG, "-footer");
104export var DIALOG_FOOTER_ACTIONS = "".concat(DIALOG, "-footer-actions");
105export var DIALOG_HEADER = "".concat(DIALOG, "-header");
106export var DIALOG_STEP = "".concat(NS, "-dialog-step");
107export var DIALOG_STEP_CONTAINER = "".concat(DIALOG_STEP, "-container");
108export var DIALOG_STEP_TITLE = "".concat(DIALOG_STEP, "-title");
109export var DIALOG_STEP_ICON = "".concat(DIALOG_STEP, "-icon");
110export var DIALOG_STEP_VIEWED = "".concat(DIALOG_STEP, "-viewed");
111export var DIVIDER = "".concat(NS, "-divider");
112export var DRAWER = "".concat(NS, "-drawer");
113export var DRAWER_BODY = "".concat(DRAWER, "-body");
114export var DRAWER_FOOTER = "".concat(DRAWER, "-footer");
115export var DRAWER_HEADER = "".concat(DRAWER, "-header");
116export var EDITABLE_TEXT = "".concat(NS, "-editable-text");
117export var EDITABLE_TEXT_CONTENT = "".concat(EDITABLE_TEXT, "-content");
118export var EDITABLE_TEXT_EDITING = "".concat(EDITABLE_TEXT, "-editing");
119export var EDITABLE_TEXT_INPUT = "".concat(EDITABLE_TEXT, "-input");
120export var EDITABLE_TEXT_PLACEHOLDER = "".concat(EDITABLE_TEXT, "-placeholder");
121export var FLEX_EXPANDER = "".concat(NS, "-flex-expander");
122export var HTML_SELECT = "".concat(NS, "-html-select");
123/** @deprecated prefer `<HTMLSelect>` component */
124export var SELECT = "".concat(NS, "-select");
125export var HTML_TABLE = "".concat(NS, "-html-table");
126export var HTML_TABLE_BORDERED = "".concat(HTML_TABLE, "-bordered");
127export var HTML_TABLE_CONDENSED = "".concat(HTML_TABLE, "-condensed");
128export var HTML_TABLE_STRIPED = "".concat(HTML_TABLE, "-striped");
129export var INPUT = "".concat(NS, "-input");
130export var INPUT_GHOST = "".concat(INPUT, "-ghost");
131export var INPUT_GROUP = "".concat(INPUT, "-group");
132export var INPUT_LEFT_CONTAINER = "".concat(INPUT, "-left-container");
133export var INPUT_ACTION = "".concat(INPUT, "-action");
134export var CONTROL = "".concat(NS, "-control");
135export var CONTROL_INDICATOR = "".concat(CONTROL, "-indicator");
136export var CONTROL_INDICATOR_CHILD = "".concat(CONTROL_INDICATOR, "-child");
137export var CHECKBOX = "".concat(NS, "-checkbox");
138export var RADIO = "".concat(NS, "-radio");
139export var SWITCH = "".concat(NS, "-switch");
140export var SWITCH_INNER_TEXT = "".concat(SWITCH, "-inner-text");
141export var FILE_INPUT = "".concat(NS, "-file-input");
142export var FILE_INPUT_HAS_SELECTION = "".concat(NS, "-file-input-has-selection");
143export var FILE_UPLOAD_INPUT = "".concat(NS, "-file-upload-input");
144export var FILE_UPLOAD_INPUT_CUSTOM_TEXT = "".concat(NS, "-file-upload-input-custom-text");
145export var KEY = "".concat(NS, "-key");
146export var KEY_COMBO = "".concat(KEY, "-combo");
147export var MODIFIER_KEY = "".concat(NS, "-modifier-key");
148export var HOTKEY = "".concat(NS, "-hotkey");
149export var HOTKEY_LABEL = "".concat(HOTKEY, "-label");
150export var HOTKEY_COLUMN = "".concat(HOTKEY, "-column");
151export var HOTKEY_DIALOG = "".concat(HOTKEY, "-dialog");
152export var LABEL = "".concat(NS, "-label");
153export var FORM_GROUP = "".concat(NS, "-form-group");
154export var FORM_CONTENT = "".concat(NS, "-form-content");
155export var FORM_HELPER_TEXT = "".concat(NS, "-form-helper-text");
156export var FORM_GROUP_SUB_LABEL = "".concat(NS, "-form-group-sub-label");
157export var MENU = "".concat(NS, "-menu");
158export var MENU_ITEM = "".concat(MENU, "-item");
159export var MENU_ITEM_ICON = "".concat(MENU_ITEM, "-icon");
160export var MENU_ITEM_LABEL = "".concat(MENU_ITEM, "-label");
161export var MENU_SUBMENU = "".concat(NS, "-submenu");
162export var MENU_SUBMENU_ICON = "".concat(MENU_SUBMENU, "-icon");
163export var MENU_DIVIDER = "".concat(MENU, "-divider");
164export var MENU_HEADER = "".concat(MENU, "-header");
165export var MULTISTEP_DIALOG = "".concat(NS, "-multistep-dialog");
166export var MULTISTEP_DIALOG_PANELS = "".concat(MULTISTEP_DIALOG, "-panels");
167export var MULTISTEP_DIALOG_LEFT_PANEL = "".concat(MULTISTEP_DIALOG, "-left-panel");
168export var MULTISTEP_DIALOG_RIGHT_PANEL = "".concat(MULTISTEP_DIALOG, "-right-panel");
169export var MULTISTEP_DIALOG_FOOTER = "".concat(MULTISTEP_DIALOG, "-footer");
170export var MULTISTEP_DIALOG_NAV_TOP = "".concat(MULTISTEP_DIALOG, "-nav-top");
171export var MULTISTEP_DIALOG_NAV_RIGHT = "".concat(MULTISTEP_DIALOG, "-nav-right");
172export var NAVBAR = "".concat(NS, "-navbar");
173export var NAVBAR_GROUP = "".concat(NAVBAR, "-group");
174export var NAVBAR_HEADING = "".concat(NAVBAR, "-heading");
175export var NAVBAR_DIVIDER = "".concat(NAVBAR, "-divider");
176export var NON_IDEAL_STATE = "".concat(NS, "-non-ideal-state");
177export var NON_IDEAL_STATE_VISUAL = "".concat(NON_IDEAL_STATE, "-visual");
178export var NON_IDEAL_STATE_TEXT = "".concat(NON_IDEAL_STATE, "-text");
179export var NUMERIC_INPUT = "".concat(NS, "-numeric-input");
180export var OVERFLOW_LIST = "".concat(NS, "-overflow-list");
181export var OVERFLOW_LIST_SPACER = "".concat(OVERFLOW_LIST, "-spacer");
182export var OVERLAY = "".concat(NS, "-overlay");
183export var OVERLAY_BACKDROP = "".concat(OVERLAY, "-backdrop");
184export var OVERLAY_CONTAINER = "".concat(OVERLAY, "-container");
185export var OVERLAY_CONTENT = "".concat(OVERLAY, "-content");
186export var OVERLAY_INLINE = "".concat(OVERLAY, "-inline");
187export var OVERLAY_OPEN = "".concat(OVERLAY, "-open");
188export var OVERLAY_SCROLL_CONTAINER = "".concat(OVERLAY, "-scroll-container");
189export var OVERLAY_START_FOCUS_TRAP = "".concat(OVERLAY, "-start-focus-trap");
190export var OVERLAY_END_FOCUS_TRAP = "".concat(OVERLAY, "-end-focus-trap");
191export var PANEL_STACK = "".concat(NS, "-panel-stack");
192export var PANEL_STACK_HEADER = "".concat(PANEL_STACK, "-header");
193export var PANEL_STACK_HEADER_BACK = "".concat(PANEL_STACK, "-header-back");
194export var PANEL_STACK_VIEW = "".concat(PANEL_STACK, "-view");
195export var PANEL_STACK2 = "".concat(NS, "-panel-stack2");
196export var PANEL_STACK2_HEADER = "".concat(PANEL_STACK, "-header");
197export var PANEL_STACK2_HEADER_BACK = "".concat(PANEL_STACK, "-header-back");
198export var PANEL_STACK2_VIEW = "".concat(PANEL_STACK, "-view");
199export var POPOVER = "".concat(NS, "-popover");
200export var POPOVER_ARROW = "".concat(POPOVER, "-arrow");
201export var POPOVER_BACKDROP = "".concat(POPOVER, "-backdrop");
202export var POPOVER_CAPTURING_DISMISS = "".concat(POPOVER, "-capturing-dismiss");
203export var POPOVER_CONTENT = "".concat(POPOVER, "-content");
204export var POPOVER_CONTENT_SIZING = "".concat(POPOVER_CONTENT, "-sizing");
205export var POPOVER_DISMISS = "".concat(POPOVER, "-dismiss");
206export var POPOVER_DISMISS_OVERRIDE = "".concat(POPOVER_DISMISS, "-override");
207export var POPOVER_OPEN = "".concat(POPOVER, "-open");
208export var POPOVER_OUT_OF_BOUNDARIES = "".concat(POPOVER, "-out-of-boundaries");
209export var POPOVER_TARGET = "".concat(POPOVER, "-target");
210export var POPOVER_WRAPPER = "".concat(POPOVER, "-wrapper");
211export var TRANSITION_CONTAINER = "".concat(NS, "-transition-container");
212export var PROGRESS_BAR = "".concat(NS, "-progress-bar");
213export var PROGRESS_METER = "".concat(NS, "-progress-meter");
214export var PROGRESS_NO_STRIPES = "".concat(NS, "-no-stripes");
215export var PROGRESS_NO_ANIMATION = "".concat(NS, "-no-animation");
216export var PORTAL = "".concat(NS, "-portal");
217export var SKELETON = "".concat(NS, "-skeleton");
218export var SLIDER = "".concat(NS, "-slider");
219export var SLIDER_AXIS = "".concat(SLIDER, "-axis");
220export var SLIDER_HANDLE = "".concat(SLIDER, "-handle");
221export var SLIDER_LABEL = "".concat(SLIDER, "-label");
222export var SLIDER_TRACK = "".concat(SLIDER, "-track");
223export var SLIDER_PROGRESS = "".concat(SLIDER, "-progress");
224export var START = "".concat(NS, "-start");
225export var END = "".concat(NS, "-end");
226export var SPINNER = "".concat(NS, "-spinner");
227export var SPINNER_ANIMATION = "".concat(SPINNER, "-animation");
228export var SPINNER_HEAD = "".concat(SPINNER, "-head");
229export var SPINNER_NO_SPIN = "".concat(NS, "-no-spin");
230export var SPINNER_TRACK = "".concat(SPINNER, "-track");
231export var TAB = "".concat(NS, "-tab");
232export var TAB_INDICATOR = "".concat(TAB, "-indicator");
233export var TAB_INDICATOR_WRAPPER = "".concat(TAB_INDICATOR, "-wrapper");
234export var TAB_LIST = "".concat(TAB, "-list");
235export var TAB_PANEL = "".concat(TAB, "-panel");
236export var TABS = "".concat(TAB, "s");
237export var TAG = "".concat(NS, "-tag");
238export var TAG_REMOVE = "".concat(TAG, "-remove");
239export var TAG_INPUT = "".concat(NS, "-tag-input");
240export var TAG_INPUT_ICON = "".concat(TAG_INPUT, "-icon");
241export var TAG_INPUT_VALUES = "".concat(TAG_INPUT, "-values");
242export var TOAST = "".concat(NS, "-toast");
243export var TOAST_CONTAINER = "".concat(TOAST, "-container");
244export var TOAST_MESSAGE = "".concat(TOAST, "-message");
245export var TOOLTIP = "".concat(NS, "-tooltip");
246export var TOOLTIP_INDICATOR = "".concat(TOOLTIP, "-indicator");
247export var TREE = "".concat(NS, "-tree");
248export var TREE_NODE = "".concat(NS, "-tree-node");
249export var TREE_NODE_CARET = "".concat(TREE_NODE, "-caret");
250export var TREE_NODE_CARET_CLOSED = "".concat(TREE_NODE_CARET, "-closed");
251export var TREE_NODE_CARET_NONE = "".concat(TREE_NODE_CARET, "-none");
252export var TREE_NODE_CARET_OPEN = "".concat(TREE_NODE_CARET, "-open");
253export var TREE_NODE_CONTENT = "".concat(TREE_NODE, "-content");
254export var TREE_NODE_EXPANDED = "".concat(TREE_NODE, "-expanded");
255export var TREE_NODE_ICON = "".concat(TREE_NODE, "-icon");
256export var TREE_NODE_LABEL = "".concat(TREE_NODE, "-label");
257export var TREE_NODE_LIST = "".concat(TREE_NODE, "-list");
258export var TREE_NODE_SECONDARY_LABEL = "".concat(TREE_NODE, "-secondary-label");
259export var TREE_NODE_SELECTED = "".concat(TREE_NODE, "-selected");
260export var TREE_ROOT = "".concat(NS, "-tree-root");
261export var ICON = "".concat(NS, "-icon");
262export var ICON_STANDARD = "".concat(ICON, "-standard");
263export var ICON_LARGE = "".concat(ICON, "-large");
264/**
265 * Returns the namespace prefix for all Blueprint CSS classes.
266 * Customize this namespace at build time with the `process.env.BLUEPRINT_NAMESPACE` environment variable.
267 */
268export function getClassNamespace() {
269 return NS;
270}
271/** Return CSS class for alignment. */
272export function alignmentClass(alignment) {
273 switch (alignment) {
274 case Alignment.LEFT:
275 return ALIGN_LEFT;
276 case Alignment.RIGHT:
277 return ALIGN_RIGHT;
278 default:
279 return undefined;
280 }
281}
282export function elevationClass(elevation) {
283 if (elevation === undefined) {
284 return undefined;
285 }
286 return "".concat(NS, "-elevation-").concat(elevation);
287}
288export function iconClass(iconName) {
289 if (iconName == null) {
290 return undefined;
291 }
292 return iconName.indexOf("".concat(NS, "-icon-")) === 0 ? iconName : "".concat(NS, "-icon-").concat(iconName);
293}
294export function intentClass(intent) {
295 if (intent == null || intent === Intent.NONE) {
296 return undefined;
297 }
298 return "".concat(NS, "-intent-").concat(intent.toLowerCase());
299}
300export function positionClass(position) {
301 if (position === undefined) {
302 return undefined;
303 }
304 return "".concat(NS, "-position-").concat(position);
305}
306//# sourceMappingURL=classes.js.map
\No newline at end of file