bromcom-ui 2.3.57 → 2.3.58
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/dist/bromcom-ui/bromcom-ui.css +0 -0
- package/dist/bromcom-ui/bromcom-ui.esm.js +1 -1
- package/dist/bromcom-ui/index.esm.js +0 -0
- package/dist/bromcom-ui/{p-7b469915.entry.js → p-13d038f5.entry.js} +1 -1
- package/dist/bromcom-ui/p-1429a2b4.js +1 -0
- package/dist/bromcom-ui/{p-e02ea2a4.entry.js → p-20d03fa1.entry.js} +1 -1
- package/dist/bromcom-ui/p-37750343.entry.js +1 -0
- package/dist/bromcom-ui/{p-9bfd984c.entry.js → p-3f797656.entry.js} +1 -1
- package/dist/bromcom-ui/p-4a41ef80.entry.js +1 -0
- package/dist/bromcom-ui/p-53e9b679.entry.js +1 -0
- package/dist/bromcom-ui/p-8851e01e.entry.js +1 -0
- package/dist/bromcom-ui/p-9ffff762.entry.js +1 -0
- package/dist/bromcom-ui/p-af7e4741.entry.js +1 -0
- package/dist/bromcom-ui/{p-0d336381.entry.js → p-afb68492.entry.js} +1 -1
- package/dist/bromcom-ui/p-bbf99620.entry.js +1 -0
- package/dist/bromcom-ui/{p-b52eb625.entry.js → p-e21a8f2d.entry.js} +1 -1
- package/dist/bromcom-ui/p-e450ebda.entry.js +1 -0
- package/dist/bromcom-ui/p-f067821e.entry.js +1 -0
- package/dist/cjs/bcm-alert.cjs.entry.js +7 -26
- package/dist/cjs/{bcm-button_5.cjs.entry.js → bcm-button_11.cjs.entry.js} +1206 -2
- package/dist/cjs/{bcm-checkbox-lite_3.cjs.entry.js → bcm-checkbox-lite_4.cjs.entry.js} +64 -0
- package/dist/cjs/bcm-colorpicker.cjs.entry.js +1 -1
- package/dist/cjs/{bcm-datetime-picker_2.cjs.entry.js → bcm-datetime-picker.cjs.entry.js} +1 -135
- package/dist/cjs/bcm-list-select.cjs.entry.js +21 -6
- package/dist/cjs/bcm-list.cjs.entry.js +41 -4
- package/dist/cjs/{bcm-empty_6.cjs.entry.js → bcm-listbox_5.cjs.entry.js} +8 -75
- package/dist/cjs/bcm-popconfirm-box.cjs.entry.js +1 -1
- package/dist/cjs/bcm-popconfirm.cjs.entry.js +1 -1
- package/dist/cjs/bcm-popover-box.cjs.entry.js +1 -1
- package/dist/cjs/bcm-popover.cjs.entry.js +1 -1
- package/dist/cjs/bcm-radio-group.cjs.entry.js +1 -1
- package/dist/cjs/bcm-select.cjs.entry.js +1 -1
- package/dist/cjs/bromcom-ui.cjs.js +1 -1
- package/dist/cjs/loader.cjs.js +1 -1
- package/dist/cjs/types-37c8ced6.js +16 -0
- package/dist/collection/collection-manifest.json +1 -0
- package/dist/collection/components/atoms/label/label.css +70 -0
- package/dist/collection/components/atoms/label/label.js +203 -0
- package/dist/collection/components/molecules/checkbox/group.js +19 -6
- package/dist/collection/components/molecules/input/input.js +19 -6
- package/dist/collection/components/molecules/list/list-select.css +3 -7
- package/dist/collection/components/molecules/list/list-select.js +41 -12
- package/dist/collection/components/molecules/list/list.css +18 -0
- package/dist/collection/components/molecules/list/list.js +63 -11
- package/dist/collection/components/molecules/popconfirm/popconfirm-box.css +1 -0
- package/dist/collection/components/molecules/popconfirm/popconfirm.css +1 -0
- package/dist/collection/components/molecules/popover/popover-box.css +1 -0
- package/dist/collection/components/molecules/popover/popover.css +1 -0
- package/dist/collection/components/molecules/radio/group.js +19 -6
- package/dist/collection/components/molecules/select/select.js +19 -6
- package/dist/collection/components/molecules/switch/switch.css +0 -1
- package/dist/collection/components/molecules/switch/switch.js +20 -7
- package/dist/collection/components/molecules/textarea/textarea.js +19 -6
- package/dist/collection/components/molecules/tooltip/tooltip-box.css +1 -0
- package/dist/collection/components/molecules/tooltip/tooltip.css +1 -0
- package/dist/collection/components/organism/colorpicker/colorpicker.js +19 -6
- package/dist/collection/components/organism/listbox/listbox.js +26 -16
- package/dist/collection/helper/color-helper.js +33 -0
- package/dist/collection/helper/generate.js +47 -0
- package/dist/collection/helper/number-helper.js +10 -0
- package/dist/collection/helper/string-helper.js +21 -0
- package/dist/collection/helper/validators.js +21 -0
- package/dist/collection/models/bcm-types.js +1 -0
- package/dist/collection/models/bcm.js +451 -0
- package/dist/collection/templates/caption-template.js +22 -0
- package/dist/collection/templates/label-template.js +16 -0
- package/dist/collection/templates/slot-template.js +6 -0
- package/dist/esm/bcm-alert.entry.js +1 -20
- package/dist/esm/{bcm-button_5.entry.js → bcm-button_11.entry.js} +1202 -4
- package/dist/esm/{bcm-checkbox-lite_3.entry.js → bcm-checkbox-lite_4.entry.js} +65 -2
- package/dist/esm/bcm-colorpicker.entry.js +1 -1
- package/dist/esm/{bcm-datetime-picker_2.entry.js → bcm-datetime-picker.entry.js} +2 -135
- package/dist/esm/bcm-list-select.entry.js +21 -6
- package/dist/esm/bcm-list.entry.js +41 -4
- package/dist/esm/{bcm-empty_6.entry.js → bcm-listbox_5.entry.js} +10 -76
- package/dist/esm/bcm-popconfirm-box.entry.js +1 -1
- package/dist/esm/bcm-popconfirm.entry.js +1 -1
- package/dist/esm/bcm-popover-box.entry.js +1 -1
- package/dist/esm/bcm-popover.entry.js +1 -1
- package/dist/esm/bcm-radio-group.entry.js +1 -1
- package/dist/esm/bcm-select.entry.js +1 -1
- package/dist/esm/bromcom-ui.js +1 -1
- package/dist/esm/loader.js +1 -1
- package/dist/esm/polyfills/css-shim.js +0 -0
- package/dist/esm/types-911a8837.js +21 -0
- package/dist/types/assets/icons/index.d.ts +0 -0
- package/dist/types/assets/icons/index.example.d.ts +0 -0
- package/dist/types/components/atoms/avatar/avatar.d.ts +0 -0
- package/dist/types/components/atoms/badge/badge.d.ts +0 -0
- package/dist/types/components/atoms/button/button.d.ts +0 -0
- package/dist/types/components/atoms/divider/divider.d.ts +0 -0
- package/dist/types/components/atoms/icon/icon.d.ts +0 -0
- package/dist/types/components/atoms/icon/types.d.ts +0 -0
- package/dist/types/components/atoms/label/label.d.ts +16 -0
- package/dist/types/components/atoms/tag/tag.d.ts +0 -0
- package/dist/types/components/atoms/text/text.d.ts +0 -0
- package/dist/types/components/molecules/card/card-footer.d.ts +0 -0
- package/dist/types/components/molecules/card/card-header.d.ts +0 -0
- package/dist/types/components/molecules/card/card.d.ts +0 -0
- package/dist/types/components/molecules/checkbox/checkbox.d.ts +0 -0
- package/dist/types/components/molecules/checkbox/group.d.ts +1 -0
- package/dist/types/components/molecules/input/input.d.ts +1 -0
- package/dist/types/components/molecules/list/list-select.d.ts +6 -1
- package/dist/types/components/molecules/list/list.d.ts +1 -0
- package/dist/types/components/molecules/radio/group.d.ts +1 -0
- package/dist/types/components/molecules/radio/radio.d.ts +0 -0
- package/dist/types/components/molecules/select/group.d.ts +0 -0
- package/dist/types/components/molecules/select/option.d.ts +0 -0
- package/dist/types/components/molecules/select/select.d.ts +1 -0
- package/dist/types/components/molecules/switch/switch.d.ts +1 -0
- package/dist/types/components/molecules/textarea/textarea.d.ts +1 -0
- package/dist/types/components/organism/colorpicker/colorpicker.d.ts +1 -0
- package/dist/types/components/organism/listbox/listbox.d.ts +1 -0
- package/dist/types/components.d.ts +64 -3
- package/dist/types/global/variables/colors.d.ts +0 -0
- package/dist/types/helper/color-helper.d.ts +9 -0
- package/dist/types/helper/generate.d.ts +10 -0
- package/dist/types/helper/number-helper.d.ts +9 -0
- package/dist/types/helper/string-helper.d.ts +20 -0
- package/dist/types/helper/validators.d.ts +8 -0
- package/dist/types/index.d.ts +0 -0
- package/dist/types/models/bcm-types.d.ts +19 -0
- package/dist/types/models/bcm.d.ts +447 -0
- package/dist/types/stencil-public-runtime.d.ts +0 -0
- package/dist/types/templates/caption-template.d.ts +12 -0
- package/dist/types/templates/label-template.d.ts +12 -0
- package/dist/types/templates/slot-template.d.ts +8 -0
- package/dist/types/utils/utils.d.ts +0 -0
- package/loader/cdn.js +0 -0
- package/loader/index.cjs.js +0 -0
- package/loader/index.d.ts +0 -0
- package/loader/index.es2017.js +0 -0
- package/loader/index.js +0 -0
- package/loader/package.json +0 -0
- package/package.json +1 -1
- package/dist/bromcom-ui/p-013b6f5d.entry.js +0 -1
- package/dist/bromcom-ui/p-3a6625d7.entry.js +0 -1
- package/dist/bromcom-ui/p-3aef4844.entry.js +0 -1
- package/dist/bromcom-ui/p-5ff33d84.entry.js +0 -1
- package/dist/bromcom-ui/p-607bc9b3.entry.js +0 -1
- package/dist/bromcom-ui/p-6bd805f1.entry.js +0 -1
- package/dist/bromcom-ui/p-6ef403b0.entry.js +0 -1
- package/dist/bromcom-ui/p-865ccb94.entry.js +0 -1
- package/dist/bromcom-ui/p-9220ba9c.entry.js +0 -1
- package/dist/bromcom-ui/p-b81236b1.entry.js +0 -1
- package/dist/bromcom-ui/p-cdfd9ba0.entry.js +0 -1
- package/dist/bromcom-ui/p-cf6b0656.entry.js +0 -1
- package/dist/bromcom-ui/p-fc3e131c.entry.js +0 -1
- package/dist/cjs/bcm-checkbox-group.cjs.entry.js +0 -273
- package/dist/cjs/bcm-checkbox.cjs.entry.js +0 -143
- package/dist/cjs/bcm-switch.cjs.entry.js +0 -86
- package/dist/cjs/bcm-tooltip-box.cjs.entry.js +0 -36
- package/dist/esm/bcm-checkbox-group.entry.js +0 -269
- package/dist/esm/bcm-checkbox.entry.js +0 -139
- package/dist/esm/bcm-switch.entry.js +0 -82
- package/dist/esm/bcm-tooltip-box.entry.js +0 -32
|
@@ -0,0 +1,451 @@
|
|
|
1
|
+
export var Bcm;
|
|
2
|
+
(function (Bcm) {
|
|
3
|
+
let HtmlElementType;
|
|
4
|
+
(function (HtmlElementType) {
|
|
5
|
+
HtmlElementType["div"] = "div";
|
|
6
|
+
HtmlElementType["span"] = "span";
|
|
7
|
+
HtmlElementType["button"] = "button";
|
|
8
|
+
HtmlElementType["a"] = "a";
|
|
9
|
+
HtmlElementType["input"] = "input";
|
|
10
|
+
HtmlElementType["textarea"] = "textarea";
|
|
11
|
+
HtmlElementType["select"] = "select";
|
|
12
|
+
HtmlElementType["option"] = "option";
|
|
13
|
+
HtmlElementType["img"] = "img";
|
|
14
|
+
HtmlElementType["table"] = "table";
|
|
15
|
+
HtmlElementType["tr"] = "tr";
|
|
16
|
+
HtmlElementType["td"] = "td";
|
|
17
|
+
HtmlElementType["th"] = "th";
|
|
18
|
+
HtmlElementType["tbody"] = "tbody";
|
|
19
|
+
HtmlElementType["thead"] = "thead";
|
|
20
|
+
HtmlElementType["tfoot"] = "tfoot";
|
|
21
|
+
HtmlElementType["ul"] = "ul";
|
|
22
|
+
HtmlElementType["li"] = "li";
|
|
23
|
+
HtmlElementType["form"] = "form";
|
|
24
|
+
HtmlElementType["label"] = "label";
|
|
25
|
+
HtmlElementType["main"] = "main";
|
|
26
|
+
HtmlElementType["header"] = "header";
|
|
27
|
+
HtmlElementType["footer"] = "footer";
|
|
28
|
+
HtmlElementType["section"] = "section";
|
|
29
|
+
HtmlElementType["article"] = "article";
|
|
30
|
+
HtmlElementType["nav"] = "nav";
|
|
31
|
+
HtmlElementType["aside"] = "aside";
|
|
32
|
+
})(HtmlElementType = Bcm.HtmlElementType || (Bcm.HtmlElementType = {}));
|
|
33
|
+
let Status;
|
|
34
|
+
(function (Status) {
|
|
35
|
+
Status["info"] = "info";
|
|
36
|
+
Status["error"] = "error";
|
|
37
|
+
Status["warning"] = "warning";
|
|
38
|
+
Status["success"] = "success";
|
|
39
|
+
Status["default"] = "default";
|
|
40
|
+
})(Status = Bcm.Status || (Bcm.Status = {}));
|
|
41
|
+
let Shape;
|
|
42
|
+
(function (Shape) {
|
|
43
|
+
Shape["ellipse"] = "ellipse";
|
|
44
|
+
Shape["square"] = "square";
|
|
45
|
+
})(Shape = Bcm.Shape || (Bcm.Shape = {}));
|
|
46
|
+
let Direction;
|
|
47
|
+
(function (Direction) {
|
|
48
|
+
Direction["horizontal"] = "horizontal";
|
|
49
|
+
Direction["vertical"] = "vertical";
|
|
50
|
+
})(Direction = Bcm.Direction || (Bcm.Direction = {}));
|
|
51
|
+
let PreDefinedIconSize;
|
|
52
|
+
(function (PreDefinedIconSize) {
|
|
53
|
+
PreDefinedIconSize[PreDefinedIconSize["large"] = 48] = "large";
|
|
54
|
+
PreDefinedIconSize[PreDefinedIconSize["medium"] = 24] = "medium";
|
|
55
|
+
PreDefinedIconSize[PreDefinedIconSize["default"] = 16] = "default";
|
|
56
|
+
PreDefinedIconSize[PreDefinedIconSize["small"] = 12] = "small";
|
|
57
|
+
PreDefinedIconSize[PreDefinedIconSize["xsmall"] = 8] = "xsmall";
|
|
58
|
+
})(PreDefinedIconSize = Bcm.PreDefinedIconSize || (Bcm.PreDefinedIconSize = {}));
|
|
59
|
+
let IconSize;
|
|
60
|
+
(function (IconSize) {
|
|
61
|
+
IconSize["small"] = "16";
|
|
62
|
+
IconSize["medium"] = "20";
|
|
63
|
+
IconSize["large"] = "24";
|
|
64
|
+
})(IconSize = Bcm.IconSize || (Bcm.IconSize = {}));
|
|
65
|
+
let Size;
|
|
66
|
+
(function (Size) {
|
|
67
|
+
Size["small"] = "small";
|
|
68
|
+
Size["medium"] = "medium";
|
|
69
|
+
Size["large"] = "large";
|
|
70
|
+
Size["xsmall"] = "xsmall";
|
|
71
|
+
Size["xlarge"] = "xlarge";
|
|
72
|
+
Size["xxlarge"] = "xxlarge";
|
|
73
|
+
Size["xxxlarge"] = "xxxlarge";
|
|
74
|
+
})(Size = Bcm.Size || (Bcm.Size = {}));
|
|
75
|
+
let Kind;
|
|
76
|
+
(function (Kind) {
|
|
77
|
+
Kind["solid"] = "solid";
|
|
78
|
+
Kind["ghost"] = "ghost";
|
|
79
|
+
Kind["link"] = "link";
|
|
80
|
+
Kind["solid-link"] = "solid-link";
|
|
81
|
+
Kind["ghost-link"] = "ghost-link";
|
|
82
|
+
})(Kind = Bcm.Kind || (Bcm.Kind = {}));
|
|
83
|
+
let ButtonType;
|
|
84
|
+
(function (ButtonType) {
|
|
85
|
+
ButtonType["button"] = "button";
|
|
86
|
+
ButtonType["reset"] = "reset";
|
|
87
|
+
ButtonType["submit"] = "submit";
|
|
88
|
+
})(ButtonType = Bcm.ButtonType || (Bcm.ButtonType = {}));
|
|
89
|
+
let IconPosition;
|
|
90
|
+
(function (IconPosition) {
|
|
91
|
+
IconPosition["prefix"] = "prefix";
|
|
92
|
+
IconPosition["suffix"] = "suffix";
|
|
93
|
+
})(IconPosition = Bcm.IconPosition || (Bcm.IconPosition = {}));
|
|
94
|
+
let TagType;
|
|
95
|
+
(function (TagType) {
|
|
96
|
+
TagType["basic"] = "basic";
|
|
97
|
+
TagType["add"] = "add";
|
|
98
|
+
TagType["checkable"] = "checkable";
|
|
99
|
+
TagType["dissmisable"] = "dissmisable";
|
|
100
|
+
})(TagType = Bcm.TagType || (Bcm.TagType = {}));
|
|
101
|
+
let FontSize;
|
|
102
|
+
(function (FontSize) {
|
|
103
|
+
FontSize["size-1"] = "size-1";
|
|
104
|
+
FontSize["size-2"] = "size-2";
|
|
105
|
+
FontSize["size-3"] = "size-3";
|
|
106
|
+
FontSize["size-4"] = "size-4";
|
|
107
|
+
FontSize["size-5"] = "size-5";
|
|
108
|
+
FontSize["size-6"] = "size-6";
|
|
109
|
+
FontSize["size-7"] = "size-7";
|
|
110
|
+
FontSize["size-8"] = "size-8";
|
|
111
|
+
FontSize["size-9"] = "size-9";
|
|
112
|
+
})(FontSize = Bcm.FontSize || (Bcm.FontSize = {}));
|
|
113
|
+
let FontSizeValue;
|
|
114
|
+
(function (FontSizeValue) {
|
|
115
|
+
FontSizeValue[FontSizeValue["size-1"] = 12] = "size-1";
|
|
116
|
+
FontSizeValue[FontSizeValue["size-2"] = 14] = "size-2";
|
|
117
|
+
FontSizeValue[FontSizeValue["size-3"] = 16] = "size-3";
|
|
118
|
+
FontSizeValue[FontSizeValue["size-4"] = 20] = "size-4";
|
|
119
|
+
FontSizeValue[FontSizeValue["size-5"] = 24] = "size-5";
|
|
120
|
+
FontSizeValue[FontSizeValue["size-6"] = 30] = "size-6";
|
|
121
|
+
FontSizeValue[FontSizeValue["size-7"] = 38] = "size-7";
|
|
122
|
+
FontSizeValue[FontSizeValue["size-8"] = 46] = "size-8";
|
|
123
|
+
FontSizeValue[FontSizeValue["size-9"] = 56] = "size-9";
|
|
124
|
+
})(FontSizeValue = Bcm.FontSizeValue || (Bcm.FontSizeValue = {}));
|
|
125
|
+
let FontWeight;
|
|
126
|
+
(function (FontWeight) {
|
|
127
|
+
FontWeight["thin"] = "thin";
|
|
128
|
+
FontWeight["light"] = "light";
|
|
129
|
+
FontWeight["regular"] = "regular";
|
|
130
|
+
FontWeight["medium"] = "medium";
|
|
131
|
+
FontWeight["bold"] = "bold";
|
|
132
|
+
FontWeight["black"] = "black";
|
|
133
|
+
})(FontWeight = Bcm.FontWeight || (Bcm.FontWeight = {}));
|
|
134
|
+
let ColorPalette;
|
|
135
|
+
(function (ColorPalette) {
|
|
136
|
+
ColorPalette["default"] = "default";
|
|
137
|
+
ColorPalette["black"] = "black";
|
|
138
|
+
ColorPalette["white"] = "white";
|
|
139
|
+
ColorPalette["prime-blue"] = "prime-blue";
|
|
140
|
+
ColorPalette["prime-blue-1"] = "prime-blue-1";
|
|
141
|
+
ColorPalette["prime-blue-2"] = "prime-blue-2";
|
|
142
|
+
ColorPalette["prime-blue-3"] = "prime-blue-3";
|
|
143
|
+
ColorPalette["prime-blue-4"] = "prime-blue-4";
|
|
144
|
+
ColorPalette["prime-blue-5"] = "prime-blue-5";
|
|
145
|
+
ColorPalette["prime-blue-6"] = "prime-blue-6";
|
|
146
|
+
ColorPalette["prime-blue-7"] = "prime-blue-7";
|
|
147
|
+
ColorPalette["prime-blue-8"] = "prime-blue-8";
|
|
148
|
+
ColorPalette["prime-blue-9"] = "prime-blue-9";
|
|
149
|
+
ColorPalette["prime-blue-10"] = "prime-blue-10";
|
|
150
|
+
ColorPalette["grey"] = "grey";
|
|
151
|
+
ColorPalette["grey-1"] = "grey-1";
|
|
152
|
+
ColorPalette["grey-2"] = "grey-2";
|
|
153
|
+
ColorPalette["grey-3"] = "grey-3";
|
|
154
|
+
ColorPalette["grey-4"] = "grey-4";
|
|
155
|
+
ColorPalette["grey-5"] = "grey-5";
|
|
156
|
+
ColorPalette["grey-6"] = "grey-6";
|
|
157
|
+
ColorPalette["grey-7"] = "grey-7";
|
|
158
|
+
ColorPalette["grey-8"] = "grey-8";
|
|
159
|
+
ColorPalette["grey-9"] = "grey-9";
|
|
160
|
+
ColorPalette["grey-10"] = "grey-10";
|
|
161
|
+
ColorPalette["blue"] = "blue";
|
|
162
|
+
ColorPalette["blue-1"] = "blue-1";
|
|
163
|
+
ColorPalette["blue-2"] = "blue-2";
|
|
164
|
+
ColorPalette["blue-3"] = "blue-3";
|
|
165
|
+
ColorPalette["blue-4"] = "blue-4";
|
|
166
|
+
ColorPalette["blue-5"] = "blue-5";
|
|
167
|
+
ColorPalette["blue-6"] = "blue-6";
|
|
168
|
+
ColorPalette["blue-7"] = "blue-7";
|
|
169
|
+
ColorPalette["blue-8"] = "blue-8";
|
|
170
|
+
ColorPalette["blue-9"] = "blue-9";
|
|
171
|
+
ColorPalette["blue-10"] = "blue-10";
|
|
172
|
+
ColorPalette["warmyellow"] = "warmyellow";
|
|
173
|
+
ColorPalette["warmyellow-1"] = "warmyellow-1";
|
|
174
|
+
ColorPalette["warmyellow-2"] = "warmyellow-2";
|
|
175
|
+
ColorPalette["warmyellow-3"] = "warmyellow-3";
|
|
176
|
+
ColorPalette["warmyellow-4"] = "warmyellow-4";
|
|
177
|
+
ColorPalette["warmyellow-5"] = "warmyellow-5";
|
|
178
|
+
ColorPalette["warmyellow-6"] = "warmyellow-6";
|
|
179
|
+
ColorPalette["warmyellow-7"] = "warmyellow-7";
|
|
180
|
+
ColorPalette["warmyellow-8"] = "warmyellow-8";
|
|
181
|
+
ColorPalette["warmyellow-9"] = "warmyellow-9";
|
|
182
|
+
ColorPalette["warmyellow-10"] = "warmyellow-10";
|
|
183
|
+
ColorPalette["yellow"] = "yellow";
|
|
184
|
+
ColorPalette["yellow-1"] = "yellow-1";
|
|
185
|
+
ColorPalette["yellow-2"] = "yellow-2";
|
|
186
|
+
ColorPalette["yellow-3"] = "yellow-3";
|
|
187
|
+
ColorPalette["yellow-4"] = "yellow-4";
|
|
188
|
+
ColorPalette["yellow-5"] = "yellow-5";
|
|
189
|
+
ColorPalette["yellow-6"] = "yellow-6";
|
|
190
|
+
ColorPalette["yellow-7"] = "yellow-7";
|
|
191
|
+
ColorPalette["yellow-8"] = "yellow-8";
|
|
192
|
+
ColorPalette["yellow-9"] = "yellow-9";
|
|
193
|
+
ColorPalette["yellow-10"] = "yellow-10";
|
|
194
|
+
ColorPalette["limegreen"] = "limegreen";
|
|
195
|
+
ColorPalette["limegreen-1"] = "limegreen-1";
|
|
196
|
+
ColorPalette["limegreen-2"] = "limegreen-2";
|
|
197
|
+
ColorPalette["limegreen-3"] = "limegreen-3";
|
|
198
|
+
ColorPalette["limegreen-4"] = "limegreen-4";
|
|
199
|
+
ColorPalette["limegreen-5"] = "limegreen-5";
|
|
200
|
+
ColorPalette["limegreen-6"] = "limegreen-6";
|
|
201
|
+
ColorPalette["limegreen-7"] = "limegreen-7";
|
|
202
|
+
ColorPalette["limegreen-8"] = "limegreen-8";
|
|
203
|
+
ColorPalette["limegreen-9"] = "limegreen-9";
|
|
204
|
+
ColorPalette["limegreen-10"] = "limegreen-10";
|
|
205
|
+
ColorPalette["red"] = "red";
|
|
206
|
+
ColorPalette["red-1"] = "red-1";
|
|
207
|
+
ColorPalette["red-2"] = "red-2";
|
|
208
|
+
ColorPalette["red-3"] = "red-3";
|
|
209
|
+
ColorPalette["red-4"] = "red-4";
|
|
210
|
+
ColorPalette["red-5"] = "red-5";
|
|
211
|
+
ColorPalette["red-6"] = "red-6";
|
|
212
|
+
ColorPalette["red-7"] = "red-7";
|
|
213
|
+
ColorPalette["red-8"] = "red-8";
|
|
214
|
+
ColorPalette["red-9"] = "red-9";
|
|
215
|
+
ColorPalette["red-10"] = "red-10";
|
|
216
|
+
ColorPalette["darkorange"] = "darkorange";
|
|
217
|
+
ColorPalette["darkorange-1"] = "darkorange-1";
|
|
218
|
+
ColorPalette["darkorange-2"] = "darkorange-2";
|
|
219
|
+
ColorPalette["darkorange-3"] = "darkorange-3";
|
|
220
|
+
ColorPalette["darkorange-4"] = "darkorange-4";
|
|
221
|
+
ColorPalette["darkorange-5"] = "darkorange-5";
|
|
222
|
+
ColorPalette["darkorange-6"] = "darkorange-6";
|
|
223
|
+
ColorPalette["darkorange-7"] = "darkorange-7";
|
|
224
|
+
ColorPalette["darkorange-8"] = "darkorange-8";
|
|
225
|
+
ColorPalette["darkorange-9"] = "darkorange-9";
|
|
226
|
+
ColorPalette["darkorange-10"] = "darkorange-10";
|
|
227
|
+
ColorPalette["orange"] = "orange";
|
|
228
|
+
ColorPalette["orange-1"] = "orange-1";
|
|
229
|
+
ColorPalette["orange-2"] = "orange-2";
|
|
230
|
+
ColorPalette["orange-3"] = "orange-3";
|
|
231
|
+
ColorPalette["orange-4"] = "orange-4";
|
|
232
|
+
ColorPalette["orange-5"] = "orange-5";
|
|
233
|
+
ColorPalette["orange-6"] = "orange-6";
|
|
234
|
+
ColorPalette["orange-7"] = "orange-7";
|
|
235
|
+
ColorPalette["orange-8"] = "orange-8";
|
|
236
|
+
ColorPalette["orange-9"] = "orange-9";
|
|
237
|
+
ColorPalette["orange-10"] = "orange-10";
|
|
238
|
+
ColorPalette["green"] = "green";
|
|
239
|
+
ColorPalette["green-1"] = "green-1";
|
|
240
|
+
ColorPalette["green-2"] = "green-2";
|
|
241
|
+
ColorPalette["green-3"] = "green-3";
|
|
242
|
+
ColorPalette["green-4"] = "green-4";
|
|
243
|
+
ColorPalette["green-5"] = "green-5";
|
|
244
|
+
ColorPalette["green-6"] = "green-6";
|
|
245
|
+
ColorPalette["green-7"] = "green-7";
|
|
246
|
+
ColorPalette["green-8"] = "green-8";
|
|
247
|
+
ColorPalette["green-9"] = "green-9";
|
|
248
|
+
ColorPalette["green-10"] = "green-10";
|
|
249
|
+
ColorPalette["turquosie"] = "turquosie";
|
|
250
|
+
ColorPalette["turquosie-1"] = "turquosie-1";
|
|
251
|
+
ColorPalette["turquosie-2"] = "turquosie-2";
|
|
252
|
+
ColorPalette["turquosie-3"] = "turquosie-3";
|
|
253
|
+
ColorPalette["turquosie-4"] = "turquosie-4";
|
|
254
|
+
ColorPalette["turquosie-5"] = "turquosie-5";
|
|
255
|
+
ColorPalette["turquosie-6"] = "turquosie-6";
|
|
256
|
+
ColorPalette["turquosie-7"] = "turquosie-7";
|
|
257
|
+
ColorPalette["turquosie-8"] = "turquosie-8";
|
|
258
|
+
ColorPalette["turquosie-9"] = "turquosie-9";
|
|
259
|
+
ColorPalette["turquosie-10"] = "turquosie-10";
|
|
260
|
+
ColorPalette["cobaltblue"] = "cobaltblue";
|
|
261
|
+
ColorPalette["cobaltblue-1"] = "cobaltblue-1";
|
|
262
|
+
ColorPalette["cobaltblue-2"] = "cobaltblue-2";
|
|
263
|
+
ColorPalette["cobaltblue-3"] = "cobaltblue-3";
|
|
264
|
+
ColorPalette["cobaltblue-4"] = "cobaltblue-4";
|
|
265
|
+
ColorPalette["cobaltblue-5"] = "cobaltblue-5";
|
|
266
|
+
ColorPalette["cobaltblue-6"] = "cobaltblue-6";
|
|
267
|
+
ColorPalette["cobaltblue-7"] = "cobaltblue-7";
|
|
268
|
+
ColorPalette["cobaltblue-8"] = "cobaltblue-8";
|
|
269
|
+
ColorPalette["cobaltblue-9"] = "cobaltblue-9";
|
|
270
|
+
ColorPalette["cobaltblue-10"] = "cobaltblue-10";
|
|
271
|
+
ColorPalette["magenta"] = "magenta";
|
|
272
|
+
ColorPalette["magenta-1"] = "magenta-1";
|
|
273
|
+
ColorPalette["magenta-2"] = "magenta-2";
|
|
274
|
+
ColorPalette["magenta-3"] = "magenta-3";
|
|
275
|
+
ColorPalette["magenta-4"] = "magenta-4";
|
|
276
|
+
ColorPalette["magenta-5"] = "magenta-5";
|
|
277
|
+
ColorPalette["magenta-6"] = "magenta-6";
|
|
278
|
+
ColorPalette["magenta-7"] = "magenta-7";
|
|
279
|
+
ColorPalette["magenta-8"] = "magenta-8";
|
|
280
|
+
ColorPalette["magenta-9"] = "magenta-9";
|
|
281
|
+
ColorPalette["magenta-10"] = "magenta-10";
|
|
282
|
+
ColorPalette["purple"] = "purple";
|
|
283
|
+
ColorPalette["purple-1"] = "purple-1";
|
|
284
|
+
ColorPalette["purple-2"] = "purple-2";
|
|
285
|
+
ColorPalette["purple-3"] = "purple-3";
|
|
286
|
+
ColorPalette["purple-4"] = "purple-4";
|
|
287
|
+
ColorPalette["purple-5"] = "purple-5";
|
|
288
|
+
ColorPalette["purple-6"] = "purple-6";
|
|
289
|
+
ColorPalette["purple-7"] = "purple-7";
|
|
290
|
+
ColorPalette["purple-8"] = "purple-8";
|
|
291
|
+
ColorPalette["purple-9"] = "purple-9";
|
|
292
|
+
ColorPalette["purple-10"] = "purple-10";
|
|
293
|
+
ColorPalette["bc-red"] = "bc-red";
|
|
294
|
+
ColorPalette["bc-red-1"] = "bc-red-1";
|
|
295
|
+
ColorPalette["bc-red-2"] = "bc-red-2";
|
|
296
|
+
ColorPalette["bc-red-3"] = "bc-red-3";
|
|
297
|
+
ColorPalette["bc-red-4"] = "bc-red-4";
|
|
298
|
+
ColorPalette["bc-red-5"] = "bc-red-5";
|
|
299
|
+
ColorPalette["bc-red-6"] = "bc-red-6";
|
|
300
|
+
ColorPalette["bc-red-7"] = "bc-red-7";
|
|
301
|
+
ColorPalette["bc-red-8"] = "bc-red-8";
|
|
302
|
+
ColorPalette["bc-red-9"] = "bc-red-9";
|
|
303
|
+
ColorPalette["bc-blue"] = "bc-blue";
|
|
304
|
+
ColorPalette["bc-blue-1"] = "bc-blue-1";
|
|
305
|
+
ColorPalette["bc-blue-2"] = "bc-blue-2";
|
|
306
|
+
ColorPalette["bc-blue-3"] = "bc-blue-3";
|
|
307
|
+
ColorPalette["bc-blue-4"] = "bc-blue-4";
|
|
308
|
+
ColorPalette["bc-blue-5"] = "bc-blue-5";
|
|
309
|
+
ColorPalette["bc-blue-6"] = "bc-blue-6";
|
|
310
|
+
ColorPalette["bc-blue-7"] = "bc-blue-7";
|
|
311
|
+
ColorPalette["bc-blue-8"] = "bc-blue-8";
|
|
312
|
+
ColorPalette["bc-blue-9"] = "bc-blue-9";
|
|
313
|
+
ColorPalette["bc-green"] = "bc-green";
|
|
314
|
+
ColorPalette["bc-green-1"] = "bc-green-1";
|
|
315
|
+
ColorPalette["bc-green-2"] = "bc-green-2";
|
|
316
|
+
ColorPalette["bc-green-3"] = "bc-green-3";
|
|
317
|
+
ColorPalette["bc-green-4"] = "bc-green-4";
|
|
318
|
+
ColorPalette["bc-green-5"] = "bc-green-5";
|
|
319
|
+
ColorPalette["bc-green-6"] = "bc-green-6";
|
|
320
|
+
ColorPalette["bc-green-7"] = "bc-green-7";
|
|
321
|
+
ColorPalette["bc-green-8"] = "bc-green-8";
|
|
322
|
+
ColorPalette["bc-green-9"] = "bc-green-9";
|
|
323
|
+
ColorPalette["bc-orange"] = "bc-orange";
|
|
324
|
+
ColorPalette["bc-orange-1"] = "bc-orange-1";
|
|
325
|
+
ColorPalette["bc-orange-2"] = "bc-orange-2";
|
|
326
|
+
ColorPalette["bc-orange-3"] = "bc-orange-3";
|
|
327
|
+
ColorPalette["bc-orange-4"] = "bc-orange-4";
|
|
328
|
+
ColorPalette["bc-orange-5"] = "bc-orange-5";
|
|
329
|
+
ColorPalette["bc-orange-6"] = "bc-orange-6";
|
|
330
|
+
ColorPalette["bc-orange-7"] = "bc-orange-7";
|
|
331
|
+
ColorPalette["bc-orange-8"] = "bc-orange-8";
|
|
332
|
+
ColorPalette["bc-orange-9"] = "bc-orange-9";
|
|
333
|
+
})(ColorPalette = Bcm.ColorPalette || (Bcm.ColorPalette = {}));
|
|
334
|
+
let InputType;
|
|
335
|
+
(function (InputType) {
|
|
336
|
+
InputType["text"] = "text";
|
|
337
|
+
InputType["number"] = "number";
|
|
338
|
+
InputType["email"] = "email";
|
|
339
|
+
InputType["password"] = "password";
|
|
340
|
+
InputType["url"] = "url";
|
|
341
|
+
InputType["search"] = "search";
|
|
342
|
+
InputType["tel"] = "tel";
|
|
343
|
+
InputType["hidden"] = "hidden";
|
|
344
|
+
})(InputType = Bcm.InputType || (Bcm.InputType = {}));
|
|
345
|
+
let KeyCode;
|
|
346
|
+
(function (KeyCode) {
|
|
347
|
+
KeyCode[KeyCode["backspace"] = 8] = "backspace";
|
|
348
|
+
KeyCode[KeyCode["tab"] = 9] = "tab";
|
|
349
|
+
KeyCode[KeyCode["enter"] = 13] = "enter";
|
|
350
|
+
KeyCode[KeyCode["shift"] = 16] = "shift";
|
|
351
|
+
KeyCode[KeyCode["ctrl"] = 17] = "ctrl";
|
|
352
|
+
KeyCode[KeyCode["alt"] = 18] = "alt";
|
|
353
|
+
KeyCode[KeyCode["pause"] = 19] = "pause";
|
|
354
|
+
KeyCode[KeyCode["capslock"] = 20] = "capslock";
|
|
355
|
+
KeyCode[KeyCode["escape"] = 27] = "escape";
|
|
356
|
+
KeyCode[KeyCode["space"] = 32] = "space";
|
|
357
|
+
KeyCode[KeyCode["pageup"] = 33] = "pageup";
|
|
358
|
+
KeyCode[KeyCode["pagedown"] = 34] = "pagedown";
|
|
359
|
+
KeyCode[KeyCode["end"] = 35] = "end";
|
|
360
|
+
KeyCode[KeyCode["home"] = 36] = "home";
|
|
361
|
+
KeyCode[KeyCode["left"] = 37] = "left";
|
|
362
|
+
KeyCode[KeyCode["up"] = 38] = "up";
|
|
363
|
+
KeyCode[KeyCode["right"] = 39] = "right";
|
|
364
|
+
KeyCode[KeyCode["down"] = 40] = "down";
|
|
365
|
+
KeyCode[KeyCode["insert"] = 45] = "insert";
|
|
366
|
+
KeyCode[KeyCode["delete"] = 46] = "delete";
|
|
367
|
+
KeyCode[KeyCode["f1"] = 112] = "f1";
|
|
368
|
+
KeyCode[KeyCode["f2"] = 113] = "f2";
|
|
369
|
+
KeyCode[KeyCode["f3"] = 114] = "f3";
|
|
370
|
+
KeyCode[KeyCode["f4"] = 115] = "f4";
|
|
371
|
+
KeyCode[KeyCode["f5"] = 116] = "f5";
|
|
372
|
+
KeyCode[KeyCode["f6"] = 117] = "f6";
|
|
373
|
+
KeyCode[KeyCode["f7"] = 118] = "f7";
|
|
374
|
+
KeyCode[KeyCode["f8"] = 119] = "f8";
|
|
375
|
+
KeyCode[KeyCode["f9"] = 120] = "f9";
|
|
376
|
+
KeyCode[KeyCode["f10"] = 121] = "f10";
|
|
377
|
+
KeyCode[KeyCode["f11"] = 122] = "f11";
|
|
378
|
+
KeyCode[KeyCode["f12"] = 123] = "f12";
|
|
379
|
+
KeyCode[KeyCode["numlock"] = 144] = "numlock";
|
|
380
|
+
KeyCode[KeyCode["scrolllock"] = 145] = "scrolllock";
|
|
381
|
+
KeyCode[KeyCode["semicolon"] = 186] = "semicolon";
|
|
382
|
+
KeyCode[KeyCode["equal"] = 187] = "equal";
|
|
383
|
+
KeyCode[KeyCode["comma"] = 188] = "comma";
|
|
384
|
+
KeyCode[KeyCode["dash"] = 189] = "dash";
|
|
385
|
+
KeyCode[KeyCode["period"] = 190] = "period";
|
|
386
|
+
KeyCode[KeyCode["slash"] = 191] = "slash";
|
|
387
|
+
KeyCode[KeyCode["backslash"] = 220] = "backslash";
|
|
388
|
+
KeyCode[KeyCode["bracketleft"] = 219] = "bracketleft";
|
|
389
|
+
KeyCode[KeyCode["bracketright"] = 221] = "bracketright";
|
|
390
|
+
KeyCode[KeyCode["quote"] = 222] = "quote";
|
|
391
|
+
KeyCode[KeyCode["backtick"] = 192] = "backtick";
|
|
392
|
+
KeyCode[KeyCode["a"] = 65] = "a";
|
|
393
|
+
})(KeyCode = Bcm.KeyCode || (Bcm.KeyCode = {}));
|
|
394
|
+
Bcm.FormErrorMessages = {
|
|
395
|
+
'email': 'Please enter a valid email address',
|
|
396
|
+
'password': 'Please enter a valid password',
|
|
397
|
+
'url': 'Please enter a valid URL',
|
|
398
|
+
'phone': 'Please enter a valid phone number',
|
|
399
|
+
'search': 'Please enter a valid search term',
|
|
400
|
+
'number': 'Please enter a valid number',
|
|
401
|
+
'text': 'Please enter a valid text',
|
|
402
|
+
'required': 'This field is required',
|
|
403
|
+
'minlength': 'This field must be at least {0} characters long',
|
|
404
|
+
'maxlength': 'This field must be at most {0} characters long',
|
|
405
|
+
'min': 'This field must be at least {0}',
|
|
406
|
+
'max': 'This field must be at most {0}',
|
|
407
|
+
'between': 'This field must be between {0} and {1}',
|
|
408
|
+
'pattern': 'This field is invalid',
|
|
409
|
+
'date': 'Please enter a valid date',
|
|
410
|
+
'time': 'Please enter a valid time',
|
|
411
|
+
'datetime': 'Please enter a valid date and time',
|
|
412
|
+
'datetime-local': 'Please enter a valid date and time',
|
|
413
|
+
'month': 'Please enter a valid month',
|
|
414
|
+
'week': 'Please enter a valid week',
|
|
415
|
+
'color': 'Please enter a valid color',
|
|
416
|
+
'file': 'Please enter a valid file',
|
|
417
|
+
'range': 'Please enter a valid range',
|
|
418
|
+
'radio': 'Please select a valid option',
|
|
419
|
+
'checkbox': 'Please select a valid option',
|
|
420
|
+
'select': 'Please select a valid option',
|
|
421
|
+
'multiple': 'Please select a valid option',
|
|
422
|
+
};
|
|
423
|
+
let IndeterminateType;
|
|
424
|
+
(function (IndeterminateType) {
|
|
425
|
+
IndeterminateType["uncheck"] = "uncheck";
|
|
426
|
+
IndeterminateType["indeterminate"] = "indeterminate";
|
|
427
|
+
IndeterminateType["determinate"] = "determinate"; // true
|
|
428
|
+
})(IndeterminateType = Bcm.IndeterminateType || (Bcm.IndeterminateType = {}));
|
|
429
|
+
let Placement;
|
|
430
|
+
(function (Placement) {
|
|
431
|
+
Placement["top"] = "top";
|
|
432
|
+
Placement["top-start"] = "top-start";
|
|
433
|
+
Placement["top-end"] = "top-end";
|
|
434
|
+
Placement["bottom"] = "bottom";
|
|
435
|
+
Placement["bottom-start"] = "bottom-start";
|
|
436
|
+
Placement["bottom-end"] = "bottom-end";
|
|
437
|
+
Placement["left"] = "left";
|
|
438
|
+
Placement["left-start"] = "left-start";
|
|
439
|
+
Placement["left-end"] = "left-end";
|
|
440
|
+
Placement["right"] = "right";
|
|
441
|
+
Placement["right-start"] = "right-start";
|
|
442
|
+
Placement["right-end"] = "right-end";
|
|
443
|
+
})(Placement = Bcm.Placement || (Bcm.Placement = {}));
|
|
444
|
+
let TriggerType;
|
|
445
|
+
(function (TriggerType) {
|
|
446
|
+
TriggerType["hover"] = "hover";
|
|
447
|
+
TriggerType["click"] = "click";
|
|
448
|
+
TriggerType["focus"] = "focus";
|
|
449
|
+
})(TriggerType = Bcm.TriggerType || (Bcm.TriggerType = {}));
|
|
450
|
+
})(Bcm || (Bcm = {}));
|
|
451
|
+
export default Bcm;
|
|
@@ -0,0 +1,22 @@
|
|
|
1
|
+
import { h } from '@stencil/core';
|
|
2
|
+
export const CaptionTemplate = ({ noCaption, captionType, captionClasses, caption, captionError,
|
|
3
|
+
//textarea props
|
|
4
|
+
maxLength, value }) => {
|
|
5
|
+
const classes = `size-1 bcm-caption-area__text`;
|
|
6
|
+
const captionTextClass = `${classes} ${captionType} ${captionClasses}`;
|
|
7
|
+
const countClasses = `${classes} default ${captionClasses}`;
|
|
8
|
+
return ((noCaption == false || maxLength) && (h("div", { class: "bcm-caption-area" },
|
|
9
|
+
h("span", { class: captionTextClass }, captionType == "error"
|
|
10
|
+
? h("span", null,
|
|
11
|
+
" ",
|
|
12
|
+
captionError,
|
|
13
|
+
" ")
|
|
14
|
+
: caption && h("span", null,
|
|
15
|
+
" ",
|
|
16
|
+
caption,
|
|
17
|
+
" ")),
|
|
18
|
+
maxLength && h("span", { class: countClasses },
|
|
19
|
+
" ",
|
|
20
|
+
`${value === null || value === void 0 ? void 0 : value.length}/${maxLength}`,
|
|
21
|
+
" "))));
|
|
22
|
+
};
|
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
import { h } from '@stencil/core';
|
|
2
|
+
import cs from 'classnames';
|
|
3
|
+
import Bcm from '../models/bcm';
|
|
4
|
+
import { SlotTemplate } from './slot-template';
|
|
5
|
+
export const LabelTemplate = ({ required, value, size, form, htmlFor, type }) => {
|
|
6
|
+
size = size || Bcm.FontSize['size-1'];
|
|
7
|
+
type = type || Bcm.Status.default;
|
|
8
|
+
const labelClasses = cs('bcm-label__text', size, {
|
|
9
|
+
'bcm-label__text-error': type === Bcm.Status.error,
|
|
10
|
+
});
|
|
11
|
+
return (h("label", { form: form, htmlFor: htmlFor, class: labelClasses },
|
|
12
|
+
" ",
|
|
13
|
+
h(SlotTemplate, { value: value }),
|
|
14
|
+
" ",
|
|
15
|
+
required && ('*')));
|
|
16
|
+
};
|
|
@@ -0,0 +1,6 @@
|
|
|
1
|
+
import { h } from '@stencil/core';
|
|
2
|
+
import { StringHelper } from '../helper/string-helper';
|
|
3
|
+
export const SlotTemplate = ({ value, className, name }) => {
|
|
4
|
+
return StringHelper.isNullOrEmpty(value) ? h("span", { class: className },
|
|
5
|
+
h("slot", Object.assign({}, (name && { name: name })))) : h("span", { class: className }, value);
|
|
6
|
+
};
|
|
@@ -1,25 +1,6 @@
|
|
|
1
1
|
import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-8fe7aea4.js';
|
|
2
2
|
import { c as classnames } from './index-e58a2d48.js';
|
|
3
|
-
|
|
4
|
-
/**
|
|
5
|
-
* 'status' prop predefined values
|
|
6
|
-
*/
|
|
7
|
-
var StatusProps;
|
|
8
|
-
(function (StatusProps) {
|
|
9
|
-
StatusProps["info"] = "info";
|
|
10
|
-
StatusProps["error"] = "error";
|
|
11
|
-
StatusProps["warning"] = "warning";
|
|
12
|
-
StatusProps["success"] = "success";
|
|
13
|
-
StatusProps["default"] = "default";
|
|
14
|
-
})(StatusProps || (StatusProps = {}));
|
|
15
|
-
/**
|
|
16
|
-
* 'type' prop predefined values
|
|
17
|
-
*/
|
|
18
|
-
var TypeProps;
|
|
19
|
-
(function (TypeProps) {
|
|
20
|
-
TypeProps["banner"] = "banner";
|
|
21
|
-
TypeProps["basic"] = "basic";
|
|
22
|
-
})(TypeProps || (TypeProps = {}));
|
|
3
|
+
import { S as StatusProps, T as TypeProps } from './types-911a8837.js';
|
|
23
4
|
|
|
24
5
|
const alertCss = "@import url(\"https://fonts.googleapis.com/css?family=Roboto:400,500\");.size-1{font-size:12px;line-height:20px}.size-2{font-size:14px;line-height:22px}.size-3{font-size:16px;line-height:24px}.size-4{font-size:20px;line-height:28px}.size-5{font-size:24px;line-height:32px}.size-6{font-size:30px;line-height:38px}.size-7{font-size:38px;line-height:46px}.size-8{font-size:46px;line-height:54px}.size-9{font-size:56px;line-height:64px}.weight-regular{font-weight:400}.weight-semibold{font-weight:500}:host{display:block}:host(.hidden){display:none}.alert{display:flex;width:100%;box-sizing:border-box;padding:8px 16px;box-shadow:0px 2px 4px rgba(0, 0, 0, 0.15);border-radius:2px}.alert:not(.full-width){max-width:400px}.alert.has-slot{padding-top:16px;padding-bottom:16px}.alert.has-slot .title{font-size:16px}.alert.info{background-color:var(--bcm-color-blue-1);border:1px solid var(--bcm-color-blue-3)}.alert.error{background-color:var(--bcm-color-red-1);border:1px solid var(--bcm-color-red-3)}.alert.warning{background-color:var(--bcm-color-warmyellow-1);border:1px solid var(--bcm-color-warmyellow-3)}.alert.success{background-color:var(--bcm-color-green-1);border:1px solid var(--bcm-color-green-3)}.alert.banner{border:none}.text-content{width:100%}.title{position:relative;display:flex;align-items:center;padding-right:24px;padding-top:4px;padding-bottom:4px;font-size:14px;color:var(--bcm-color-grey-8)}.title .dismiss{position:absolute;right:0;top:5px;cursor:pointer}.title bcm-icon{margin-right:9px}p{margin-top:8px;margin-bottom:0;font-size:14px;line-height:22px;color:var(--bcm-color-grey-8)}p:not(.visible){display:none}p.hidden{display:none}.icon-content{padding-top:2px;padding-right:16px}";
|
|
25
6
|
|