@cleartrip/ct-design-theme 4.0.0-SNAPSHOT-rnfinaltest.0 → 4.0.0-SNAPSHOT-rnfinaltest3.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/ThemeProvider/ThemeProvider.d.ts +1 -0
- package/dist/ThemeProvider/ThemeProvider.d.ts.map +1 -1
- package/dist/ThemeProvider/ThemeProvider.native.d.ts +5 -0
- package/dist/ThemeProvider/ThemeProvider.native.d.ts.map +1 -0
- package/dist/ct-design-theme.browser.cjs.js +1 -1
- package/dist/ct-design-theme.browser.cjs.js.map +1 -1
- package/dist/ct-design-theme.browser.esm.js +1 -1
- package/dist/ct-design-theme.browser.esm.js.map +1 -1
- package/dist/ct-design-theme.cjs.js +1 -1
- package/dist/ct-design-theme.cjs.js.map +1 -1
- package/dist/ct-design-theme.esm.js +1 -1
- package/dist/ct-design-theme.esm.js.map +1 -1
- package/dist/ct-design-theme.umd.js +34 -34
- package/dist/ct-design-theme.umd.js.map +1 -1
- package/dist/themes/type.d.ts +0 -1
- package/dist/themes/type.d.ts.map +1 -1
- package/package.json +4 -3
- package/src/ThemeProvider/ThemeProvider.native.tsx +20 -0
- package/src/ThemeProvider/ThemeProvider.tsx +29 -0
- package/src/ThemeProvider/index.ts +3 -0
- package/src/ThemeProvider/type.ts +15 -0
- package/src/hooks/index.ts +2 -0
- package/src/hooks/useTheme.ts +11 -0
- package/src/hooks/useThemeContext.ts +8 -0
- package/src/index.ts +5 -0
- package/src/themes/B2BTheme.ts +94 -0
- package/src/themes/B2CTheme.ts +5 -0
- package/src/themes/BaseTheme.ts +308 -0
- package/src/themes/SMTheme.ts +86 -0
- package/src/themes/UltraFkTheme.ts +93 -0
- package/src/themes/index.ts +7 -0
- package/src/themes/type.ts +233 -0
- package/src/utils/ThemeManager.ts +36 -0
- package/src/utils/index.ts +21 -0
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
(function (global, factory) {
|
|
2
|
-
typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('@cleartrip/ct-design-tokens'), require('react'), require('react
|
|
3
|
-
typeof define === 'function' && define.amd ? define(['exports', '@cleartrip/ct-design-tokens', 'react', 'react
|
|
4
|
-
(global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory(global.CTDesignSystemTheme = {}, global.ctDesignTokens, global.
|
|
5
|
-
})(this, (function (exports, ctDesignTokens,
|
|
2
|
+
typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('@cleartrip/ct-design-tokens'), require('react/jsx-runtime'), require('react')) :
|
|
3
|
+
typeof define === 'function' && define.amd ? define(['exports', '@cleartrip/ct-design-tokens', 'react/jsx-runtime', 'react'], factory) :
|
|
4
|
+
(global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory(global.CTDesignSystemTheme = {}, global.ctDesignTokens, global.jsxRuntime, global.React));
|
|
5
|
+
})(this, (function (exports, ctDesignTokens, jsxRuntime, React) { 'use strict';
|
|
6
6
|
|
|
7
7
|
function _interopNamespace(e) {
|
|
8
8
|
if (e && e.__esModule) return e;
|
|
@@ -381,16 +381,6 @@
|
|
|
381
381
|
};
|
|
382
382
|
const SMTheme = Object.assign(Object.assign({}, BaseTheme), { color: Object.assign(Object.assign({}, BaseTheme.color), { text: Object.assign(Object.assign({}, BaseTheme.color.text), { primary: ctDesignTokens.colors.superGrey800, secondary: ctDesignTokens.colors.superGrey500, tertiary: ctDesignTokens.colors.superGrey400, warning: ctDesignTokens.colors.systemRed500, disabled: ctDesignTokens.colors.superGrey400, subHeading: ctDesignTokens.colors.superGrey400, success: ctDesignTokens.colors.systemGreen500, link: ctDesignTokens.colors.superBlue500, link2: ctDesignTokens.colors.superBlue500 }), button: Object.assign(Object.assign({}, BaseTheme.color.button), { outlinedPrimaryLabel: ctDesignTokens.colors.superGrey700, outlinedPrimaryBorder: ctDesignTokens.colors.superGrey300, outlinedTertiaryLabel: ctDesignTokens.colors.superGrey700, outlinedTertiaryBorder: ctDesignTokens.colors.superGrey300, outlinedDisabledLabel: ctDesignTokens.colors.disabledText, containedSecondaryLabel: ctDesignTokens.colors.superGrey800, containedPrimaryBg: ctDesignTokens.colors.superBlue500, containedSecondaryBg: ctDesignTokens.colors.superGreen500, containedTertiaryLabel: ctDesignTokens.colors.superGrey300, containedDisabledLabel: ctDesignTokens.colors.disabledText, containedPrimaryLabel: ctDesignTokens.colors.neutral100, hover: hover }), chip: Object.assign(Object.assign({}, BaseTheme.color.chip), { selectedPrimaryLabel: ctDesignTokens.colors.superBlue500, selectedPrimaryBorder: ctDesignTokens.colors.superBlue500, selectedPrimaryBg: ctDesignTokens.colors.superBlue25, disabledPrimaryLabel: ctDesignTokens.colors.superGrey400, nonSelectedPrimaryLabel: ctDesignTokens.colors.superGrey700, disabledPrimaryBg: ctDesignTokens.colors.superGrey200 }), tab: Object.assign(Object.assign({}, BaseTheme.color.tab), { nonSelectedPrimaryLabel: ctDesignTokens.colors.superGrey500, selectedPrimaryLabel: ctDesignTokens.colors.superBlue500 }), background: Object.assign(Object.assign({}, BaseTheme.color.background), { primary: ctDesignTokens.colors.superBlue500, disabled: ctDesignTokens.colors.superGrey50, disabledDark: ctDesignTokens.colors.superGrey300, warning: ctDesignTokens.colors.systemRed500 }), border: Object.assign(Object.assign({}, BaseTheme.color.border), { primary: ctDesignTokens.colors.superBlue500, secondary: ctDesignTokens.colors.neutral900, disabledDark: ctDesignTokens.colors.superGrey300, defaultDark: ctDesignTokens.colors.superGrey400, default: ctDesignTokens.colors.superGrey300, disabled: ctDesignTokens.colors.superGrey200 }) }) });
|
|
383
383
|
|
|
384
|
-
function _extends$1() {
|
|
385
|
-
return _extends$1 = Object.assign ? Object.assign.bind() : function (n) {
|
|
386
|
-
for (var e = 1; e < arguments.length; e++) {
|
|
387
|
-
var t = arguments[e];
|
|
388
|
-
for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]);
|
|
389
|
-
}
|
|
390
|
-
return n;
|
|
391
|
-
}, _extends$1.apply(null, arguments);
|
|
392
|
-
}
|
|
393
|
-
|
|
394
384
|
var isDevelopment$3 = false;
|
|
395
385
|
|
|
396
386
|
/*
|
|
@@ -1596,6 +1586,16 @@
|
|
|
1596
1586
|
return cache;
|
|
1597
1587
|
};
|
|
1598
1588
|
|
|
1589
|
+
function _extends$1() {
|
|
1590
|
+
return _extends$1 = Object.assign ? Object.assign.bind() : function (n) {
|
|
1591
|
+
for (var e = 1; e < arguments.length; e++) {
|
|
1592
|
+
var t = arguments[e];
|
|
1593
|
+
for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]);
|
|
1594
|
+
}
|
|
1595
|
+
return n;
|
|
1596
|
+
}, _extends$1.apply(null, arguments);
|
|
1597
|
+
}
|
|
1598
|
+
|
|
1599
1599
|
var reactIsExports = {};
|
|
1600
1600
|
var reactIs$1 = {
|
|
1601
1601
|
get exports(){ return reactIsExports; },
|
|
@@ -2262,6 +2262,26 @@
|
|
|
2262
2262
|
(function (_JSX) {})(JSX || (JSX = _jsx.JSX || (_jsx.JSX = {})));
|
|
2263
2263
|
})(jsx || (jsx = {}));
|
|
2264
2264
|
|
|
2265
|
+
const getTheme = (themeType) => {
|
|
2266
|
+
switch (themeType) {
|
|
2267
|
+
case 'B2C': {
|
|
2268
|
+
return B2CTheme;
|
|
2269
|
+
}
|
|
2270
|
+
case 'B2B': {
|
|
2271
|
+
return B2BTheme;
|
|
2272
|
+
}
|
|
2273
|
+
case 'FK': {
|
|
2274
|
+
return FKTheme;
|
|
2275
|
+
}
|
|
2276
|
+
case 'SM': {
|
|
2277
|
+
return SMTheme;
|
|
2278
|
+
}
|
|
2279
|
+
default: {
|
|
2280
|
+
return B2CTheme;
|
|
2281
|
+
}
|
|
2282
|
+
}
|
|
2283
|
+
};
|
|
2284
|
+
|
|
2265
2285
|
// eslint-disable-next-line no-undef
|
|
2266
2286
|
var reactPropsRegex = /^((children|dangerouslySetInnerHTML|key|ref|autoFocus|defaultValue|defaultChecked|innerHTML|suppressContentEditableWarning|suppressHydrationWarning|valueLink|abbr|accept|acceptCharset|accessKey|action|allow|allowUserMedia|allowPaymentRequest|allowFullScreen|allowTransparency|alt|async|autoComplete|autoPlay|capture|cellPadding|cellSpacing|challenge|charSet|checked|cite|classID|className|cols|colSpan|content|contentEditable|contextMenu|controls|controlsList|coords|crossOrigin|data|dateTime|decoding|default|defer|dir|disabled|disablePictureInPicture|disableRemotePlayback|download|draggable|encType|enterKeyHint|fetchpriority|fetchPriority|form|formAction|formEncType|formMethod|formNoValidate|formTarget|frameBorder|headers|height|hidden|high|href|hrefLang|htmlFor|httpEquiv|id|inputMode|integrity|is|keyParams|keyType|kind|label|lang|list|loading|loop|low|marginHeight|marginWidth|max|maxLength|media|mediaGroup|method|min|minLength|multiple|muted|name|nonce|noValidate|open|optimum|pattern|placeholder|playsInline|popover|popoverTarget|popoverTargetAction|poster|preload|profile|radioGroup|readOnly|referrerPolicy|rel|required|reversed|role|rows|rowSpan|sandbox|scope|scoped|scrolling|seamless|selected|shape|size|sizes|slot|span|spellCheck|src|srcDoc|srcLang|srcSet|start|step|style|summary|tabIndex|target|title|translate|type|useMap|value|width|wmode|wrap|about|datatype|inlist|prefix|property|resource|typeof|vocab|autoCapitalize|autoCorrect|autoSave|color|incremental|fallback|inert|itemProp|itemScope|itemType|itemID|itemRef|on|option|results|security|unselectable|accentHeight|accumulate|additive|alignmentBaseline|allowReorder|alphabetic|amplitude|arabicForm|ascent|attributeName|attributeType|autoReverse|azimuth|baseFrequency|baselineShift|baseProfile|bbox|begin|bias|by|calcMode|capHeight|clip|clipPathUnits|clipPath|clipRule|colorInterpolation|colorInterpolationFilters|colorProfile|colorRendering|contentScriptType|contentStyleType|cursor|cx|cy|d|decelerate|descent|diffuseConstant|direction|display|divisor|dominantBaseline|dur|dx|dy|edgeMode|elevation|enableBackground|end|exponent|externalResourcesRequired|fill|fillOpacity|fillRule|filter|filterRes|filterUnits|floodColor|floodOpacity|focusable|fontFamily|fontSize|fontSizeAdjust|fontStretch|fontStyle|fontVariant|fontWeight|format|from|fr|fx|fy|g1|g2|glyphName|glyphOrientationHorizontal|glyphOrientationVertical|glyphRef|gradientTransform|gradientUnits|hanging|horizAdvX|horizOriginX|ideographic|imageRendering|in|in2|intercept|k|k1|k2|k3|k4|kernelMatrix|kernelUnitLength|kerning|keyPoints|keySplines|keyTimes|lengthAdjust|letterSpacing|lightingColor|limitingConeAngle|local|markerEnd|markerMid|markerStart|markerHeight|markerUnits|markerWidth|mask|maskContentUnits|maskUnits|mathematical|mode|numOctaves|offset|opacity|operator|order|orient|orientation|origin|overflow|overlinePosition|overlineThickness|panose1|paintOrder|pathLength|patternContentUnits|patternTransform|patternUnits|pointerEvents|points|pointsAtX|pointsAtY|pointsAtZ|preserveAlpha|preserveAspectRatio|primitiveUnits|r|radius|refX|refY|renderingIntent|repeatCount|repeatDur|requiredExtensions|requiredFeatures|restart|result|rotate|rx|ry|scale|seed|shapeRendering|slope|spacing|specularConstant|specularExponent|speed|spreadMethod|startOffset|stdDeviation|stemh|stemv|stitchTiles|stopColor|stopOpacity|strikethroughPosition|strikethroughThickness|string|stroke|strokeDasharray|strokeDashoffset|strokeLinecap|strokeLinejoin|strokeMiterlimit|strokeOpacity|strokeWidth|surfaceScale|systemLanguage|tableValues|targetX|targetY|textAnchor|textDecoration|textRendering|textLength|to|transform|u1|u2|underlinePosition|underlineThickness|unicode|unicodeBidi|unicodeRange|unitsPerEm|vAlphabetic|vHanging|vIdeographic|vMathematical|values|vectorEffect|version|vertAdvY|vertOriginX|vertOriginY|viewBox|viewTarget|visibility|widths|wordSpacing|writingMode|x|xHeight|x1|x2|xChannelSelector|xlinkActuate|xlinkArcrole|xlinkHref|xlinkRole|xlinkShow|xlinkTitle|xlinkType|xmlBase|xmlns|xmlnsXlink|xmlLang|xmlSpace|y|y1|y2|yChannelSelector|z|zoomAndPan|for|class|autofocus)|(([Dd][Aa][Tt][Aa]|[Aa][Rr][Ii][Aa]|x)-.*))$/; // https://esbench.com/bench/5bfee68a4cd7e6009ef61d23
|
|
2267
2287
|
|
|
@@ -2425,26 +2445,6 @@
|
|
|
2425
2445
|
styled[tagName] = styled(tagName);
|
|
2426
2446
|
});
|
|
2427
2447
|
|
|
2428
|
-
const getTheme = (themeType) => {
|
|
2429
|
-
switch (themeType) {
|
|
2430
|
-
case 'B2C': {
|
|
2431
|
-
return B2CTheme;
|
|
2432
|
-
}
|
|
2433
|
-
case 'B2B': {
|
|
2434
|
-
return B2BTheme;
|
|
2435
|
-
}
|
|
2436
|
-
case 'FK': {
|
|
2437
|
-
return FKTheme;
|
|
2438
|
-
}
|
|
2439
|
-
case 'SM': {
|
|
2440
|
-
return SMTheme;
|
|
2441
|
-
}
|
|
2442
|
-
default: {
|
|
2443
|
-
return B2CTheme;
|
|
2444
|
-
}
|
|
2445
|
-
}
|
|
2446
|
-
};
|
|
2447
|
-
|
|
2448
2448
|
const ThemeContext = React.createContext({
|
|
2449
2449
|
theme: B2CTheme,
|
|
2450
2450
|
platform: 'mobile',
|