@conveyorhq/arrow-ds 1.92.0 → 1.94.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/package.json +1 -1
- package/public/components/Button/ButtonGroup.js +30 -3
- package/public/components/Icon/Icon.d.ts +5 -0
- package/public/components/Icon/Icon.js +15 -5
- package/public/css/styles.css +17 -17
- package/public/css/styles.min.css +1 -1
- package/public/css/styles.min.css.map +1 -1
- package/src/components/Button/ButtonGroup.story.mdx +42 -0
- package/src/components/Button/ButtonGroup.tsx +16 -3
- package/src/components/Button/index.css +9 -9
- package/src/components/Icon/Icon.tsx +23 -8
package/package.json
CHANGED
|
@@ -1,18 +1,45 @@
|
|
|
1
1
|
"use strict";
|
|
2
|
+
var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
|
|
3
|
+
if (k2 === undefined) k2 = k;
|
|
4
|
+
Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
|
|
5
|
+
}) : (function(o, m, k, k2) {
|
|
6
|
+
if (k2 === undefined) k2 = k;
|
|
7
|
+
o[k2] = m[k];
|
|
8
|
+
}));
|
|
9
|
+
var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
|
|
10
|
+
Object.defineProperty(o, "default", { enumerable: true, value: v });
|
|
11
|
+
}) : function(o, v) {
|
|
12
|
+
o["default"] = v;
|
|
13
|
+
});
|
|
14
|
+
var __importStar = (this && this.__importStar) || function (mod) {
|
|
15
|
+
if (mod && mod.__esModule) return mod;
|
|
16
|
+
var result = {};
|
|
17
|
+
if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
|
|
18
|
+
__setModuleDefault(result, mod);
|
|
19
|
+
return result;
|
|
20
|
+
};
|
|
2
21
|
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
3
22
|
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
4
23
|
};
|
|
5
24
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
6
25
|
exports.ButtonGroup = void 0;
|
|
7
|
-
const react_1 =
|
|
26
|
+
const react_1 = __importStar(require("react"));
|
|
8
27
|
const classnames_1 = __importDefault(require("classnames"));
|
|
28
|
+
const Box_1 = require("../Box");
|
|
9
29
|
const Flex_1 = require("../Flex");
|
|
10
30
|
const bem_1 = require("../../utilities/bem");
|
|
11
31
|
const types_1 = require("../../types");
|
|
12
32
|
const cn = "ButtonGroup";
|
|
13
33
|
const ButtonGroup = (props) => {
|
|
14
|
-
const { className, isSegmented = false, isFullWidth = false, justify = types_1.JUSTIFY.START, ...rest } = props;
|
|
34
|
+
const { children, className, isSegmented = false, isFullWidth = false, justify = types_1.JUSTIFY.START, ...rest } = props;
|
|
15
35
|
const buttonGroupClassName = classnames_1.default(bem_1.bem(cn), isSegmented && bem_1.bem(cn, { m: "isSegmented" }), isFullWidth && bem_1.bem(cn, { m: "isFullWidth" }), `justify-${justify}`, className);
|
|
16
|
-
return react_1.default.createElement(Flex_1.Flex, Object.assign({ className: buttonGroupClassName }, rest)
|
|
36
|
+
return (react_1.default.createElement(Flex_1.Flex, Object.assign({ className: buttonGroupClassName }, rest), isSegmented
|
|
37
|
+
? react_1.Children.map(children, (child) => {
|
|
38
|
+
if (react_1.isValidElement(child)) {
|
|
39
|
+
return react_1.default.createElement(Box_1.Box, { className: bem_1.bem(cn, { e: "button" }) }, child);
|
|
40
|
+
}
|
|
41
|
+
return null;
|
|
42
|
+
})
|
|
43
|
+
: children));
|
|
17
44
|
};
|
|
18
45
|
exports.ButtonGroup = ButtonGroup;
|
|
@@ -24,10 +24,12 @@ export declare enum ICON_TYPE {
|
|
|
24
24
|
ARROWS_ALT = "arrows-alt",
|
|
25
25
|
BACKWARD = "backward",
|
|
26
26
|
BAN = "ban",
|
|
27
|
+
BANDAID = "band-aid",
|
|
27
28
|
BARS = "bars",
|
|
28
29
|
BATTERY_HALF = "battery-half",
|
|
29
30
|
BED = "bed",
|
|
30
31
|
BELL = "bell",
|
|
32
|
+
BIOHAZARD = "biohazard",
|
|
31
33
|
BIRTHDAY_CAKE = "birthday-cake",
|
|
32
34
|
BOLT = "bolt",
|
|
33
35
|
BOOK = "book",
|
|
@@ -53,6 +55,7 @@ export declare enum ICON_TYPE {
|
|
|
53
55
|
CLOCK = "clock",
|
|
54
56
|
CLIPBOARD = "clipboard",
|
|
55
57
|
CLOUD_DOWNLOAD_ALT = "cloud-download-alt",
|
|
58
|
+
CLOUD_UPLOAD_ALT = "cloud-upload-alt",
|
|
56
59
|
COG = "cog",
|
|
57
60
|
COINS = "coins",
|
|
58
61
|
COLUMNS = "columns",
|
|
@@ -96,6 +99,7 @@ export declare enum ICON_TYPE {
|
|
|
96
99
|
INFO_CIRCLE = "info-circle",
|
|
97
100
|
KEY = "key",
|
|
98
101
|
KEYBOARD = "keyboard",
|
|
102
|
+
LAPTOP = "laptop",
|
|
99
103
|
LAYER_GROUP = "layer-group",
|
|
100
104
|
LEVEL_UP_ALT = "level-up-alt",
|
|
101
105
|
LIFE_RING = "life-ring",
|
|
@@ -129,6 +133,7 @@ export declare enum ICON_TYPE {
|
|
|
129
133
|
SIGN_OUT_ALT = "sign-out-alt",
|
|
130
134
|
SIGNAL = "signal",
|
|
131
135
|
SIGNATURE = "signature",
|
|
136
|
+
SITEMAP = "sitemap",
|
|
132
137
|
SLIDERS_H = "sliders-h",
|
|
133
138
|
SORT = "sort",
|
|
134
139
|
SORT_DOWN = "sort-down",
|
|
@@ -42,14 +42,16 @@ const faArchive_1 = require("@fortawesome/free-solid-svg-icons/faArchive");
|
|
|
42
42
|
const faArrowDown_1 = require("@fortawesome/free-solid-svg-icons/faArrowDown");
|
|
43
43
|
const faArrowLeft_1 = require("@fortawesome/free-solid-svg-icons/faArrowLeft");
|
|
44
44
|
const faArrowRight_1 = require("@fortawesome/free-solid-svg-icons/faArrowRight");
|
|
45
|
-
const faArrowUp_1 = require("@fortawesome/free-solid-svg-icons/faArrowUp");
|
|
46
45
|
const faArrowsAlt_1 = require("@fortawesome/free-solid-svg-icons/faArrowsAlt");
|
|
46
|
+
const faArrowUp_1 = require("@fortawesome/free-solid-svg-icons/faArrowUp");
|
|
47
47
|
const faBackward_1 = require("@fortawesome/free-solid-svg-icons/faBackward");
|
|
48
48
|
const faBan_1 = require("@fortawesome/free-solid-svg-icons/faBan");
|
|
49
|
+
const faBandAid_1 = require("@fortawesome/free-solid-svg-icons/faBandAid");
|
|
49
50
|
const faBars_1 = require("@fortawesome/free-solid-svg-icons/faBars");
|
|
50
51
|
const faBatteryHalf_1 = require("@fortawesome/free-solid-svg-icons/faBatteryHalf");
|
|
51
52
|
const faBed_1 = require("@fortawesome/free-solid-svg-icons/faBed");
|
|
52
53
|
const faBell_1 = require("@fortawesome/free-solid-svg-icons/faBell");
|
|
54
|
+
const faBiohazard_1 = require("@fortawesome/free-solid-svg-icons/faBiohazard");
|
|
53
55
|
const faBirthdayCake_1 = require("@fortawesome/free-solid-svg-icons/faBirthdayCake");
|
|
54
56
|
const faBolt_1 = require("@fortawesome/free-solid-svg-icons/faBolt");
|
|
55
57
|
const faBook_1 = require("@fortawesome/free-solid-svg-icons/faBook");
|
|
@@ -75,11 +77,14 @@ const faCircleNotch_1 = require("@fortawesome/free-solid-svg-icons/faCircleNotch
|
|
|
75
77
|
const faClipboard_1 = require("@fortawesome/free-solid-svg-icons/faClipboard");
|
|
76
78
|
const faClock_2 = require("@fortawesome/free-solid-svg-icons/faClock");
|
|
77
79
|
const faCloudDownloadAlt_1 = require("@fortawesome/free-solid-svg-icons/faCloudDownloadAlt");
|
|
80
|
+
const faCloudUploadAlt_1 = require("@fortawesome/free-solid-svg-icons/faCloudUploadAlt");
|
|
78
81
|
const faCog_1 = require("@fortawesome/free-solid-svg-icons/faCog");
|
|
82
|
+
const faCoins_1 = require("@fortawesome/free-solid-svg-icons/faCoins");
|
|
79
83
|
const faColumns_1 = require("@fortawesome/free-solid-svg-icons/faColumns");
|
|
80
84
|
const faCommentAlt_1 = require("@fortawesome/free-solid-svg-icons/faCommentAlt");
|
|
81
85
|
const faCompass_1 = require("@fortawesome/free-solid-svg-icons/faCompass");
|
|
82
86
|
const faCompress_1 = require("@fortawesome/free-solid-svg-icons/faCompress");
|
|
87
|
+
const faCopy_1 = require("@fortawesome/free-solid-svg-icons/faCopy");
|
|
83
88
|
const faCrown_1 = require("@fortawesome/free-solid-svg-icons/faCrown");
|
|
84
89
|
const faDoorClosed_1 = require("@fortawesome/free-solid-svg-icons/faDoorClosed");
|
|
85
90
|
const faEdit_1 = require("@fortawesome/free-solid-svg-icons/faEdit");
|
|
@@ -115,6 +120,7 @@ const faIdBadge_1 = require("@fortawesome/free-solid-svg-icons/faIdBadge");
|
|
|
115
120
|
const faImage_1 = require("@fortawesome/free-solid-svg-icons/faImage");
|
|
116
121
|
const faInfoCircle_1 = require("@fortawesome/free-solid-svg-icons/faInfoCircle");
|
|
117
122
|
const faKey_1 = require("@fortawesome/free-solid-svg-icons/faKey");
|
|
123
|
+
const faLaptop_1 = require("@fortawesome/free-solid-svg-icons/faLaptop");
|
|
118
124
|
const faLayerGroup_1 = require("@fortawesome/free-solid-svg-icons/faLayerGroup");
|
|
119
125
|
const faLevelUpAlt_1 = require("@fortawesome/free-solid-svg-icons/faLevelUpAlt");
|
|
120
126
|
const faLifeRing_1 = require("@fortawesome/free-solid-svg-icons/faLifeRing");
|
|
@@ -128,8 +134,8 @@ const faMapSigns_1 = require("@fortawesome/free-solid-svg-icons/faMapSigns");
|
|
|
128
134
|
const faMinus_1 = require("@fortawesome/free-solid-svg-icons/faMinus");
|
|
129
135
|
const faMousePointer_1 = require("@fortawesome/free-solid-svg-icons/faMousePointer");
|
|
130
136
|
const faPalette_1 = require("@fortawesome/free-solid-svg-icons/faPalette");
|
|
131
|
-
const faPaperPlane_1 = require("@fortawesome/free-solid-svg-icons/faPaperPlane");
|
|
132
137
|
const faPaperclip_1 = require("@fortawesome/free-solid-svg-icons/faPaperclip");
|
|
138
|
+
const faPaperPlane_1 = require("@fortawesome/free-solid-svg-icons/faPaperPlane");
|
|
133
139
|
const faPause_1 = require("@fortawesome/free-solid-svg-icons/faPause");
|
|
134
140
|
const faPen_1 = require("@fortawesome/free-solid-svg-icons/faPen");
|
|
135
141
|
const faPlay_1 = require("@fortawesome/free-solid-svg-icons/faPlay");
|
|
@@ -147,6 +153,7 @@ const faShieldAlt_1 = require("@fortawesome/free-solid-svg-icons/faShieldAlt");
|
|
|
147
153
|
const faSignal_1 = require("@fortawesome/free-solid-svg-icons/faSignal");
|
|
148
154
|
const faSignature_1 = require("@fortawesome/free-solid-svg-icons/faSignature");
|
|
149
155
|
const faSignOutAlt_1 = require("@fortawesome/free-solid-svg-icons/faSignOutAlt");
|
|
156
|
+
const faSitemap_1 = require("@fortawesome/free-solid-svg-icons/faSitemap");
|
|
150
157
|
const faSlidersH_1 = require("@fortawesome/free-solid-svg-icons/faSlidersH");
|
|
151
158
|
const faSort_1 = require("@fortawesome/free-solid-svg-icons/faSort");
|
|
152
159
|
const faSortDown_1 = require("@fortawesome/free-solid-svg-icons/faSortDown");
|
|
@@ -176,15 +183,13 @@ const faUsers_1 = require("@fortawesome/free-solid-svg-icons/faUsers");
|
|
|
176
183
|
const faUserSecret_1 = require("@fortawesome/free-solid-svg-icons/faUserSecret");
|
|
177
184
|
const faUserShield_1 = require("@fortawesome/free-solid-svg-icons/faUserShield");
|
|
178
185
|
const faWrench_1 = require("@fortawesome/free-solid-svg-icons/faWrench");
|
|
179
|
-
const faCopy_1 = require("@fortawesome/free-solid-svg-icons/faCopy");
|
|
180
|
-
const faCoins_1 = require("@fortawesome/free-solid-svg-icons/faCoins");
|
|
181
186
|
const svg_1 = require("./svg");
|
|
182
187
|
const status_1 = require("../../contexts/status");
|
|
183
188
|
const types_1 = require("../../types");
|
|
184
189
|
const utilities_1 = require("../../utilities");
|
|
185
190
|
const ShieldCheck_1 = require("./svg/ShieldCheck");
|
|
186
191
|
const cn = utilities_1.bemHOF("Icon");
|
|
187
|
-
fontawesome_svg_core_1.library.add(faArchive_1.faArchive, faArrowDown_1.faArrowDown, faArrowLeft_1.faArrowLeft, faArrowRight_1.faArrowRight,
|
|
192
|
+
fontawesome_svg_core_1.library.add(faArchive_1.faArchive, faArrowDown_1.faArrowDown, faArrowLeft_1.faArrowLeft, faArrowRight_1.faArrowRight, faArrowsAlt_1.faArrowsAlt, faArrowUp_1.faArrowUp, faBackward_1.faBackward, faBan_1.faBan, faBandAid_1.faBandAid, faBars_1.faBars, faBatteryHalf_1.faBatteryHalf, faBed_1.faBed, faBell_1.faBell, faBiohazard_1.faBiohazard, faBirthdayCake_1.faBirthdayCake, faBolt_1.faBolt, faBook_1.faBook, faBug_1.faBug, faBullhorn_1.faBullhorn, faCalculator_1.faCalculator, faCalendar_1.faCalendar, faCaretDown_1.faCaretDown, faCaretLeft_1.faCaretLeft, faCaretRight_1.faCaretRight, faCaretUp_1.faCaretUp, faChartBar_1.faChartBar, faChartLine_1.faChartLine, faCheck_1.faCheck, faCheckCircle_2.faCheckCircle, faCheckCircle_1.faCheckCircle, faCheckSquare_1.faCheckSquare, faChevronDown_1.faChevronDown, faChevronLeft_1.faChevronLeft, faChevronRight_1.faChevronRight, faChevronUp_1.faChevronUp, faCircle_2.faCircle, faCircleNotch_1.faCircleNotch, faCircle_1.faCircle, faClipboard_1.faClipboard, faClock_1.faClock, faClock_2.faClock, faCloudDownloadAlt_1.faCloudDownloadAlt, faCloudUploadAlt_1.faCloudUploadAlt, faCog_1.faCog, faCoins_1.faCoins, faColumns_1.faColumns, faCommentAlt_1.faCommentAlt, faCompass_1.faCompass, faCompress_1.faCompress, faCopy_1.faCopy, faCrown_1.faCrown, faDoorClosed_1.faDoorClosed, faEdit_1.faEdit, faEllipsisH_1.faEllipsisH, faEllipsisV_1.faEllipsisV, faEnvelope_1.faEnvelope, faExchangeAlt_1.faExchangeAlt, faExclamation_1.faExclamation, faExclamationCircle_1.faExclamationCircle, faExclamationTriangle_1.faExclamationTriangle, faExpand_1.faExpand, faExternalLinkAlt_1.faExternalLinkAlt, faExternalLinkSquareAlt_1.faExternalLinkSquareAlt, faEye_1.faEye, faEyeSlash_1.faEyeSlash, faFastBackward_1.faFastBackward, faFastForward_1.faFastForward, faFile_1.faFile, faFileAlt_1.faFileAlt, faFileAlt_2.faFileAlt, faFileImport_1.faFileImport, faFileSignature_1.faFileSignature, faFilter_1.faFilter, faFlag_1.faFlag, faFolder_1.faFolder, faForward_1.faForward, faGlobeEurope_1.faGlobeEurope, faGripLines_1.faGripLines, faGripLinesVertical_1.faGripLinesVertical, faHandshake_1.faHandshake, faHashtag_1.faHashtag, faHighlighter_1.faHighlighter, faIdBadge_1.faIdBadge, faImage_1.faImage, faInfoCircle_1.faInfoCircle, faKey_1.faKey, faKeyboard_1.faKeyboard, faLaptop_1.faLaptop, faLayerGroup_1.faLayerGroup, faLevelUpAlt_1.faLevelUpAlt, faLifeRing_1.faLifeRing, faLink_1.faLink, faListUl_1.faListUl, faLock_1.faLock, faLongArrowAltRight_1.faLongArrowAltRight, faMagic_1.faMagic, faMapMarkerAlt_1.faMapMarkerAlt, faMapSigns_1.faMapSigns, faMinus_1.faMinus, faMousePointer_1.faMousePointer, faPalette_1.faPalette, faPaperclip_1.faPaperclip, faPaperPlane_1.faPaperPlane, faPause_1.faPause, faPen_1.faPen, faPlay_1.faPlay, faPlus_1.faPlus, faPlusCircle_1.faPlusCircle, faPooStorm_1.faPooStorm, faQuestion_1.faQuestion, faQuestionCircle_2.faQuestionCircle, faQuestionCircle_1.faQuestionCircle, faRandom_1.faRandom, faScroll_1.faScroll, faSearch_1.faSearch, faServer_1.faServer, faShareAlt_1.faShareAlt, faShieldAlt_1.faShieldAlt, faSignal_1.faSignal, faSignature_1.faSignature, faSignOutAlt_1.faSignOutAlt, faSitemap_1.faSitemap, faSlidersH_1.faSlidersH, faSort_1.faSort, faSortDown_1.faSortDown, faSortUp_1.faSortUp, faSpinner_1.faSpinner, faSquare_1.faSquare, faStamp_1.faStamp, faStar_1.faStar, faStar_2.faStar, faSuitcaseRolling_1.faSuitcaseRolling, faSync_1.faSync, faTasks_1.faTasks, faThLarge_1.faThLarge, faThumbsDown_1.faThumbsDown, faThumbsDown_2.faThumbsDown, faThumbsUp_1.faThumbsUp, faThumbsUp_2.faThumbsUp, faTicketAlt_1.faTicketAlt, faTimes_1.faTimes, faTimesCircle_1.faTimesCircle, faTimesCircle_2.faTimesCircle, faTools_1.faTools, faTrash_1.faTrash, faUnlock_1.faUnlock, faUser_2.faUser, faUserAstronaut_1.faUserAstronaut, faUserFriends_1.faUserFriends, faUserLock_1.faUserLock, faUserPlus_1.faUserPlus, faUser_1.faUser, faUsers_1.faUsers, faUserSecret_1.faUserSecret, faUserShield_1.faUserShield, faWrench_1.faWrench);
|
|
188
193
|
var CUSTOM_ICON_TYPE;
|
|
189
194
|
(function (CUSTOM_ICON_TYPE) {
|
|
190
195
|
CUSTOM_ICON_TYPE["ARROW_TO_BOTTOM"] = "arrow-to-bottom";
|
|
@@ -224,10 +229,12 @@ var ICON_TYPE;
|
|
|
224
229
|
ICON_TYPE["ARROWS_ALT"] = "arrows-alt";
|
|
225
230
|
ICON_TYPE["BACKWARD"] = "backward";
|
|
226
231
|
ICON_TYPE["BAN"] = "ban";
|
|
232
|
+
ICON_TYPE["BANDAID"] = "band-aid";
|
|
227
233
|
ICON_TYPE["BARS"] = "bars";
|
|
228
234
|
ICON_TYPE["BATTERY_HALF"] = "battery-half";
|
|
229
235
|
ICON_TYPE["BED"] = "bed";
|
|
230
236
|
ICON_TYPE["BELL"] = "bell";
|
|
237
|
+
ICON_TYPE["BIOHAZARD"] = "biohazard";
|
|
231
238
|
ICON_TYPE["BIRTHDAY_CAKE"] = "birthday-cake";
|
|
232
239
|
ICON_TYPE["BOLT"] = "bolt";
|
|
233
240
|
ICON_TYPE["BOOK"] = "book";
|
|
@@ -253,6 +260,7 @@ var ICON_TYPE;
|
|
|
253
260
|
ICON_TYPE["CLOCK"] = "clock";
|
|
254
261
|
ICON_TYPE["CLIPBOARD"] = "clipboard";
|
|
255
262
|
ICON_TYPE["CLOUD_DOWNLOAD_ALT"] = "cloud-download-alt";
|
|
263
|
+
ICON_TYPE["CLOUD_UPLOAD_ALT"] = "cloud-upload-alt";
|
|
256
264
|
ICON_TYPE["COG"] = "cog";
|
|
257
265
|
ICON_TYPE["COINS"] = "coins";
|
|
258
266
|
ICON_TYPE["COLUMNS"] = "columns";
|
|
@@ -296,6 +304,7 @@ var ICON_TYPE;
|
|
|
296
304
|
ICON_TYPE["INFO_CIRCLE"] = "info-circle";
|
|
297
305
|
ICON_TYPE["KEY"] = "key";
|
|
298
306
|
ICON_TYPE["KEYBOARD"] = "keyboard";
|
|
307
|
+
ICON_TYPE["LAPTOP"] = "laptop";
|
|
299
308
|
ICON_TYPE["LAYER_GROUP"] = "layer-group";
|
|
300
309
|
ICON_TYPE["LEVEL_UP_ALT"] = "level-up-alt";
|
|
301
310
|
ICON_TYPE["LIFE_RING"] = "life-ring";
|
|
@@ -329,6 +338,7 @@ var ICON_TYPE;
|
|
|
329
338
|
ICON_TYPE["SIGN_OUT_ALT"] = "sign-out-alt";
|
|
330
339
|
ICON_TYPE["SIGNAL"] = "signal";
|
|
331
340
|
ICON_TYPE["SIGNATURE"] = "signature";
|
|
341
|
+
ICON_TYPE["SITEMAP"] = "sitemap";
|
|
332
342
|
ICON_TYPE["SLIDERS_H"] = "sliders-h";
|
|
333
343
|
ICON_TYPE["SORT"] = "sort";
|
|
334
344
|
ICON_TYPE["SORT_DOWN"] = "sort-down";
|
package/public/css/styles.css
CHANGED
|
@@ -2006,29 +2006,29 @@ override built-in Image component classes */
|
|
|
2006
2006
|
|
|
2007
2007
|
.ads-ButtonGroup:not(.ads-ButtonGroup--isSegmented) {
|
|
2008
2008
|
flex-wrap: wrap;
|
|
2009
|
+
gap: 8px;
|
|
2009
2010
|
}
|
|
2010
2011
|
|
|
2011
2012
|
.ads-ButtonGroup--isSegmented {
|
|
2012
2013
|
flex-wrap: nowrap;
|
|
2013
2014
|
}
|
|
2014
2015
|
|
|
2015
|
-
.ads-ButtonGroup--isSegmented
|
|
2016
|
+
.ads-ButtonGroup--isSegmented
|
|
2017
|
+
> .ads-ButtonGroup-button:not(:first-of-type)
|
|
2018
|
+
.ads-Button {
|
|
2016
2019
|
border-top-left-radius: 0;
|
|
2017
2020
|
border-bottom-left-radius: 0;
|
|
2018
2021
|
}
|
|
2019
2022
|
|
|
2020
|
-
.ads-ButtonGroup--isSegmented
|
|
2023
|
+
.ads-ButtonGroup--isSegmented
|
|
2024
|
+
> .ads-ButtonGroup-button:not(:last-of-type)
|
|
2025
|
+
.ads-Button {
|
|
2021
2026
|
border-top-right-radius: 0;
|
|
2022
2027
|
border-bottom-right-radius: 0;
|
|
2023
2028
|
border-right-width: 0;
|
|
2024
2029
|
}
|
|
2025
2030
|
|
|
2026
|
-
.ads-ButtonGroup
|
|
2027
|
-
> .ads-Button:not(:last-of-type) {
|
|
2028
|
-
margin-right: 8px;
|
|
2029
|
-
}
|
|
2030
|
-
|
|
2031
|
-
.ads-ButtonGroup--isFullWidth > .ads-Button {
|
|
2031
|
+
.ads-ButtonGroup--isFullWidth .ads-Button {
|
|
2032
2032
|
flex: 1 1 auto;
|
|
2033
2033
|
}
|
|
2034
2034
|
|
|
@@ -8291,6 +8291,10 @@ override built-in Image component classes */
|
|
|
8291
8291
|
width: 100%;
|
|
8292
8292
|
}
|
|
8293
8293
|
|
|
8294
|
+
.w-56 {
|
|
8295
|
+
width: 224px;
|
|
8296
|
+
}
|
|
8297
|
+
|
|
8294
8298
|
.w-4 {
|
|
8295
8299
|
width: 16px;
|
|
8296
8300
|
}
|
|
@@ -8303,10 +8307,6 @@ override built-in Image component classes */
|
|
|
8303
8307
|
width: 60px;
|
|
8304
8308
|
}
|
|
8305
8309
|
|
|
8306
|
-
.w-56 {
|
|
8307
|
-
width: 224px;
|
|
8308
|
-
}
|
|
8309
|
-
|
|
8310
8310
|
.w-1\/2 {
|
|
8311
8311
|
width: 50%;
|
|
8312
8312
|
}
|
|
@@ -8735,6 +8735,11 @@ override built-in Image component classes */
|
|
|
8735
8735
|
padding-right: 16px;
|
|
8736
8736
|
}
|
|
8737
8737
|
|
|
8738
|
+
.py-3 {
|
|
8739
|
+
padding-top: 12px;
|
|
8740
|
+
padding-bottom: 12px;
|
|
8741
|
+
}
|
|
8742
|
+
|
|
8738
8743
|
.px-3 {
|
|
8739
8744
|
padding-left: 12px;
|
|
8740
8745
|
padding-right: 12px;
|
|
@@ -8750,11 +8755,6 @@ override built-in Image component classes */
|
|
|
8750
8755
|
padding-right: 32px;
|
|
8751
8756
|
}
|
|
8752
8757
|
|
|
8753
|
-
.py-3 {
|
|
8754
|
-
padding-top: 12px;
|
|
8755
|
-
padding-bottom: 12px;
|
|
8756
|
-
}
|
|
8757
|
-
|
|
8758
8758
|
.px-1 {
|
|
8759
8759
|
padding-left: 4px;
|
|
8760
8760
|
padding-right: 4px;
|