@wavemaker/foundation-css 11.15.4-rc.647493 → 11.15.5-1.647717
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/cjs/foundation-css.cjs +63 -98
- package/cjs/src_tokens_mobile_components_dropdown-menu_dropdown-menu_json.foundation-css.cjs +1 -1
- package/cjs/src_tokens_mobile_components_form-controls_form-controls_json.foundation-css.cjs +1 -1
- package/cjs/src_tokens_mobile_components_form-wrapper_form-wrapper_json.foundation-css.cjs +1 -1
- package/cjs/src_tokens_mobile_components_progress-circle_progress-circle_json.foundation-css.cjs +1 -1
- package/cjs/src_tokens_mobile_components_select_select_json.foundation-css.cjs +1 -1
- package/cjs/src_tokens_mobile_components_slider_slider_json.foundation-css.cjs +1 -1
- package/npm-shrinkwrap.json +342 -366
- package/package-lock.json +342 -366
- package/package.json +1 -1
- package/src/styles/mobile/components/basic/progress-circle.less +4 -2
- package/src/styles/mobile/components/data/form.less +3 -0
- package/src/styles/mobile/components/input/select.less +31 -0
- package/src/styles/mobile/components/input/slider.less +11 -3
- package/src/styles/mobile/components/navigation/menu.less +15 -0
- package/src/styles/mobile/components/tokens.light.css +32 -2
- package/src/styles/mobile/components/variables/form-controls.variant.less +84 -0
- package/src/styles/mobile/components/variables/select.variant.less +8 -0
- package/src/styles/mobile/components/variables/slider.variant.less +18 -0
- package/src/styles/mobile/studio/data/form.less +6 -0
- package/src/styles/mobile/studio/input/form.less +30 -0
- package/src/styles/mobile/studio/input/select.less +16 -2
- package/src/styles/mobile/studio/input/slider.less +97 -2
- package/src/tokens/mobile/components/dropdown-menu/dropdown-menu.json +66 -0
- package/src/tokens/mobile/components/form-controls/form-controls.json +341 -1
- package/src/tokens/mobile/components/form-wrapper/form-wrapper.json +8 -0
- package/src/tokens/mobile/components/progress-circle/progress-circle.json +16 -14
- package/src/tokens/mobile/components/select/select.json +225 -51
- package/src/tokens/mobile/components/slider/slider.json +172 -0
package/cjs/foundation-css.cjs
CHANGED
|
@@ -670,7 +670,7 @@ const componentsList = {
|
|
|
670
670
|
\********************************************************************************/
|
|
671
671
|
(module, __unused_webpack_exports, __webpack_require__) {
|
|
672
672
|
|
|
673
|
-
|
|
673
|
+
const map = {
|
|
674
674
|
"./accordion-pane/accordion-pane.json": [
|
|
675
675
|
"./src/tokens/mobile/components/accordion-pane/accordion-pane.json",
|
|
676
676
|
[
|
|
@@ -1042,7 +1042,7 @@ function webpackAsyncContext(req) {
|
|
|
1042
1042
|
try {
|
|
1043
1043
|
if(!__webpack_require__.o(map, req)) {
|
|
1044
1044
|
return Promise.resolve().then(() => {
|
|
1045
|
-
|
|
1045
|
+
const e = new Error("Cannot find module '" + req + "'");
|
|
1046
1046
|
e.code = 'MODULE_NOT_FOUND';
|
|
1047
1047
|
throw e;
|
|
1048
1048
|
});
|
|
@@ -1051,7 +1051,7 @@ function webpackAsyncContext(req) {
|
|
|
1051
1051
|
return Promise.reject(err);
|
|
1052
1052
|
}
|
|
1053
1053
|
|
|
1054
|
-
|
|
1054
|
+
const ids = map[req], id = ids[0];
|
|
1055
1055
|
return __webpack_require__.e(ids[1][0]).then(() => (__webpack_require__.t(id, 3 | 16)));
|
|
1056
1056
|
}
|
|
1057
1057
|
webpackAsyncContext.keys = () => (Object.keys(map));
|
|
@@ -1066,7 +1066,7 @@ module.exports = webpackAsyncContext;
|
|
|
1066
1066
|
\*****************************************************************************/
|
|
1067
1067
|
(module, __unused_webpack_exports, __webpack_require__) {
|
|
1068
1068
|
|
|
1069
|
-
|
|
1069
|
+
const map = {
|
|
1070
1070
|
"./accordion/accordion.json": [
|
|
1071
1071
|
"./src/tokens/web/components/accordion/accordion.json",
|
|
1072
1072
|
[
|
|
@@ -1414,7 +1414,7 @@ function webpackAsyncContext(req) {
|
|
|
1414
1414
|
try {
|
|
1415
1415
|
if(!__webpack_require__.o(map, req)) {
|
|
1416
1416
|
return Promise.resolve().then(() => {
|
|
1417
|
-
|
|
1417
|
+
const e = new Error("Cannot find module '" + req + "'");
|
|
1418
1418
|
e.code = 'MODULE_NOT_FOUND';
|
|
1419
1419
|
throw e;
|
|
1420
1420
|
});
|
|
@@ -1423,7 +1423,7 @@ function webpackAsyncContext(req) {
|
|
|
1423
1423
|
return Promise.reject(err);
|
|
1424
1424
|
}
|
|
1425
1425
|
|
|
1426
|
-
|
|
1426
|
+
const ids = map[req], id = ids[0];
|
|
1427
1427
|
return __webpack_require__.e(ids[1][0]).then(() => (__webpack_require__.t(id, 3 | 16)));
|
|
1428
1428
|
}
|
|
1429
1429
|
webpackAsyncContext.keys = () => (Object.keys(map));
|
|
@@ -2094,7 +2094,6 @@ const { pow, sqrt, PI, cos, sin, atan2 } = Math;
|
|
|
2094
2094
|
alpha /= l;
|
|
2095
2095
|
return new _Color_js__WEBPACK_IMPORTED_MODULE_0__["default"](xyz, mode).alpha(alpha > 0.99999 ? 1 : alpha, true);
|
|
2096
2096
|
});
|
|
2097
|
-
(Object.getOwnPropertyDescriptor(__WEBPACK_DEFAULT_EXPORT__, "name") || {}).writable || Object.defineProperty(__WEBPACK_DEFAULT_EXPORT__, "name", { value: "default", configurable: true });
|
|
2098
2097
|
|
|
2099
2098
|
const _average_lrgb = (colors, weights) => {
|
|
2100
2099
|
const l = colors.length;
|
|
@@ -2218,7 +2217,6 @@ const bezier = function (colors) {
|
|
|
2218
2217
|
f.scale = () => (0,_scale_js__WEBPACK_IMPORTED_MODULE_2__["default"])(f);
|
|
2219
2218
|
return f;
|
|
2220
2219
|
});
|
|
2221
|
-
(Object.getOwnPropertyDescriptor(__WEBPACK_DEFAULT_EXPORT__, "name") || {}).writable || Object.defineProperty(__WEBPACK_DEFAULT_EXPORT__, "name", { value: "default", configurable: true });
|
|
2222
2220
|
|
|
2223
2221
|
|
|
2224
2222
|
/***/ },
|
|
@@ -2308,7 +2306,6 @@ __webpack_require__.r(__webpack_exports__);
|
|
|
2308
2306
|
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
|
|
2309
2307
|
/* harmony export */ "default": () => (/* export default binding */ __WEBPACK_DEFAULT_EXPORT__)
|
|
2310
2308
|
/* harmony export */ });
|
|
2311
|
-
Object.defineProperty(__WEBPACK_DEFAULT_EXPORT__, "name", { value: "default", configurable: true });
|
|
2312
2309
|
/* harmony import */ var _utils_index_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../utils/index.js */ "./node_modules/chroma-js/src/utils/index.js");
|
|
2313
2310
|
/* harmony import */ var _chroma_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../chroma.js */ "./node_modules/chroma-js/src/chroma.js");
|
|
2314
2311
|
// cubehelix interpolation
|
|
@@ -2434,7 +2431,6 @@ __webpack_require__.r(__webpack_exports__);
|
|
|
2434
2431
|
col1.alpha() + f * (col2.alpha() - col1.alpha())
|
|
2435
2432
|
);
|
|
2436
2433
|
});
|
|
2437
|
-
(Object.getOwnPropertyDescriptor(__WEBPACK_DEFAULT_EXPORT__, "name") || {}).writable || Object.defineProperty(__WEBPACK_DEFAULT_EXPORT__, "name", { value: "default", configurable: true });
|
|
2438
2434
|
|
|
2439
2435
|
|
|
2440
2436
|
/***/ },
|
|
@@ -2467,7 +2463,6 @@ const { floor, random } = Math;
|
|
|
2467
2463
|
}
|
|
2468
2464
|
return new _Color_js__WEBPACK_IMPORTED_MODULE_0__["default"](code, 'hex');
|
|
2469
2465
|
});
|
|
2470
|
-
(Object.getOwnPropertyDescriptor(__WEBPACK_DEFAULT_EXPORT__, "name") || {}).writable || Object.defineProperty(__WEBPACK_DEFAULT_EXPORT__, "name", { value: "default", configurable: true });
|
|
2471
2466
|
|
|
2472
2467
|
|
|
2473
2468
|
/***/ },
|
|
@@ -2483,7 +2478,6 @@ __webpack_require__.r(__webpack_exports__);
|
|
|
2483
2478
|
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
|
|
2484
2479
|
/* harmony export */ "default": () => (/* export default binding */ __WEBPACK_DEFAULT_EXPORT__)
|
|
2485
2480
|
/* harmony export */ });
|
|
2486
|
-
Object.defineProperty(__WEBPACK_DEFAULT_EXPORT__, "name", { value: "default", configurable: true });
|
|
2487
2481
|
/* harmony import */ var _chroma_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../chroma.js */ "./node_modules/chroma-js/src/chroma.js");
|
|
2488
2482
|
/* harmony import */ var _utils_index_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../utils/index.js */ "./node_modules/chroma-js/src/utils/index.js");
|
|
2489
2483
|
// minimal multi-purpose interface
|
|
@@ -2959,7 +2953,6 @@ __webpack_require__.r(__webpack_exports__);
|
|
|
2959
2953
|
? new _Color_js__WEBPACK_IMPORTED_MODULE_0__["default"]([lbv, sat, hue], m)
|
|
2960
2954
|
: new _Color_js__WEBPACK_IMPORTED_MODULE_0__["default"]([hue, sat, lbv], m);
|
|
2961
2955
|
});
|
|
2962
|
-
(Object.getOwnPropertyDescriptor(__WEBPACK_DEFAULT_EXPORT__, "name") || {}).writable || Object.defineProperty(__WEBPACK_DEFAULT_EXPORT__, "name", { value: "default", configurable: true });
|
|
2963
2956
|
|
|
2964
2957
|
|
|
2965
2958
|
/***/ },
|
|
@@ -6688,7 +6681,6 @@ __webpack_require__.r(__webpack_exports__);
|
|
|
6688
6681
|
}
|
|
6689
6682
|
return rgb;
|
|
6690
6683
|
});
|
|
6691
|
-
(Object.getOwnPropertyDescriptor(__WEBPACK_DEFAULT_EXPORT__, "name") || {}).writable || Object.defineProperty(__WEBPACK_DEFAULT_EXPORT__, "name", { value: "default", configurable: true });
|
|
6692
6684
|
|
|
6693
6685
|
|
|
6694
6686
|
/***/ },
|
|
@@ -6718,7 +6710,6 @@ __webpack_require__.r(__webpack_exports__);
|
|
|
6718
6710
|
const l2 = b.luminance();
|
|
6719
6711
|
return l1 > l2 ? (l1 + 0.05) / (l2 + 0.05) : (l2 + 0.05) / (l1 + 0.05);
|
|
6720
6712
|
});
|
|
6721
|
-
(Object.getOwnPropertyDescriptor(__WEBPACK_DEFAULT_EXPORT__, "name") || {}).writable || Object.defineProperty(__WEBPACK_DEFAULT_EXPORT__, "name", { value: "default", configurable: true });
|
|
6722
6713
|
|
|
6723
6714
|
|
|
6724
6715
|
/***/ },
|
|
@@ -6796,7 +6787,6 @@ const B_exp = 1.414;
|
|
|
6796
6787
|
// scale to 100
|
|
6797
6788
|
return S_apc * 100;
|
|
6798
6789
|
});
|
|
6799
|
-
(Object.getOwnPropertyDescriptor(__WEBPACK_DEFAULT_EXPORT__, "name") || {}).writable || Object.defineProperty(__WEBPACK_DEFAULT_EXPORT__, "name", { value: "default", configurable: true });
|
|
6800
6790
|
|
|
6801
6791
|
function lum(r, g, b) {
|
|
6802
6792
|
return (
|
|
@@ -6820,7 +6810,6 @@ __webpack_require__.r(__webpack_exports__);
|
|
|
6820
6810
|
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
|
|
6821
6811
|
/* harmony export */ "default": () => (/* export default binding */ __WEBPACK_DEFAULT_EXPORT__)
|
|
6822
6812
|
/* harmony export */ });
|
|
6823
|
-
Object.defineProperty(__WEBPACK_DEFAULT_EXPORT__, "name", { value: "default", configurable: true });
|
|
6824
6813
|
/* harmony import */ var _Color_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../Color.js */ "./node_modules/chroma-js/src/Color.js");
|
|
6825
6814
|
|
|
6826
6815
|
const { sqrt, pow, min, max, atan2, abs, cos, sin, exp, PI } = Math;
|
|
@@ -6899,7 +6888,6 @@ __webpack_require__.r(__webpack_exports__);
|
|
|
6899
6888
|
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
|
|
6900
6889
|
/* harmony export */ "default": () => (/* export default binding */ __WEBPACK_DEFAULT_EXPORT__)
|
|
6901
6890
|
/* harmony export */ });
|
|
6902
|
-
Object.defineProperty(__WEBPACK_DEFAULT_EXPORT__, "name", { value: "default", configurable: true });
|
|
6903
6891
|
/* harmony import */ var _Color_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../Color.js */ "./node_modules/chroma-js/src/Color.js");
|
|
6904
6892
|
|
|
6905
6893
|
|
|
@@ -7003,7 +6991,6 @@ __webpack_require__.r(__webpack_exports__);
|
|
|
7003
6991
|
if ((0,_type_js__WEBPACK_IMPORTED_MODULE_0__["default"])(args[l]) == 'string') return args[l].toLowerCase();
|
|
7004
6992
|
return null;
|
|
7005
6993
|
});
|
|
7006
|
-
(Object.getOwnPropertyDescriptor(__WEBPACK_DEFAULT_EXPORT__, "name") || {}).writable || Object.defineProperty(__WEBPACK_DEFAULT_EXPORT__, "name", { value: "default", configurable: true });
|
|
7007
6994
|
|
|
7008
6995
|
|
|
7009
6996
|
/***/ },
|
|
@@ -7024,7 +7011,6 @@ const { min, max } = Math;
|
|
|
7024
7011
|
/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = ((x, low = 0, high = 1) => {
|
|
7025
7012
|
return min(max(low, x), high);
|
|
7026
7013
|
});
|
|
7027
|
-
(Object.getOwnPropertyDescriptor(__WEBPACK_DEFAULT_EXPORT__, "name") || {}).writable || Object.defineProperty(__WEBPACK_DEFAULT_EXPORT__, "name", { value: "default", configurable: true });
|
|
7028
7014
|
|
|
7029
7015
|
|
|
7030
7016
|
/***/ },
|
|
@@ -7124,7 +7110,6 @@ __webpack_require__.r(__webpack_exports__);
|
|
|
7124
7110
|
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
|
|
7125
7111
|
/* harmony export */ "default": () => (/* export default binding */ __WEBPACK_DEFAULT_EXPORT__)
|
|
7126
7112
|
/* harmony export */ });
|
|
7127
|
-
Object.defineProperty(__WEBPACK_DEFAULT_EXPORT__, "name", { value: "default", configurable: true });
|
|
7128
7113
|
// ported from jQuery's $.type
|
|
7129
7114
|
const classToType = {};
|
|
7130
7115
|
for (let name of [
|
|
@@ -7176,7 +7161,6 @@ __webpack_require__.r(__webpack_exports__);
|
|
|
7176
7161
|
// (which we suppose is an array of args)
|
|
7177
7162
|
return args[0].slice(0);
|
|
7178
7163
|
});
|
|
7179
|
-
(Object.getOwnPropertyDescriptor(__WEBPACK_DEFAULT_EXPORT__, "name") || {}).writable || Object.defineProperty(__WEBPACK_DEFAULT_EXPORT__, "name", { value: "default", configurable: true });
|
|
7180
7164
|
|
|
7181
7165
|
|
|
7182
7166
|
/***/ },
|
|
@@ -7204,7 +7188,6 @@ __webpack_require__.r(__webpack_exports__);
|
|
|
7204
7188
|
return false;
|
|
7205
7189
|
}
|
|
7206
7190
|
});
|
|
7207
|
-
(Object.getOwnPropertyDescriptor(__WEBPACK_DEFAULT_EXPORT__, "name") || {}).writable || Object.defineProperty(__WEBPACK_DEFAULT_EXPORT__, "name", { value: "default", configurable: true });
|
|
7208
7191
|
|
|
7209
7192
|
|
|
7210
7193
|
/***/ },
|
|
@@ -9117,17 +9100,17 @@ module.exports = /*#__PURE__*/JSON.parse('{"space":{"0":{"value":"{space.rule.va
|
|
|
9117
9100
|
/******/ });
|
|
9118
9101
|
/************************************************************************/
|
|
9119
9102
|
/******/ // The module cache
|
|
9120
|
-
/******/
|
|
9103
|
+
/******/ const __webpack_module_cache__ = {};
|
|
9121
9104
|
/******/
|
|
9122
9105
|
/******/ // The require function
|
|
9123
9106
|
/******/ function __webpack_require__(moduleId) {
|
|
9124
9107
|
/******/ // Check if module is in cache
|
|
9125
|
-
/******/
|
|
9108
|
+
/******/ const cachedModule = __webpack_module_cache__[moduleId];
|
|
9126
9109
|
/******/ if (cachedModule !== undefined) {
|
|
9127
9110
|
/******/ return cachedModule.exports;
|
|
9128
9111
|
/******/ }
|
|
9129
9112
|
/******/ // Create a new module (and put it into the cache)
|
|
9130
|
-
/******/
|
|
9113
|
+
/******/ const module = __webpack_module_cache__[moduleId] = {
|
|
9131
9114
|
/******/ // no module.id needed
|
|
9132
9115
|
/******/ // no module.loaded needed
|
|
9133
9116
|
/******/ exports: {}
|
|
@@ -9136,7 +9119,7 @@ module.exports = /*#__PURE__*/JSON.parse('{"space":{"0":{"value":"{space.rule.va
|
|
|
9136
9119
|
/******/ // Execute the module function
|
|
9137
9120
|
/******/ if (!(moduleId in __webpack_modules__)) {
|
|
9138
9121
|
/******/ delete __webpack_module_cache__[moduleId];
|
|
9139
|
-
/******/
|
|
9122
|
+
/******/ const e = new Error("Cannot find module '" + moduleId + "'");
|
|
9140
9123
|
/******/ e.code = 'MODULE_NOT_FOUND';
|
|
9141
9124
|
/******/ throw e;
|
|
9142
9125
|
/******/ }
|
|
@@ -9152,8 +9135,8 @@ module.exports = /*#__PURE__*/JSON.parse('{"space":{"0":{"value":"{space.rule.va
|
|
|
9152
9135
|
/************************************************************************/
|
|
9153
9136
|
/******/ /* webpack/runtime/create fake namespace object */
|
|
9154
9137
|
/******/ (() => {
|
|
9155
|
-
/******/
|
|
9156
|
-
/******/
|
|
9138
|
+
/******/ const getProto = Object.getPrototypeOf;
|
|
9139
|
+
/******/ let leafPrototypes;
|
|
9157
9140
|
/******/ // create a fake namespace object
|
|
9158
9141
|
/******/ // mode & 1: value is a module id, require it
|
|
9159
9142
|
/******/ // mode & 2: merge all properties of value into the ns
|
|
@@ -9167,9 +9150,9 @@ module.exports = /*#__PURE__*/JSON.parse('{"space":{"0":{"value":"{space.rule.va
|
|
|
9167
9150
|
/******/ if((mode & 4) && value.__esModule) return value;
|
|
9168
9151
|
/******/ if((mode & 16) && typeof value.then === 'function') return value;
|
|
9169
9152
|
/******/ }
|
|
9170
|
-
/******/
|
|
9153
|
+
/******/ const ns = Object.create(null);
|
|
9171
9154
|
/******/ __webpack_require__.r(ns);
|
|
9172
|
-
/******/
|
|
9155
|
+
/******/ const def = {};
|
|
9173
9156
|
/******/ leafPrototypes = leafPrototypes || [null, getProto({}), getProto([]), getProto(getProto)];
|
|
9174
9157
|
/******/ for(var current = mode & 2 && value; (typeof current == 'object' || typeof current == 'function') && !~leafPrototypes.indexOf(current); current = getProto(current)) {
|
|
9175
9158
|
/******/ Object.getOwnPropertyNames(current).forEach((key) => (def[key] = () => (value[key])));
|
|
@@ -9181,56 +9164,45 @@ module.exports = /*#__PURE__*/JSON.parse('{"space":{"0":{"value":"{space.rule.va
|
|
|
9181
9164
|
/******/ })();
|
|
9182
9165
|
/******/
|
|
9183
9166
|
/******/ /* webpack/runtime/define property getters */
|
|
9184
|
-
/******/
|
|
9185
|
-
/******/
|
|
9186
|
-
/******/
|
|
9187
|
-
/******/
|
|
9188
|
-
/******/
|
|
9189
|
-
/******/ Object.defineProperty(exports, key, { enumerable: true, get: definition[key] });
|
|
9190
|
-
/******/ }
|
|
9167
|
+
/******/ // define getter/value functions for harmony exports
|
|
9168
|
+
/******/ __webpack_require__.d = (exports, definition) => {
|
|
9169
|
+
/******/ for(var key in definition) {
|
|
9170
|
+
/******/ if(__webpack_require__.o(definition, key) && !__webpack_require__.o(exports, key)) {
|
|
9171
|
+
/******/ Object.defineProperty(exports, key, { enumerable: true, get: definition[key] });
|
|
9191
9172
|
/******/ }
|
|
9192
|
-
/******/ }
|
|
9193
|
-
/******/ }
|
|
9173
|
+
/******/ }
|
|
9174
|
+
/******/ };
|
|
9194
9175
|
/******/
|
|
9195
9176
|
/******/ /* webpack/runtime/ensure chunk */
|
|
9196
|
-
/******/
|
|
9197
|
-
/******/
|
|
9198
|
-
/******/
|
|
9199
|
-
/******/
|
|
9200
|
-
/******/ __webpack_require__.
|
|
9201
|
-
/******/
|
|
9202
|
-
/******/
|
|
9203
|
-
/******/
|
|
9204
|
-
/******/
|
|
9205
|
-
/******/ };
|
|
9206
|
-
/******/ })();
|
|
9177
|
+
/******/ __webpack_require__.f = {};
|
|
9178
|
+
/******/ // This file contains only the entry chunk.
|
|
9179
|
+
/******/ // The chunk loading function for additional chunks
|
|
9180
|
+
/******/ __webpack_require__.e = (chunkId) => {
|
|
9181
|
+
/******/ return Promise.all(Object.keys(__webpack_require__.f).reduce((promises, key) => {
|
|
9182
|
+
/******/ __webpack_require__.f[key](chunkId, promises);
|
|
9183
|
+
/******/ return promises;
|
|
9184
|
+
/******/ }, []));
|
|
9185
|
+
/******/ };
|
|
9207
9186
|
/******/
|
|
9208
9187
|
/******/ /* webpack/runtime/get javascript chunk filename */
|
|
9209
|
-
/******/
|
|
9210
|
-
/******/
|
|
9211
|
-
/******/ __webpack_require__.u = (chunkId) => {
|
|
9212
|
-
/******/ // return url for filenames based on template
|
|
9213
|
-
/******/ return "" + chunkId + ".foundation-css.cjs";
|
|
9214
|
-
/******/ };
|
|
9215
|
-
/******/ })();
|
|
9188
|
+
/******/ // This function allow to reference async chunks
|
|
9189
|
+
/******/ __webpack_require__.u = (chunkId) => (chunkId + ".foundation-css.cjs");
|
|
9216
9190
|
/******/
|
|
9217
9191
|
/******/ /* webpack/runtime/hasOwnProperty shorthand */
|
|
9218
|
-
/******/ (
|
|
9219
|
-
/******/ __webpack_require__.o = (obj, prop) => (Object.prototype.hasOwnProperty.call(obj, prop))
|
|
9220
|
-
/******/ })();
|
|
9192
|
+
/******/ __webpack_require__.o = (obj, prop) => (Object.prototype.hasOwnProperty.call(obj, prop));
|
|
9221
9193
|
/******/
|
|
9222
9194
|
/******/ /* webpack/runtime/load script */
|
|
9223
9195
|
/******/ (() => {
|
|
9224
|
-
/******/
|
|
9225
|
-
/******/
|
|
9196
|
+
/******/ const inProgress = {};
|
|
9197
|
+
/******/ const dataWebpackPrefix = "@wavemaker/foundation-css:";
|
|
9226
9198
|
/******/ // loadScript function to load a script via script tag
|
|
9227
9199
|
/******/ __webpack_require__.l = (url, done, key, chunkId) => {
|
|
9228
9200
|
/******/ if(inProgress[url]) { inProgress[url].push(done); return; }
|
|
9229
|
-
/******/
|
|
9201
|
+
/******/ let script, needAttach;
|
|
9230
9202
|
/******/ if(key !== undefined) {
|
|
9231
|
-
/******/
|
|
9203
|
+
/******/ const scripts = document.getElementsByTagName("script");
|
|
9232
9204
|
/******/ for(var i = 0; i < scripts.length; i++) {
|
|
9233
|
-
/******/
|
|
9205
|
+
/******/ const s = scripts[i];
|
|
9234
9206
|
/******/ if(s.getAttribute("src") == url || s.getAttribute("data-webpack") == dataWebpackPrefix + key) { script = s; break; }
|
|
9235
9207
|
/******/ }
|
|
9236
9208
|
/******/ }
|
|
@@ -9247,17 +9219,17 @@ module.exports = /*#__PURE__*/JSON.parse('{"space":{"0":{"value":"{space.rule.va
|
|
|
9247
9219
|
/******/ script.src = url;
|
|
9248
9220
|
/******/ }
|
|
9249
9221
|
/******/ inProgress[url] = [done];
|
|
9250
|
-
/******/
|
|
9222
|
+
/******/ const onScriptComplete = (prev, event) => {
|
|
9251
9223
|
/******/ // avoid mem leaks in IE.
|
|
9252
9224
|
/******/ script.onerror = script.onload = null;
|
|
9253
9225
|
/******/ clearTimeout(timeout);
|
|
9254
|
-
/******/
|
|
9226
|
+
/******/ const doneFns = inProgress[url];
|
|
9255
9227
|
/******/ delete inProgress[url];
|
|
9256
|
-
/******/ script.parentNode
|
|
9257
|
-
/******/ doneFns
|
|
9228
|
+
/******/ script.parentNode?.removeChild(script);
|
|
9229
|
+
/******/ doneFns?.forEach((fn) => (fn(event)));
|
|
9258
9230
|
/******/ if(prev) return prev(event);
|
|
9259
9231
|
/******/ }
|
|
9260
|
-
/******/
|
|
9232
|
+
/******/ const timeout = setTimeout(onScriptComplete.bind(null, undefined, { type: 'timeout', target: script }), 120000);
|
|
9261
9233
|
/******/ script.onerror = onScriptComplete.bind(null, script.onerror);
|
|
9262
9234
|
/******/ script.onload = onScriptComplete.bind(null, script.onload);
|
|
9263
9235
|
/******/ needAttach && document.head.appendChild(script);
|
|
@@ -9265,20 +9237,14 @@ module.exports = /*#__PURE__*/JSON.parse('{"space":{"0":{"value":"{space.rule.va
|
|
|
9265
9237
|
/******/ })();
|
|
9266
9238
|
/******/
|
|
9267
9239
|
/******/ /* webpack/runtime/make namespace object */
|
|
9268
|
-
/******/
|
|
9269
|
-
/******/
|
|
9270
|
-
/******/
|
|
9271
|
-
/******/
|
|
9272
|
-
/******/
|
|
9273
|
-
/******/ }
|
|
9274
|
-
/******/ Object.defineProperty(exports, '__esModule', { value: true });
|
|
9275
|
-
/******/ };
|
|
9276
|
-
/******/ })();
|
|
9240
|
+
/******/ // define __esModule on exports
|
|
9241
|
+
/******/ __webpack_require__.r = (exports) => {
|
|
9242
|
+
/******/ Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
|
|
9243
|
+
/******/ Object.defineProperty(exports, '__esModule', { value: true });
|
|
9244
|
+
/******/ };
|
|
9277
9245
|
/******/
|
|
9278
9246
|
/******/ /* webpack/runtime/publicPath */
|
|
9279
|
-
/******/
|
|
9280
|
-
/******/ __webpack_require__.p = "/";
|
|
9281
|
-
/******/ })();
|
|
9247
|
+
/******/ __webpack_require__.p = "/";
|
|
9282
9248
|
/******/
|
|
9283
9249
|
/******/ /* webpack/runtime/jsonp chunk loading */
|
|
9284
9250
|
/******/ (() => {
|
|
@@ -9287,13 +9253,13 @@ module.exports = /*#__PURE__*/JSON.parse('{"space":{"0":{"value":"{space.rule.va
|
|
|
9287
9253
|
/******/ // object to store loaded and loading chunks
|
|
9288
9254
|
/******/ // undefined = chunk not loaded, null = chunk preloaded/prefetched
|
|
9289
9255
|
/******/ // [resolve, reject, Promise] = chunk loading, 0 = chunk loaded
|
|
9290
|
-
/******/
|
|
9256
|
+
/******/ const installedChunks = {
|
|
9291
9257
|
/******/ "main": 0
|
|
9292
9258
|
/******/ };
|
|
9293
9259
|
/******/
|
|
9294
9260
|
/******/ __webpack_require__.f.j = (chunkId, promises) => {
|
|
9295
9261
|
/******/ // JSONP chunk loading for javascript
|
|
9296
|
-
/******/
|
|
9262
|
+
/******/ let installedChunkData = __webpack_require__.o(installedChunks, chunkId) ? installedChunks[chunkId] : undefined;
|
|
9297
9263
|
/******/ if(installedChunkData !== 0) { // 0 means "already installed".
|
|
9298
9264
|
/******/
|
|
9299
9265
|
/******/ // a Promise means "currently loading".
|
|
@@ -9302,29 +9268,28 @@ module.exports = /*#__PURE__*/JSON.parse('{"space":{"0":{"value":"{space.rule.va
|
|
|
9302
9268
|
/******/ } else {
|
|
9303
9269
|
/******/ if(true) { // all chunks have JS
|
|
9304
9270
|
/******/ // setup Promise in chunk cache
|
|
9305
|
-
/******/
|
|
9271
|
+
/******/ const promise = new Promise((resolve, reject) => (installedChunkData = installedChunks[chunkId] = [resolve, reject]));
|
|
9306
9272
|
/******/ promises.push(installedChunkData[2] = promise);
|
|
9307
9273
|
/******/
|
|
9308
|
-
/******/ // start chunk loading
|
|
9309
|
-
/******/ var url = __webpack_require__.p + __webpack_require__.u(chunkId);
|
|
9310
9274
|
/******/ // create error before stack unwound to get useful stacktrace later
|
|
9311
|
-
/******/
|
|
9312
|
-
/******/
|
|
9275
|
+
/******/ const error = new Error();
|
|
9276
|
+
/******/ const loadingEnded = (event) => {
|
|
9313
9277
|
/******/ if(__webpack_require__.o(installedChunks, chunkId)) {
|
|
9314
9278
|
/******/ installedChunkData = installedChunks[chunkId];
|
|
9315
9279
|
/******/ if(installedChunkData !== 0) installedChunks[chunkId] = undefined;
|
|
9316
9280
|
/******/ if(installedChunkData) {
|
|
9317
|
-
/******/
|
|
9318
|
-
/******/
|
|
9281
|
+
/******/ const errorType = event && (event.type === 'load' ? 'missing' : event.type);
|
|
9282
|
+
/******/ const realSrc = event && event.target && event.target.src;
|
|
9319
9283
|
/******/ error.message = 'Loading chunk ' + chunkId + ' failed.\n(' + errorType + ': ' + realSrc + ')';
|
|
9320
9284
|
/******/ error.name = 'ChunkLoadError';
|
|
9321
9285
|
/******/ error.type = errorType;
|
|
9322
9286
|
/******/ error.request = realSrc;
|
|
9287
|
+
/******/ error.event = event;
|
|
9323
9288
|
/******/ installedChunkData[1](error);
|
|
9324
9289
|
/******/ }
|
|
9325
9290
|
/******/ }
|
|
9326
9291
|
/******/ };
|
|
9327
|
-
/******/ __webpack_require__.l(
|
|
9292
|
+
/******/ __webpack_require__.l(__webpack_require__.p + __webpack_require__.u(chunkId), loadingEnded, "chunk-" + chunkId, chunkId);
|
|
9328
9293
|
/******/ }
|
|
9329
9294
|
/******/ }
|
|
9330
9295
|
/******/ }
|
|
@@ -9341,8 +9306,8 @@ module.exports = /*#__PURE__*/JSON.parse('{"space":{"0":{"value":"{space.rule.va
|
|
|
9341
9306
|
/******/ // no on chunks loaded
|
|
9342
9307
|
/******/
|
|
9343
9308
|
/******/ // install a JSONP callback for chunk loading
|
|
9344
|
-
/******/
|
|
9345
|
-
/******/
|
|
9309
|
+
/******/ const webpackJsonpCallback = (parentChunkLoadingFunction, data) => {
|
|
9310
|
+
/******/ let [chunkIds, moreModules, runtime] = data;
|
|
9346
9311
|
/******/ // add "moreModules" to the modules object,
|
|
9347
9312
|
/******/ // then flag all "chunkIds" as loaded and fire callback
|
|
9348
9313
|
/******/ var moduleId, chunkId, i = 0;
|
|
@@ -9365,13 +9330,13 @@ module.exports = /*#__PURE__*/JSON.parse('{"space":{"0":{"value":"{space.rule.va
|
|
|
9365
9330
|
/******/
|
|
9366
9331
|
/******/ }
|
|
9367
9332
|
/******/
|
|
9368
|
-
/******/
|
|
9333
|
+
/******/ const chunkLoadingGlobal = this["webpackChunk_wavemaker_foundation_css"] = this["webpackChunk_wavemaker_foundation_css"] || [];
|
|
9369
9334
|
/******/ chunkLoadingGlobal.forEach(webpackJsonpCallback.bind(null, 0));
|
|
9370
9335
|
/******/ chunkLoadingGlobal.push = webpackJsonpCallback.bind(null, chunkLoadingGlobal.push.bind(chunkLoadingGlobal));
|
|
9371
9336
|
/******/ })();
|
|
9372
9337
|
/******/
|
|
9373
9338
|
/************************************************************************/
|
|
9374
|
-
|
|
9339
|
+
let __webpack_exports__ = {};
|
|
9375
9340
|
// This entry needs to be wrapped in an IIFE because it needs to be in strict mode.
|
|
9376
9341
|
(() => {
|
|
9377
9342
|
"use strict";
|
|
@@ -9445,7 +9410,7 @@ const getComponentsList = (platform) => {
|
|
|
9445
9410
|
|
|
9446
9411
|
})();
|
|
9447
9412
|
|
|
9448
|
-
|
|
9413
|
+
const __webpack_export_target__ = exports;
|
|
9449
9414
|
for(var __webpack_i__ in __webpack_exports__) __webpack_export_target__[__webpack_i__] = __webpack_exports__[__webpack_i__];
|
|
9450
9415
|
if(__webpack_exports__.__esModule) Object.defineProperty(__webpack_export_target__, "__esModule", { value: true });
|
|
9451
9416
|
/******/ })()
|
package/cjs/src_tokens_mobile_components_dropdown-menu_dropdown-menu_json.foundation-css.cjs
CHANGED
|
@@ -7,7 +7,7 @@
|
|
|
7
7
|
\***********************************************************************/
|
|
8
8
|
(module) {
|
|
9
9
|
|
|
10
|
-
module.exports = /*#__PURE__*/JSON.parse('{"dropdown":{"mapping":{"menu":{"background":{"value":"transparent","type":"color","attributes":{"subtype":"color","description":"Sets the background color of dropdown menus (lists of options that appear when users click on a button or link). This is the main background color that appears behind the dropdown menu items.<br>CSS variable: --wm-dropdown-menu-background"}},"padding":{"type":"space","value":"{space.2.value} {space.0.value}","attributes":{"subtype":"space","description":"Controls the padding inside dropdown menu containers (top/bottom, left/right). Acceptable units: px.<br>CSS variable: --wm-dropdown-menu-padding"}},"color":{"type":"color","value":"{color.on-surface.variant.@.value}","attributes":{"subtype":"color","description":"Sets the text color of dropdown menu triggers (the button or link that opens the dropdown). This determines what color the trigger text appears in.<br>CSS variable: --wm-dropdown-menu-color"}},"text":{"decoration":{"type":"radius","value":"none","attributes":{"subtype":"text-decoration","description":"Controls the text decoration of dropdown menu triggers (underline, overline, line-through, or none). When set to \'none\', no decoration is applied to the trigger text.<br>CSS variable: --wm-dropdown-menu-text-decoration"}},"font-weight":{"type":"font","value":"{font.weight.700.value}","attributes":{"subtype":"font-weight","description":"Controls how thick or bold the dropdown menu trigger text appears. When set to 700, the trigger text appears bold to emphasize the dropdown button.<br>CSS variable: --wm-dropdown-menu-text-font-weight"}},"padding":{"type":"space","value":"{space.0.value} {space.3.value} {space.0.value} {space.2.value}","attributes":{"subtype":"space","description":"Controls the padding of dropdown menu trigger text (top, right, bottom, left). Acceptable units: px.<br>CSS variable: --wm-dropdown-menu-text-padding"}}},"content":{"width":{"value":"220px","type":"space","attributes":{"subtype":"space","description":"Controls how wide dropdown menu content appears (the container that holds the dropdown menu items). This determines the horizontal size of the dropdown menu container.<br>CSS variable: --wm-dropdown-menu-content-width"}},"border":{"radius":{"value":"{radius.xs.value}","type":"radius","attributes":{"subtype":"radius","description":"Controls the corner rounding of dropdown menu content. This makes the dropdown appear with slightly rounded corners for a softer appearance.<br>CSS variable: --wm-dropdown-menu-content-border-radius"}}},"background":{"value":"#fff","type":"color","attributes":{"subtype":"color","description":"Sets the background color of dropdown menu content (the container that holds the dropdown menu items). This is the main background color that appears behind the menu items.<br>CSS variable: --wm-dropdown-menu-content-background"}}},"caret":{"color":{"value":"{color.on-surface.variant.@.value}","type":"color","attributes":{"subtype":"color","description":"Sets the color of dropdown menu caret icons (the small arrow symbols that indicate dropdown menus). This determines what color the arrow symbols appear in.<br>CSS variable: --wm-dropdown-menu-caret-color"}},"size":{"value":"{icon.size.sm.value}","type":"space","attributes":{"subtype":"icon-size","description":"Controls how large dropdown menu caret icons appear (the small arrow symbols that indicate dropdown menus). This affects the size of the arrow symbols that users see in dropdown buttons.<br>CSS variable: --wm-dropdown-menu-caret-size"}}},"item":{"font-family":{"value":"{body.large.font-family.value}","type":"font","attributes":{"subtype":"font-family","description":"Sets the typeface (font style) for dropdown menu items (individual options in the dropdown list). This determines whether the menu item text appears in Arial, Times New Roman, or other font styles.<br>CSS variable: --wm-dropdown-menu-item-font-family"}},"font-size":{"value":"{body.large.font-size.value}","type":"font","attributes":{"subtype":"font-size","description":"Controls how large the dropdown menu items appear (individual options in the dropdown list). This affects the size of the text that users see in each menu option.<br>CSS variable: --wm-dropdown-menu-item-font-size"}},"font-weight":{"value":"{body.large.font-weight.value}","type":"font","attributes":{"subtype":"font-weight","description":"Controls how thick or bold the dropdown menu items appear (individual options in the dropdown list). \'normal\' makes it regular weight, \'bold\' makes it thicker, and numbers (100-900) provide fine control over thickness.<br>CSS variable: --wm-dropdown-menu-item-font-weight"}},"line-height":{"value":"{body.large.line-height.value}","type":"font","attributes":{"subtype":"line-height","description":"Controls the vertical spacing between lines when dropdown menu item text wraps to multiple lines. This ensures proper spacing for the menu item text displayed in the dropdown.<br>CSS variable: --wm-dropdown-menu-item-line-height"}},"color":{"value":"{color.on-surface.@.value}","type":"color","attributes":{"subtype":"color","description":"Sets the text color of dropdown menu items (individual options in the dropdown list). This determines what color the menu item text appears in, which should contrast well with the background for readability.<br>CSS variable: --wm-dropdown-menu-item-color"}},"border":{"style":{"type":"radius","value":"{border.style.solid.value}","attributes":{"subtype":"border-style","description":"Controls the style of the border around dropdown menu items. \'solid\' creates a continuous line, \'dashed\' creates a dotted line, \'dotted\' creates small dots.<br>CSS variable: --wm-dropdown-menu-item-border-style"}}},"padding":{"value":"{space.3.value} {space.4.value}","type":"space","attributes":{"subtype":"space","description":"Controls the padding inside dropdown menu items (top/bottom, left/right). Acceptable units: px.<br>CSS variable: --wm-dropdown-menu-item-padding"}}},"border":{"radius":{"value":"{radius.none.value}","type":"radius","attributes":{"subtype":"radius","description":"Controls the corner rounding of dropdown menus (lists of options that appear when users click on a button or link). When set to \'none\', dropdowns have sharp corners. Higher values create more rounded corners for a softer appearance.<br>CSS variable: --wm-dropdown-menu-border-radius"}},"width":{"value":"0","type":"space","attributes":{"subtype":"border-width","description":"Controls the thickness of the border around dropdown menus. When set to 0, there\'s no visible border. Higher values create thicker borders around the dropdown.<br>CSS variable: --wm-dropdown-menu-border-width"}},"color":{"value":"{color.on-surface.variant.@.value}","type":"color","attributes":{"subtype":"color","description":"Sets the color of the border around dropdown menus. This determines the color of the outline that defines the dropdown menu shape.<br>CSS variable: --wm-dropdown-menu-border-color"}}}}}}}');
|
|
10
|
+
module.exports = /*#__PURE__*/JSON.parse('{"dropdown":{"mapping":{"menu":{"background":{"value":"transparent","type":"color","attributes":{"subtype":"color","description":"Sets the background color of dropdown menus (lists of options that appear when users click on a button or link). This is the main background color that appears behind the dropdown menu items.<br>CSS variable: --wm-dropdown-menu-background"}},"padding":{"type":"space","value":"{space.2.value} {space.0.value}","attributes":{"subtype":"space","description":"Controls the padding inside dropdown menu containers (top/bottom, left/right). Acceptable units: px.<br>CSS variable: --wm-dropdown-menu-padding"}},"color":{"type":"color","value":"{color.on-surface.variant.@.value}","attributes":{"subtype":"color","description":"Sets the text color of dropdown menu triggers (the button or link that opens the dropdown). This determines what color the trigger text appears in.<br>CSS variable: --wm-dropdown-menu-color"}},"text":{"decoration":{"type":"radius","value":"none","attributes":{"subtype":"text-decoration","description":"Controls the text decoration of dropdown menu triggers (underline, overline, line-through, or none). When set to \'none\', no decoration is applied to the trigger text.<br>CSS variable: --wm-dropdown-menu-text-decoration"}},"font-weight":{"type":"font","value":"{font.weight.700.value}","attributes":{"subtype":"font-weight","description":"Controls how thick or bold the dropdown menu trigger text appears. When set to 700, the trigger text appears bold to emphasize the dropdown button.<br>CSS variable: --wm-dropdown-menu-text-font-weight"}},"font-size":{"type":"font","value":"{body.large.font-size.value}","attributes":{"subtype":"font-size","description":"Controls the font size of dropdown menu trigger text.<br>CSS variable: --wm-dropdown-menu-text-font-size"}},"padding":{"type":"space","value":"{space.0.value} {space.3.value} {space.0.value} {space.2.value}","attributes":{"subtype":"space","description":"Controls the padding of dropdown menu trigger text (top, right, bottom, left). Acceptable units: px.<br>CSS variable: --wm-dropdown-menu-text-padding"}}},"content":{"width":{"value":"220px","type":"space","attributes":{"subtype":"space","description":"Controls how wide dropdown menu content appears (the container that holds the dropdown menu items). This determines the horizontal size of the dropdown menu container.<br>CSS variable: --wm-dropdown-menu-content-width"}},"border":{"radius":{"value":"{radius.xs.value}","type":"radius","attributes":{"subtype":"radius","description":"Controls the corner rounding of dropdown menu content. This makes the dropdown appear with slightly rounded corners for a softer appearance.<br>CSS variable: --wm-dropdown-menu-content-border-radius"}},"width":{"value":"{border.width.0.value}","type":"border","attributes":{"subtype":"border-width","description":"Controls the border width of dropdown menu content.<br>CSS variable: --wm-dropdown-menu-content-border-width"}},"style":{"value":"{border.style.solid.value}","type":"radius","attributes":{"subtype":"border-style","description":"Controls the border style of dropdown menu content.<br>CSS variable: --wm-dropdown-menu-content-border-style"}},"color":{"value":"{color.on-surface.variant.@.value}","type":"color","attributes":{"subtype":"color","description":"Sets the border color of dropdown menu content.<br>CSS variable: --wm-dropdown-menu-content-border-color"}}},"background":{"value":"#fff","type":"color","attributes":{"subtype":"color","description":"Sets the background color of dropdown menu content (the container that holds the dropdown menu items). This is the main background color that appears behind the menu items.<br>CSS variable: --wm-dropdown-menu-content-background"}}},"caret":{"color":{"value":"{color.on-surface.variant.@.value}","type":"color","attributes":{"subtype":"color","description":"Sets the color of dropdown menu caret icons (the small arrow symbols that indicate dropdown menus). This determines what color the arrow symbols appear in.<br>CSS variable: --wm-dropdown-menu-caret-color"}},"size":{"value":"{icon.size.sm.value}","type":"space","attributes":{"subtype":"icon-size","description":"Controls how large dropdown menu caret icons appear (the small arrow symbols that indicate dropdown menus). This affects the size of the arrow symbols that users see in dropdown buttons.<br>CSS variable: --wm-dropdown-menu-caret-size"}}},"item":{"font-family":{"value":"{body.large.font-family.value}","type":"font","attributes":{"subtype":"font-family","description":"Sets the typeface (font style) for dropdown menu items (individual options in the dropdown list). This determines whether the menu item text appears in Arial, Times New Roman, or other font styles.<br>CSS variable: --wm-dropdown-menu-item-font-family"}},"font-size":{"value":"{body.large.font-size.value}","type":"font","attributes":{"subtype":"font-size","description":"Controls how large the dropdown menu items appear (individual options in the dropdown list). This affects the size of the text that users see in each menu option.<br>CSS variable: --wm-dropdown-menu-item-font-size"}},"font-weight":{"value":"{body.large.font-weight.value}","type":"font","attributes":{"subtype":"font-weight","description":"Controls how thick or bold the dropdown menu items appear (individual options in the dropdown list). \'normal\' makes it regular weight, \'bold\' makes it thicker, and numbers (100-900) provide fine control over thickness.<br>CSS variable: --wm-dropdown-menu-item-font-weight"}},"line-height":{"value":"{body.large.line-height.value}","type":"font","attributes":{"subtype":"line-height","description":"Controls the vertical spacing between lines when dropdown menu item text wraps to multiple lines. This ensures proper spacing for the menu item text displayed in the dropdown.<br>CSS variable: --wm-dropdown-menu-item-line-height"}},"color":{"value":"{color.on-surface.@.value}","type":"color","attributes":{"subtype":"color","description":"Sets the text color of dropdown menu items (individual options in the dropdown list). This determines what color the menu item text appears in, which should contrast well with the background for readability.<br>CSS variable: --wm-dropdown-menu-item-color"}},"background-color":{"value":"transparent","type":"color","attributes":{"subtype":"color","description":"Sets the background color of dropdown menu item anchor text.<br>CSS variable: --wm-dropdown-menu-item-background-color"}},"border":{"style":{"type":"radius","value":"{border.style.solid.value}","attributes":{"subtype":"border-style","description":"Controls the style of the border around dropdown menu items. \'solid\' creates a continuous line, \'dashed\' creates a dotted line, \'dotted\' creates small dots.<br>CSS variable: --wm-dropdown-menu-item-border-style"}}},"padding":{"value":"{space.3.value} {space.4.value}","type":"space","attributes":{"subtype":"space","description":"Controls the padding inside dropdown menu items (top/bottom, left/right). Acceptable units: px.<br>CSS variable: --wm-dropdown-menu-item-padding"}},"icon":{"color":{"value":"{color.on-surface.variant.@.value}","type":"color","attributes":{"subtype":"color","description":"Sets the color of the dropdown menu item icon glyph (grey).<br>CSS variable: --wm-dropdown-menu-item-icon-color"}},"padding":{"value":"{space.0.value}","type":"space","attributes":{"subtype":"space","description":"Controls the padding of the dropdown menu item icon glyph.<br>CSS variable: --wm-dropdown-menu-item-icon-padding"}},"font-size":{"value":"{body.large.font-size.value}","type":"font","attributes":{"subtype":"icon-size","description":"Controls the font size of the dropdown menu item icon glyph (16px).<br>CSS variable: --wm-dropdown-menu-item-icon-font-size"}}}},"border":{"radius":{"value":"{radius.none.value}","type":"radius","attributes":{"subtype":"radius","description":"Controls the corner rounding of dropdown menus (lists of options that appear when users click on a button or link). When set to \'none\', dropdowns have sharp corners. Higher values create more rounded corners for a softer appearance.<br>CSS variable: --wm-dropdown-menu-border-radius"}},"width":{"value":"0","type":"space","attributes":{"subtype":"border-width","description":"Controls the thickness of the border around dropdown menus. When set to 0, there\'s no visible border. Higher values create thicker borders around the dropdown.<br>CSS variable: --wm-dropdown-menu-border-width"}},"color":{"value":"{color.on-surface.variant.@.value}","type":"color","attributes":{"subtype":"color","description":"Sets the color of the border around dropdown menus. This determines the color of the outline that defines the dropdown menu shape.<br>CSS variable: --wm-dropdown-menu-border-color"}}}}}}}');
|
|
11
11
|
|
|
12
12
|
/***/ }
|
|
13
13
|
|