@sheinx/shineout-style 3.0.0-alpha.1

package/cjs/cssvar/index.d.ts

@@ -0,0 +1,75 @@
+declare const cssVars: {
+    buttonDefaultBorder: string;
+    buttonPaddingBaseVertical: string;
+    buttonPaddingSmallVertical: string;
+    buttonPaddingLargeVertical: string;
+    buttonPaddingBaseHorizontal: string;
+    buttonPaddingSmallHorizontal: string;
+    buttonPaddingLargeHorizontal: string;
+    buttonDefaultTextColor: string;
+    buttonBorderRadius: string;
+    buttonDisabledBg: string;
+    buttonDisabledColor: string;
+    buttonDisabledDelimiter: string;
+    buttonLineHeightSmall: number;
+    formItemMarginBottom: string;
+    formItemMarginRight: string;
+    formItemTipGap: string;
+    innerTitlePaddingY: string;
+    innerTitlePaddingYSmall: string;
+    innerTitlePaddingYLarge: string;
+    innerTitlePaddingX: string;
+    innerTitlePaddingXSmall: string;
+    innerTitlePaddingXLarge: string;
+    checkinputColor: string;
+    checkboxWidth: string;
+    checkboxBorderUncheckWidth: string;
+    checkboxBorderWidth: string;
+    checkboxBorderColor: string;
+    checkboxDisabledBgc: string;
+    checkboxCheckedDisabledBgc: string;
+    radioWidth: string;
+    radioBorderUncheckWidth: string;
+    radioBorderWidth: string;
+    inputClearSize: string;
+    inputClearBgColor: string;
+    inputClearBgHoverColor: string;
+    inputBg: string;
+    inputPlaceholderColor: string;
+    inputPlaceholderSize: string;
+    inputBorderColor: string;
+    inputBorderDisabledColor: string;
+    inputBorderFocusColor: string;
+    inputBorderErrorColor: string;
+    inputBgDisabled: string;
+    inputTextColor: string;
+    inputDisabledColor: string;
+    inputPaddingXSmall: string;
+    inputPaddingX: string;
+    inputPaddingXLarge: string;
+    inputPaddingYSmall: string;
+    inputPaddingY: string;
+    inputPaddingYLarge: string;
+    inputBorderRadius: string;
+    inputFocusWidth: string;
+    inputBorderFocusColorFade25: string;
+    fontSize: string;
+    fontSizeSmall: string;
+    fontSizeLarge: string;
+    commonLineHeight: string;
+    primaryColor: string;
+    primaryColorFade50: string;
+    primaryColorFade0: string;
+    secondaryColor: string;
+    successColor: string;
+    infoColor: string;
+    warningColor: string;
+    dangerColor: string;
+    white: string;
+    grey100: string;
+    grey200: string;
+    grey300: string;
+    grey500: string;
+    grey900: string;
+};
+export default cssVars;

package/cjs/cssvar/index.js

@@ -0,0 +1,36 @@
+"use strict";
+
+require("core-js/modules/es.array.filter.js");
+require("core-js/modules/web.dom-collections.for-each.js");
+require("core-js/modules/es.object.get-own-property-descriptors.js");
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+var _common = require("./common");
+var _input = _interopRequireDefault(require("./input"));
+var _radio = _interopRequireDefault(require("./radio"));
+var _innerTitle = _interopRequireDefault(require("./innerTitle"));
+var _form = _interopRequireDefault(require("./form"));
+var _checkbox = _interopRequireDefault(require("./checkbox"));
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { (0, _defineProperty2.default)(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+var cssVars = _objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread({}, _common.colorVar), _common.sizeVar), _input.default), _radio.default), _checkbox.default), _innerTitle.default), _form.default), {}, {
+  buttonDefaultBorder: (0, _common.va)('button-default-border', "#d9d9d9"),
+  buttonPaddingBaseVertical: (0, _common.va)('button-padding-base-vertical', "5px"),
+  buttonPaddingSmallVertical: (0, _common.va)('button-padding-small-vertical', "2px"),
+  buttonPaddingLargeVertical: (0, _common.va)('button-padding-large-vertical', "8px"),
+  buttonPaddingBaseHorizontal: (0, _common.va)('button-padding-base-horizontal', "8px"),
+  buttonPaddingSmallHorizontal: (0, _common.va)('button-padding-small-horizontal', "8px"),
+  buttonPaddingLargeHorizontal: (0, _common.va)('button-padding-large-horizontal', "12px"),
+  buttonDefaultTextColor: (0, _common.va)('button-default-text-color', "#333e59"),
+  buttonBorderRadius: (0, _common.va)('button-border-radius', "4px"),
+  buttonDisabledBg: (0, _common.va)('button-disabled-bg', _common.colorVar.grey300),
+  buttonDisabledColor: (0, _common.va)('button-disabled-color', '#fff'),
+  buttonDisabledDelimiter: (0, _common.va)('button-disabled-delimiter', '#d9d9d9'),
+  buttonLineHeightSmall: 1.5
+});
+var _default = cssVars;
+exports.default = _default;

package/cjs/cssvar/innerTitle.d.ts

@@ -0,0 +1,9 @@
+declare const _default: {
+    innerTitlePaddingY: string;
+    innerTitlePaddingYSmall: string;
+    innerTitlePaddingYLarge: string;
+    innerTitlePaddingX: string;
+    innerTitlePaddingXSmall: string;
+    innerTitlePaddingXLarge: string;
+};
+export default _default;

package/cjs/cssvar/innerTitle.js

@@ -0,0 +1,15 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _default = {
+  innerTitlePaddingY: '4px',
+  innerTitlePaddingYSmall: '4px',
+  innerTitlePaddingYLarge: '4px',
+  innerTitlePaddingX: '8px',
+  innerTitlePaddingXSmall: '8px',
+  innerTitlePaddingXLarge: '8px'
+};
+exports.default = _default;

package/cjs/cssvar/input.d.ts

@@ -0,0 +1,25 @@
+declare const _default: {
+    inputClearSize: string;
+    inputClearBgColor: string;
+    inputClearBgHoverColor: string;
+    inputBg: string;
+    inputPlaceholderColor: string;
+    inputPlaceholderSize: string;
+    inputBorderColor: string;
+    inputBorderDisabledColor: string;
+    inputBorderFocusColor: string;
+    inputBorderErrorColor: string;
+    inputBgDisabled: string;
+    inputTextColor: string;
+    inputDisabledColor: string;
+    inputPaddingXSmall: string;
+    inputPaddingX: string;
+    inputPaddingXLarge: string;
+    inputPaddingYSmall: string;
+    inputPaddingY: string;
+    inputPaddingYLarge: string;
+    inputBorderRadius: string;
+    inputFocusWidth: string;
+    inputBorderFocusColorFade25: string;
+};
+export default _default;

package/cjs/cssvar/input.js

@@ -0,0 +1,33 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _common = require("./common");
+var _default = {
+  inputClearSize: '14px',
+  inputClearBgColor: (0, _common.va)('input-clear-bg-color', '#b3b7c1'),
+  inputClearBgHoverColor: (0, _common.va)('input-clear-bg-hover-color', '#197afa'),
+  // inputBorder
+  inputBg: _common.colorVar.white,
+  inputPlaceholderColor: (0, _common.va)('input-placeholder-color', '#b3b7c1'),
+  inputPlaceholderSize: (0, _common.va)('input-placeholder-size', '14px'),
+  inputBorderColor: (0, _common.va)('input-border-color', '#cccfd7'),
+  inputBorderDisabledColor: (0, _common.va)('input-border-disabled-color', '#cccfd7'),
+  inputBorderFocusColor: (0, _common.va)('input-border-focus-color', _common.colorVar.primaryColor),
+  inputBorderErrorColor: (0, _common.va)('input-border-error-color', _common.colorVar.dangerColor),
+  inputBgDisabled: (0, _common.va)('input-bg-disabled', '#f5f6fb'),
+  inputTextColor: (0, _common.va)('input-text-color', '#333e59'),
+  inputDisabledColor: (0, _common.va)('input-disabled-color', '#999da8'),
+  inputPaddingXSmall: '8px',
+  inputPaddingX: '8px',
+  inputPaddingXLarge: '12px',
+  inputPaddingYSmall: '2px',
+  inputPaddingY: '5px',
+  inputPaddingYLarge: '8px',
+  inputBorderRadius: (0, _common.va)('input-border-radius', '4px'),
+  inputFocusWidth: (0, _common.va)('input-focus-width', '0'),
+  inputBorderFocusColorFade25: (0, _common.va)('input-focus-width', '0')
+};
+exports.default = _default;

package/cjs/cssvar/radio.d.ts

@@ -0,0 +1,6 @@
+declare const _default: {
+    radioWidth: string;
+    radioBorderUncheckWidth: string;
+    radioBorderWidth: string;
+};
+export default _default;

package/cjs/cssvar/radio.js

@@ -0,0 +1,13 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _common = require("./common");
+var _default = {
+  radioWidth: (0, _common.va)('radio-width', '16px'),
+  radioBorderUncheckWidth: (0, _common.va)('radio-border-uncheck-width', '2px'),
+  radioBorderWidth: (0, _common.va)('radio-border-width', '6px')
+};
+exports.default = _default;

package/cjs/date-picker/date-picker.d.ts

@@ -0,0 +1,4 @@
+import { JsStyles } from '../jss-style';
+export declare type DatePickerClass = 'wrapper' | 'wrapperSmall' | 'wrapperLarge' | 'wrapperFocus' | 'wrapperDisabled' | 'wrapperError' | 'wrapperNoBorder' | 'wrapperUnderline' | 'wrapperRange' | 'wrapperPaddingBox' | 'wrapperInnerTitle' | 'wrapperInnerTitleTop' | 'wrapperInnerTitleBottom' | 'resultWrapper' | 'result' | 'resultAlignRight' | 'resultAlignLeft' | 'resultAlignCenter' | 'resultText' | 'resultTextActive' | 'resultTextDisabled' | 'resultTextWrapper' | 'resultTextPadding' | 'resultSeparator' | 'placeholder' | 'icon' | 'clear' | 'pickerWrapper' | 'pickerBox' | 'pickerWrapperOpen' | 'picker' | 'dayPicker' | 'pickerTitle' | 'pickerHeader' | 'pickerHeaderLeft' | 'pickerHeaderRight' | 'pickerHeaderMid' | 'pickerHeaderIcon' | 'pickerHeaderInfo' | 'pickerBody' | 'pickerFooter' | 'pickerFooterBtn' | 'pickerFooterLeft' | 'pickerFooterRight' | 'pickerRow' | 'pickerRowWeek' | 'pickerCell' | 'pickerCellContent' | 'pickerCellActive' | 'pickerCellDisabled' | 'pickerCellToday' | 'pickerCellInRange' | 'pickerCellInRangeStart' | 'pickerCellInRangeEnd' | 'pickerCellBound' | 'yearPicker' | 'weekPicker' | 'monthPicker' | 'quarterPicker' | 'timePicker' | 'timeList' | 'timeItem' | 'timeItemActive' | 'timeItemDisabled' | 'timeBase' | 'datetime' | 'timeBaseItem' | 'quickPicker' | 'quickPickerItem';
+declare const datePickerStyle: JsStyles<DatePickerClass>;
+export default datePickerStyle;