@groupeactual/ui-kit 0.2.7 → 0.2.9
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/cjs/DesignSystemProvider.d.ts +3 -2
- package/dist/cjs/components/Heading/Heading.d.ts +3 -3
- package/dist/cjs/components/Link/Link.d.ts +8 -0
- package/dist/cjs/components/Link/index.d.ts +1 -0
- package/dist/cjs/components/Text/Text.d.ts +5 -5
- package/dist/cjs/components/index.d.ts +6 -5
- package/dist/cjs/index.js +439 -174
- package/dist/cjs/index.js.map +1 -1
- package/dist/esm/DesignSystemProvider.d.ts +3 -2
- package/dist/esm/components/Heading/Heading.d.ts +3 -3
- package/dist/esm/components/Link/Link.d.ts +8 -0
- package/dist/esm/components/Link/index.d.ts +1 -0
- package/dist/esm/components/Text/Text.d.ts +5 -5
- package/dist/esm/components/index.d.ts +6 -5
- package/dist/esm/index.js +434 -170
- package/dist/esm/index.js.map +1 -1
- package/dist/index.d.ts +17 -10
- package/package.json +1 -1
- package/src/DesignSystemProvider.tsx +9 -4
- package/src/components/Heading/Heading.tsx +3 -4
- package/src/components/Link/Link.tsx +10 -0
- package/src/components/Link/index.ts +1 -0
- package/src/components/Text/Text.tsx +15 -5
- package/src/components/index.ts +6 -5
package/dist/cjs/index.js
CHANGED
|
@@ -5652,8 +5652,8 @@ const backgroundColor = style$1({
|
|
|
5652
5652
|
prop: 'backgroundColor',
|
|
5653
5653
|
themeKey: 'palette'
|
|
5654
5654
|
});
|
|
5655
|
-
const palette
|
|
5656
|
-
var palette$
|
|
5655
|
+
const palette = compose(color, bgcolor, backgroundColor);
|
|
5656
|
+
var palette$1 = palette;
|
|
5657
5657
|
|
|
5658
5658
|
const position = style$1({
|
|
5659
5659
|
prop: 'position'
|
|
@@ -5781,7 +5781,7 @@ const filterPropsMapping = {
|
|
|
5781
5781
|
flexbox: flexbox$1.filterProps,
|
|
5782
5782
|
grid: grid$1.filterProps,
|
|
5783
5783
|
positions: positions.filterProps,
|
|
5784
|
-
palette: palette$
|
|
5784
|
+
palette: palette$1.filterProps,
|
|
5785
5785
|
shadows: shadows$2.filterProps,
|
|
5786
5786
|
sizing: sizing$1.filterProps,
|
|
5787
5787
|
spacing: spacing.filterProps,
|
|
@@ -5793,7 +5793,7 @@ const styleFunctionMapping = {
|
|
|
5793
5793
|
flexbox: flexbox$1,
|
|
5794
5794
|
grid: grid$1,
|
|
5795
5795
|
positions,
|
|
5796
|
-
palette: palette$
|
|
5796
|
+
palette: palette$1,
|
|
5797
5797
|
shadows: shadows$2,
|
|
5798
5798
|
sizing: sizing$1,
|
|
5799
5799
|
spacing,
|
|
@@ -51375,9 +51375,12 @@ process.env.NODE_ENV !== "production" ? TextField$1.propTypes
|
|
|
51375
51375
|
} : void 0;
|
|
51376
51376
|
var MuiTextField = TextField$1;
|
|
51377
51377
|
|
|
51378
|
-
|
|
51378
|
+
// @ts-ignore
|
|
51379
|
+
var Text = function (props) { return jsxRuntime.jsx(Typography$1, __assign({}, props)); };
|
|
51379
51380
|
|
|
51380
|
-
var
|
|
51381
|
+
var Link = function (props) { return jsxRuntime.jsx(Typography$1, __assign({}, props)); };
|
|
51382
|
+
|
|
51383
|
+
var Heading = function (props) { return jsxRuntime.jsx(Typography$1, __assign({}, props)); };
|
|
51381
51384
|
|
|
51382
51385
|
var ActButton = styled$1(Button$1)(function (_a) {
|
|
51383
51386
|
var theme = _a.theme;
|
|
@@ -51432,9 +51435,58 @@ var Checkbox = function (_a) {
|
|
|
51432
51435
|
|
|
51433
51436
|
/**
|
|
51434
51437
|
* Do not edit directly
|
|
51435
|
-
* Generated on Fri,
|
|
51438
|
+
* Generated on Fri, 25 Nov 2022 16:01:16 GMT
|
|
51436
51439
|
*/
|
|
51437
51440
|
var DefaultWebShadowAllContent = { "color": "#2727271f", "type": "dropShadow", "x": "0", "y": "2", "blur": "10", "spread": "0" };
|
|
51441
|
+
var DefaultSpacingXxs = "4";
|
|
51442
|
+
var DefaultSpacingXs = "8";
|
|
51443
|
+
var DefaultSpacingMd = "16";
|
|
51444
|
+
var DefaultSpacingLg = "24";
|
|
51445
|
+
var DefaultSpacingXl = "32";
|
|
51446
|
+
var DefaultSpacingXxl = "40";
|
|
51447
|
+
var DefaultSpacingXxxl = "72";
|
|
51448
|
+
var DefaultBorderRadius4 = "4";
|
|
51449
|
+
var DefaultBorderRadius8 = "8";
|
|
51450
|
+
var DefaultBorderRadius16 = "16";
|
|
51451
|
+
var DefaultBorderRadius24 = "24";
|
|
51452
|
+
var DefaultSizingXs = "8";
|
|
51453
|
+
var DefaultSizingSm = "12";
|
|
51454
|
+
var DefaultSizingMd = "16";
|
|
51455
|
+
var DefaultSizingLg = "24";
|
|
51456
|
+
var DefaultSizingXl = "32";
|
|
51457
|
+
var DefaultSizingXxl = "40";
|
|
51458
|
+
var DefaultSizingXxxl = "72";
|
|
51459
|
+
var DefaultColorsRedActual = "#e40521";
|
|
51460
|
+
var DefaultColorsBlueClickable = "#136cac";
|
|
51461
|
+
var DefaultColorsBlueHoverClickable = "#004f88";
|
|
51462
|
+
var DefaultColorsGreyMediumInactive = "#808080";
|
|
51463
|
+
var DefaultColorsGreyXDark = "#272727";
|
|
51464
|
+
var DefaultColorsGreyDark = "#545352";
|
|
51465
|
+
var DefaultColorsWhite = "#ffffff";
|
|
51466
|
+
var DefaultColorsGreyXLight = "#f0f0f0";
|
|
51467
|
+
var DefaultColorsGreyXDarkBgModal = "#27272780";
|
|
51468
|
+
var DefaultColorsBlueHoverEquivalence12 = "#e8f1f7";
|
|
51469
|
+
var DefaultColorsBlueHoverOpacity12 = "#136cac1f";
|
|
51470
|
+
var DefaultColorsGreyLightDefaultborder = "#cbcbcb";
|
|
51471
|
+
var DefaultColorsBlueInfo = "#1d91c3";
|
|
51472
|
+
var DefaultColorsGreenSuccess = "#23956d";
|
|
51473
|
+
var DefaultColorsOrangeWarning = "#e46221";
|
|
51474
|
+
var DefaultColorsRedError = "#b80025";
|
|
51475
|
+
var DefaultColorsBlueDark = "#0d2c54";
|
|
51476
|
+
var DefaultColorsBlueMedium = "#3d5a80";
|
|
51477
|
+
var DefaultColorsBlueLight = "#7fdcea";
|
|
51478
|
+
var DefaultColorsGreenDark = "#125e42";
|
|
51479
|
+
var DefaultColorsGreenMedium = "#1f8461";
|
|
51480
|
+
var DefaultColorsGreen = "#5dca8b";
|
|
51481
|
+
var DefaultColorsGreenLight = "#bad07a";
|
|
51482
|
+
var DefaultColorsBrown = "#6f2902";
|
|
51483
|
+
var DefaultColorsBrownLight = "#b65700";
|
|
51484
|
+
var DefaultColorsOrangeLight = "#f59b00";
|
|
51485
|
+
var DefaultColorsYellow = "#f9d25e";
|
|
51486
|
+
var DefaultColorsPurpleDark = "#530d48";
|
|
51487
|
+
var DefaultColorsPurple = "#831443";
|
|
51488
|
+
var DefaultColorsPink = "#ca1e5c";
|
|
51489
|
+
var DefaultColorsPinkLight = "#fd6972";
|
|
51438
51490
|
var DefaultFontFamiliesRoboto = "Roboto";
|
|
51439
51491
|
var DefaultLineHeights12 = "12";
|
|
51440
51492
|
var DefaultLineHeights16 = "16";
|
|
@@ -51447,8 +51499,8 @@ var DefaultLineHeights49 = "49";
|
|
|
51447
51499
|
var DefaultFontWeightsRoboto700 = "Bold";
|
|
51448
51500
|
var DefaultFontWeightsRoboto500 = "Medium";
|
|
51449
51501
|
var DefaultFontWeightsRoboto400 = "Regular";
|
|
51450
|
-
var
|
|
51451
|
-
var
|
|
51502
|
+
var DefaultFontSize11 = "11";
|
|
51503
|
+
var DefaultFontSize13 = "13";
|
|
51452
51504
|
var DefaultFontSize14 = "14";
|
|
51453
51505
|
var DefaultFontSize16 = "16";
|
|
51454
51506
|
var DefaultFontSize18 = "18";
|
|
@@ -51456,65 +51508,130 @@ var DefaultFontSize24 = "24";
|
|
|
51456
51508
|
var DefaultFontSize29 = "29";
|
|
51457
51509
|
var DefaultFontSize35 = "35";
|
|
51458
51510
|
var DefaultFontSize42 = "42";
|
|
51459
|
-
var
|
|
51511
|
+
var DefaultLetterSpacingNone = "none";
|
|
51460
51512
|
var DefaultParagraphSpacing0 = "0";
|
|
51461
51513
|
var DefaultParagraphSpacing8 = "8";
|
|
51462
51514
|
var DefaultTextCaseNone = "none";
|
|
51463
51515
|
var DefaultTextDecorationNone = "none";
|
|
51464
51516
|
var DefaultTextDecorationUnderline = "underline";
|
|
51465
|
-
var
|
|
51466
|
-
var
|
|
51467
|
-
var
|
|
51468
|
-
var
|
|
51469
|
-
var
|
|
51470
|
-
var
|
|
51471
|
-
var
|
|
51472
|
-
var
|
|
51473
|
-
var
|
|
51474
|
-
var
|
|
51475
|
-
var
|
|
51476
|
-
var
|
|
51477
|
-
var
|
|
51478
|
-
var
|
|
51479
|
-
var
|
|
51480
|
-
var
|
|
51481
|
-
var
|
|
51482
|
-
var
|
|
51483
|
-
var
|
|
51484
|
-
var
|
|
51485
|
-
var
|
|
51486
|
-
var
|
|
51487
|
-
var
|
|
51488
|
-
var
|
|
51489
|
-
var
|
|
51490
|
-
var
|
|
51491
|
-
var
|
|
51492
|
-
var
|
|
51493
|
-
var
|
|
51494
|
-
var
|
|
51495
|
-
var
|
|
51496
|
-
var
|
|
51497
|
-
var
|
|
51498
|
-
var
|
|
51499
|
-
var
|
|
51500
|
-
var
|
|
51501
|
-
var
|
|
51502
|
-
var
|
|
51503
|
-
var
|
|
51504
|
-
var
|
|
51505
|
-
var
|
|
51506
|
-
var
|
|
51507
|
-
var
|
|
51508
|
-
var
|
|
51509
|
-
var
|
|
51510
|
-
var
|
|
51511
|
-
var
|
|
51512
|
-
var
|
|
51513
|
-
var
|
|
51517
|
+
var EpAppShadowAllContent = { "color": "#dedada66", "type": "dropShadow", "x": "0", "y": "4", "blur": "15", "spread": "0" };
|
|
51518
|
+
var EpAppShadowButtomMenu = { "color": "#dedada66", "type": "dropShadow", "x": "0", "y": "-4", "blur": "15", "spread": "0" };
|
|
51519
|
+
var EpBorderRadius4 = "4";
|
|
51520
|
+
var EpBorderRadius8 = "8";
|
|
51521
|
+
var EpBorderRadius16 = "16";
|
|
51522
|
+
var EpBorderRadius24 = "24";
|
|
51523
|
+
var EpSpacingXxs = "4";
|
|
51524
|
+
var EpSpacingXs = "8";
|
|
51525
|
+
var EpSpacingMd = "16";
|
|
51526
|
+
var EpSpacingLg = "24";
|
|
51527
|
+
var EpSpacingXl = "32";
|
|
51528
|
+
var EpSpacingXxl = "40";
|
|
51529
|
+
var EpSpacingXxxl = "72";
|
|
51530
|
+
var EpColorsRed = "#e11c31";
|
|
51531
|
+
var EpColorsRedHover = "#b61425";
|
|
51532
|
+
var EpColorsGreenBlue = "#159f9f";
|
|
51533
|
+
var EpColorsGreenBlueHover = "#128888";
|
|
51534
|
+
var EpColorsGreyMediumInactive = "#808080";
|
|
51535
|
+
var EpColorsBlack = "#161616";
|
|
51536
|
+
var EpColorsGreyDark = "#676767";
|
|
51537
|
+
var EpColorsWhite = "#ffffff";
|
|
51538
|
+
var EpColorsRedLight = "#fff7f5";
|
|
51539
|
+
var EpColorsGreenLight = "#f2f8f8";
|
|
51540
|
+
var EpColorsGreyDarkBgModal = "#67676780";
|
|
51541
|
+
var EpColorsGreyLightBorder = "#cbcbcb";
|
|
51542
|
+
var EpColorsBlueInfo = "#1d91c3";
|
|
51543
|
+
var EpColorsGreenSucces = "#23956d";
|
|
51544
|
+
var EpColorsOrangeWarning = "#e46221";
|
|
51545
|
+
var EpColorsRedError = "#b80025";
|
|
51546
|
+
var EpColorsGrey = "#acc1cc";
|
|
51547
|
+
var EpColorsRedPastel = "#feefeb";
|
|
51548
|
+
var EpColorsGreenPastel = "#e4f1f1";
|
|
51549
|
+
var EpColorsGreyPastel = "#eaf2f6";
|
|
51550
|
+
var EpSizingXs = "8";
|
|
51551
|
+
var EpSizingSm = "12";
|
|
51552
|
+
var EpSizingMd = "16";
|
|
51553
|
+
var EpSizingLg = "24";
|
|
51554
|
+
var EpSizingXl = "32";
|
|
51555
|
+
var EpSizingXxl = "40";
|
|
51556
|
+
var EpSizingXxxl = "72";
|
|
51557
|
+
var EpFontFamiliesManrope = "Manrope";
|
|
51558
|
+
var EpFontFamiliesOpenSans = "Open Sans";
|
|
51559
|
+
var EpLineHeights14 = "14";
|
|
51560
|
+
var EpLineHeights16 = "16";
|
|
51561
|
+
var EpLineHeights20 = "20";
|
|
51562
|
+
var EpLineHeights24 = "24";
|
|
51563
|
+
var EpLineHeights26 = "26";
|
|
51564
|
+
var EpLineHeights34 = "34";
|
|
51565
|
+
var EpFontWeightsManrope700 = "Bold";
|
|
51566
|
+
var EpFontWeightsManrope500 = "Medium";
|
|
51567
|
+
var EpFontWeightsOpenSans400 = "Regular";
|
|
51568
|
+
var EpFontWeightsOpenSans600 = "SemiBold";
|
|
51569
|
+
var EpFontWeightsOpenSans700 = "Bold";
|
|
51570
|
+
var EpFontSize10 = "10";
|
|
51571
|
+
var EpFontSize12 = "12";
|
|
51572
|
+
var EpFontSize14 = "14";
|
|
51573
|
+
var EpFontSize16 = "16";
|
|
51574
|
+
var EpFontSize18 = "18";
|
|
51575
|
+
var EpFontSize24 = "24";
|
|
51576
|
+
var EpLetterSpacingNone = "none";
|
|
51577
|
+
var EpParagraphSpacing0 = "0";
|
|
51578
|
+
var EpParagraphSpacing8 = "8";
|
|
51579
|
+
var EpTextCaseNone = "none";
|
|
51580
|
+
var EpTextDecorationNone = "none";
|
|
51581
|
+
var EpTextDecorationUnderline = "underline";
|
|
51514
51582
|
|
|
51515
51583
|
var tokens = /*#__PURE__*/Object.freeze({
|
|
51516
51584
|
__proto__: null,
|
|
51517
51585
|
DefaultWebShadowAllContent: DefaultWebShadowAllContent,
|
|
51586
|
+
DefaultSpacingXxs: DefaultSpacingXxs,
|
|
51587
|
+
DefaultSpacingXs: DefaultSpacingXs,
|
|
51588
|
+
DefaultSpacingMd: DefaultSpacingMd,
|
|
51589
|
+
DefaultSpacingLg: DefaultSpacingLg,
|
|
51590
|
+
DefaultSpacingXl: DefaultSpacingXl,
|
|
51591
|
+
DefaultSpacingXxl: DefaultSpacingXxl,
|
|
51592
|
+
DefaultSpacingXxxl: DefaultSpacingXxxl,
|
|
51593
|
+
DefaultBorderRadius4: DefaultBorderRadius4,
|
|
51594
|
+
DefaultBorderRadius8: DefaultBorderRadius8,
|
|
51595
|
+
DefaultBorderRadius16: DefaultBorderRadius16,
|
|
51596
|
+
DefaultBorderRadius24: DefaultBorderRadius24,
|
|
51597
|
+
DefaultSizingXs: DefaultSizingXs,
|
|
51598
|
+
DefaultSizingSm: DefaultSizingSm,
|
|
51599
|
+
DefaultSizingMd: DefaultSizingMd,
|
|
51600
|
+
DefaultSizingLg: DefaultSizingLg,
|
|
51601
|
+
DefaultSizingXl: DefaultSizingXl,
|
|
51602
|
+
DefaultSizingXxl: DefaultSizingXxl,
|
|
51603
|
+
DefaultSizingXxxl: DefaultSizingXxxl,
|
|
51604
|
+
DefaultColorsRedActual: DefaultColorsRedActual,
|
|
51605
|
+
DefaultColorsBlueClickable: DefaultColorsBlueClickable,
|
|
51606
|
+
DefaultColorsBlueHoverClickable: DefaultColorsBlueHoverClickable,
|
|
51607
|
+
DefaultColorsGreyMediumInactive: DefaultColorsGreyMediumInactive,
|
|
51608
|
+
DefaultColorsGreyXDark: DefaultColorsGreyXDark,
|
|
51609
|
+
DefaultColorsGreyDark: DefaultColorsGreyDark,
|
|
51610
|
+
DefaultColorsWhite: DefaultColorsWhite,
|
|
51611
|
+
DefaultColorsGreyXLight: DefaultColorsGreyXLight,
|
|
51612
|
+
DefaultColorsGreyXDarkBgModal: DefaultColorsGreyXDarkBgModal,
|
|
51613
|
+
DefaultColorsBlueHoverEquivalence12: DefaultColorsBlueHoverEquivalence12,
|
|
51614
|
+
DefaultColorsBlueHoverOpacity12: DefaultColorsBlueHoverOpacity12,
|
|
51615
|
+
DefaultColorsGreyLightDefaultborder: DefaultColorsGreyLightDefaultborder,
|
|
51616
|
+
DefaultColorsBlueInfo: DefaultColorsBlueInfo,
|
|
51617
|
+
DefaultColorsGreenSuccess: DefaultColorsGreenSuccess,
|
|
51618
|
+
DefaultColorsOrangeWarning: DefaultColorsOrangeWarning,
|
|
51619
|
+
DefaultColorsRedError: DefaultColorsRedError,
|
|
51620
|
+
DefaultColorsBlueDark: DefaultColorsBlueDark,
|
|
51621
|
+
DefaultColorsBlueMedium: DefaultColorsBlueMedium,
|
|
51622
|
+
DefaultColorsBlueLight: DefaultColorsBlueLight,
|
|
51623
|
+
DefaultColorsGreenDark: DefaultColorsGreenDark,
|
|
51624
|
+
DefaultColorsGreenMedium: DefaultColorsGreenMedium,
|
|
51625
|
+
DefaultColorsGreen: DefaultColorsGreen,
|
|
51626
|
+
DefaultColorsGreenLight: DefaultColorsGreenLight,
|
|
51627
|
+
DefaultColorsBrown: DefaultColorsBrown,
|
|
51628
|
+
DefaultColorsBrownLight: DefaultColorsBrownLight,
|
|
51629
|
+
DefaultColorsOrangeLight: DefaultColorsOrangeLight,
|
|
51630
|
+
DefaultColorsYellow: DefaultColorsYellow,
|
|
51631
|
+
DefaultColorsPurpleDark: DefaultColorsPurpleDark,
|
|
51632
|
+
DefaultColorsPurple: DefaultColorsPurple,
|
|
51633
|
+
DefaultColorsPink: DefaultColorsPink,
|
|
51634
|
+
DefaultColorsPinkLight: DefaultColorsPinkLight,
|
|
51518
51635
|
DefaultFontFamiliesRoboto: DefaultFontFamiliesRoboto,
|
|
51519
51636
|
DefaultLineHeights12: DefaultLineHeights12,
|
|
51520
51637
|
DefaultLineHeights16: DefaultLineHeights16,
|
|
@@ -51527,8 +51644,8 @@ var tokens = /*#__PURE__*/Object.freeze({
|
|
|
51527
51644
|
DefaultFontWeightsRoboto700: DefaultFontWeightsRoboto700,
|
|
51528
51645
|
DefaultFontWeightsRoboto500: DefaultFontWeightsRoboto500,
|
|
51529
51646
|
DefaultFontWeightsRoboto400: DefaultFontWeightsRoboto400,
|
|
51530
|
-
|
|
51531
|
-
|
|
51647
|
+
DefaultFontSize11: DefaultFontSize11,
|
|
51648
|
+
DefaultFontSize13: DefaultFontSize13,
|
|
51532
51649
|
DefaultFontSize14: DefaultFontSize14,
|
|
51533
51650
|
DefaultFontSize16: DefaultFontSize16,
|
|
51534
51651
|
DefaultFontSize18: DefaultFontSize18,
|
|
@@ -51536,150 +51653,297 @@ var tokens = /*#__PURE__*/Object.freeze({
|
|
|
51536
51653
|
DefaultFontSize29: DefaultFontSize29,
|
|
51537
51654
|
DefaultFontSize35: DefaultFontSize35,
|
|
51538
51655
|
DefaultFontSize42: DefaultFontSize42,
|
|
51539
|
-
|
|
51656
|
+
DefaultLetterSpacingNone: DefaultLetterSpacingNone,
|
|
51540
51657
|
DefaultParagraphSpacing0: DefaultParagraphSpacing0,
|
|
51541
51658
|
DefaultParagraphSpacing8: DefaultParagraphSpacing8,
|
|
51542
51659
|
DefaultTextCaseNone: DefaultTextCaseNone,
|
|
51543
51660
|
DefaultTextDecorationNone: DefaultTextDecorationNone,
|
|
51544
51661
|
DefaultTextDecorationUnderline: DefaultTextDecorationUnderline,
|
|
51545
|
-
|
|
51546
|
-
|
|
51547
|
-
|
|
51548
|
-
|
|
51549
|
-
|
|
51550
|
-
|
|
51551
|
-
|
|
51552
|
-
|
|
51553
|
-
|
|
51554
|
-
|
|
51555
|
-
|
|
51556
|
-
|
|
51557
|
-
|
|
51558
|
-
|
|
51559
|
-
|
|
51560
|
-
|
|
51561
|
-
|
|
51562
|
-
|
|
51563
|
-
|
|
51564
|
-
|
|
51565
|
-
|
|
51566
|
-
|
|
51567
|
-
|
|
51568
|
-
|
|
51569
|
-
|
|
51570
|
-
|
|
51571
|
-
|
|
51572
|
-
|
|
51573
|
-
|
|
51574
|
-
|
|
51575
|
-
|
|
51576
|
-
|
|
51577
|
-
|
|
51578
|
-
|
|
51579
|
-
|
|
51580
|
-
|
|
51581
|
-
|
|
51582
|
-
|
|
51583
|
-
|
|
51584
|
-
|
|
51585
|
-
|
|
51586
|
-
|
|
51587
|
-
|
|
51588
|
-
|
|
51589
|
-
|
|
51590
|
-
|
|
51591
|
-
|
|
51592
|
-
|
|
51593
|
-
|
|
51662
|
+
EpAppShadowAllContent: EpAppShadowAllContent,
|
|
51663
|
+
EpAppShadowButtomMenu: EpAppShadowButtomMenu,
|
|
51664
|
+
EpBorderRadius4: EpBorderRadius4,
|
|
51665
|
+
EpBorderRadius8: EpBorderRadius8,
|
|
51666
|
+
EpBorderRadius16: EpBorderRadius16,
|
|
51667
|
+
EpBorderRadius24: EpBorderRadius24,
|
|
51668
|
+
EpSpacingXxs: EpSpacingXxs,
|
|
51669
|
+
EpSpacingXs: EpSpacingXs,
|
|
51670
|
+
EpSpacingMd: EpSpacingMd,
|
|
51671
|
+
EpSpacingLg: EpSpacingLg,
|
|
51672
|
+
EpSpacingXl: EpSpacingXl,
|
|
51673
|
+
EpSpacingXxl: EpSpacingXxl,
|
|
51674
|
+
EpSpacingXxxl: EpSpacingXxxl,
|
|
51675
|
+
EpColorsRed: EpColorsRed,
|
|
51676
|
+
EpColorsRedHover: EpColorsRedHover,
|
|
51677
|
+
EpColorsGreenBlue: EpColorsGreenBlue,
|
|
51678
|
+
EpColorsGreenBlueHover: EpColorsGreenBlueHover,
|
|
51679
|
+
EpColorsGreyMediumInactive: EpColorsGreyMediumInactive,
|
|
51680
|
+
EpColorsBlack: EpColorsBlack,
|
|
51681
|
+
EpColorsGreyDark: EpColorsGreyDark,
|
|
51682
|
+
EpColorsWhite: EpColorsWhite,
|
|
51683
|
+
EpColorsRedLight: EpColorsRedLight,
|
|
51684
|
+
EpColorsGreenLight: EpColorsGreenLight,
|
|
51685
|
+
EpColorsGreyDarkBgModal: EpColorsGreyDarkBgModal,
|
|
51686
|
+
EpColorsGreyLightBorder: EpColorsGreyLightBorder,
|
|
51687
|
+
EpColorsBlueInfo: EpColorsBlueInfo,
|
|
51688
|
+
EpColorsGreenSucces: EpColorsGreenSucces,
|
|
51689
|
+
EpColorsOrangeWarning: EpColorsOrangeWarning,
|
|
51690
|
+
EpColorsRedError: EpColorsRedError,
|
|
51691
|
+
EpColorsGrey: EpColorsGrey,
|
|
51692
|
+
EpColorsRedPastel: EpColorsRedPastel,
|
|
51693
|
+
EpColorsGreenPastel: EpColorsGreenPastel,
|
|
51694
|
+
EpColorsGreyPastel: EpColorsGreyPastel,
|
|
51695
|
+
EpSizingXs: EpSizingXs,
|
|
51696
|
+
EpSizingSm: EpSizingSm,
|
|
51697
|
+
EpSizingMd: EpSizingMd,
|
|
51698
|
+
EpSizingLg: EpSizingLg,
|
|
51699
|
+
EpSizingXl: EpSizingXl,
|
|
51700
|
+
EpSizingXxl: EpSizingXxl,
|
|
51701
|
+
EpSizingXxxl: EpSizingXxxl,
|
|
51702
|
+
EpFontFamiliesManrope: EpFontFamiliesManrope,
|
|
51703
|
+
EpFontFamiliesOpenSans: EpFontFamiliesOpenSans,
|
|
51704
|
+
EpLineHeights14: EpLineHeights14,
|
|
51705
|
+
EpLineHeights16: EpLineHeights16,
|
|
51706
|
+
EpLineHeights20: EpLineHeights20,
|
|
51707
|
+
EpLineHeights24: EpLineHeights24,
|
|
51708
|
+
EpLineHeights26: EpLineHeights26,
|
|
51709
|
+
EpLineHeights34: EpLineHeights34,
|
|
51710
|
+
EpFontWeightsManrope700: EpFontWeightsManrope700,
|
|
51711
|
+
EpFontWeightsManrope500: EpFontWeightsManrope500,
|
|
51712
|
+
EpFontWeightsOpenSans400: EpFontWeightsOpenSans400,
|
|
51713
|
+
EpFontWeightsOpenSans600: EpFontWeightsOpenSans600,
|
|
51714
|
+
EpFontWeightsOpenSans700: EpFontWeightsOpenSans700,
|
|
51715
|
+
EpFontSize10: EpFontSize10,
|
|
51716
|
+
EpFontSize12: EpFontSize12,
|
|
51717
|
+
EpFontSize14: EpFontSize14,
|
|
51718
|
+
EpFontSize16: EpFontSize16,
|
|
51719
|
+
EpFontSize18: EpFontSize18,
|
|
51720
|
+
EpFontSize24: EpFontSize24,
|
|
51721
|
+
EpLetterSpacingNone: EpLetterSpacingNone,
|
|
51722
|
+
EpParagraphSpacing0: EpParagraphSpacing0,
|
|
51723
|
+
EpParagraphSpacing8: EpParagraphSpacing8,
|
|
51724
|
+
EpTextCaseNone: EpTextCaseNone,
|
|
51725
|
+
EpTextDecorationNone: EpTextDecorationNone,
|
|
51726
|
+
EpTextDecorationUnderline: EpTextDecorationUnderline
|
|
51594
51727
|
});
|
|
51595
51728
|
|
|
51596
|
-
var getTokensByType = function (type) {
|
|
51729
|
+
var getTokensByType = function (themeName, type) {
|
|
51597
51730
|
var defaultTokens = {};
|
|
51598
51731
|
Object.keys(tokens).forEach(function (colorName) {
|
|
51599
|
-
if (colorName.startsWith("
|
|
51600
|
-
var colorKey = colorName.replace("
|
|
51732
|
+
if (colorName.startsWith("".concat(themeName).concat(type))) {
|
|
51733
|
+
var colorKey = colorName.replace("".concat(themeName).concat(type), '');
|
|
51601
51734
|
colorKey = colorKey.charAt(0).toLowerCase() + colorKey.slice(1);
|
|
51602
51735
|
defaultTokens[colorKey] = tokens[colorName];
|
|
51603
51736
|
}
|
|
51604
51737
|
});
|
|
51605
51738
|
return defaultTokens;
|
|
51606
51739
|
};
|
|
51740
|
+
var getMuiPalette = function (themeName) {
|
|
51741
|
+
var palette = {};
|
|
51742
|
+
Object.keys(tokens).forEach(function (colorName) {
|
|
51743
|
+
if (colorName.startsWith(themeName + 'Colors')) {
|
|
51744
|
+
var colorKey = colorName.replace(themeName + 'Colors', '');
|
|
51745
|
+
colorKey = colorKey.charAt(0).toLowerCase() + colorKey.slice(1);
|
|
51746
|
+
palette[colorKey] = tokens[colorName];
|
|
51747
|
+
}
|
|
51748
|
+
});
|
|
51749
|
+
return palette;
|
|
51750
|
+
};
|
|
51751
|
+
var getFontFamilies = function (themeName) {
|
|
51752
|
+
var designTokens = tokens;
|
|
51753
|
+
var fontFamilies = [];
|
|
51754
|
+
Object.keys(tokens).forEach(function (fontFamily) {
|
|
51755
|
+
if (fontFamily.startsWith(themeName + 'FontFamilies')) {
|
|
51756
|
+
fontFamilies.push(designTokens[fontFamily]);
|
|
51757
|
+
}
|
|
51758
|
+
});
|
|
51759
|
+
return fontFamilies;
|
|
51760
|
+
};
|
|
51761
|
+
|
|
51607
51762
|
var useThemeTokens = function (themeName) {
|
|
51608
|
-
|
|
51609
|
-
var tokens = React.useMemo(function () {
|
|
51763
|
+
var themeTokens = React.useMemo(function () {
|
|
51610
51764
|
return {
|
|
51611
|
-
|
|
51612
|
-
fontWeights: getTokensByType('FontWeights'),
|
|
51613
|
-
lineHeights: getTokensByType('LineHeights'),
|
|
51614
|
-
|
|
51615
|
-
|
|
51616
|
-
|
|
51765
|
+
fontSize: getTokensByType(themeName, 'FontSize'),
|
|
51766
|
+
fontWeights: getTokensByType(themeName, 'FontWeights'),
|
|
51767
|
+
lineHeights: getTokensByType(themeName, 'LineHeights'),
|
|
51768
|
+
fontFamilies: getFontFamilies(themeName),
|
|
51769
|
+
letterSpacing: getTokensByType(themeName, 'LetterSpacing'),
|
|
51770
|
+
paragraphSpacing: getTokensByType(themeName, 'ParagraphSpacing'),
|
|
51771
|
+
textCase: getTokensByType(themeName, 'TextCase'),
|
|
51772
|
+
textDecoration: getTokensByType(themeName, 'TextDecoration'),
|
|
51773
|
+
colors: getTokensByType(themeName, 'Colors'),
|
|
51774
|
+
spacing: getTokensByType(themeName, 'Spacing'),
|
|
51775
|
+
sizing: getTokensByType(themeName, 'Sizing')
|
|
51617
51776
|
};
|
|
51618
51777
|
}, [themeName]);
|
|
51619
|
-
return {
|
|
51778
|
+
return { tokens: themeTokens };
|
|
51620
51779
|
};
|
|
51621
51780
|
|
|
51622
|
-
var palette = {};
|
|
51623
|
-
Object.keys(tokens).forEach(function (colorName) {
|
|
51624
|
-
if (colorName.startsWith('DefaultDefaultColors')) {
|
|
51625
|
-
var colorKey = colorName.replace('DefaultDefaultColors', '');
|
|
51626
|
-
colorKey = colorKey.charAt(0).toLowerCase() + colorKey.slice(1);
|
|
51627
|
-
palette[colorKey] = tokens[colorName];
|
|
51628
|
-
}
|
|
51629
|
-
});
|
|
51630
|
-
// TODO ne gère pour le moment que le theme default, possibilité de rendre la fonction
|
|
51631
|
-
// générique en gérant le theme 'Default'FontSize35
|
|
51632
51781
|
var useMaterialThemeTokens = function (themeName) {
|
|
51633
|
-
|
|
51782
|
+
var designTokens = tokens;
|
|
51634
51783
|
var muiTokens = React.useMemo(function () {
|
|
51635
51784
|
return {
|
|
51636
51785
|
typography: {
|
|
51786
|
+
fontFamily: getFontFamilies(themeName).join(','),
|
|
51787
|
+
big_number: {
|
|
51788
|
+
fontWeight: designTokens["".concat(themeName, "FontWeightsRoboto700")],
|
|
51789
|
+
lineHeight: designTokens["".concat(themeName, "LineHeights49")],
|
|
51790
|
+
fontSize: designTokens["".concat(themeName, "FontSize42")],
|
|
51791
|
+
letterSpacing: designTokens["".concat(themeName, "LetterSpacingNone")],
|
|
51792
|
+
paragraphSpacing: designTokens["".concat(themeName, "ParagraphSpacing0")],
|
|
51793
|
+
textCase: designTokens["".concat(themeName, "TextCaseNone")],
|
|
51794
|
+
textDecoration: designTokens["".concat(themeName, "TextDecorationNone")]
|
|
51795
|
+
},
|
|
51637
51796
|
h1: {
|
|
51638
|
-
|
|
51639
|
-
lineHeight:
|
|
51640
|
-
|
|
51797
|
+
fontWeight: designTokens["".concat(themeName, "FontWeightsRoboto700")],
|
|
51798
|
+
lineHeight: designTokens["".concat(themeName, "LineHeights41")],
|
|
51799
|
+
fontSize: designTokens["".concat(themeName, "FontSize35")],
|
|
51800
|
+
letterSpacing: designTokens["".concat(themeName, "LetterSpacingNone")],
|
|
51801
|
+
paragraphSpacing: designTokens["".concat(themeName, "ParagraphSpacing0")],
|
|
51802
|
+
textCase: designTokens["".concat(themeName, "TextCaseNone")],
|
|
51803
|
+
textDecoration: designTokens["".concat(themeName, "TextDecorationNone")]
|
|
51641
51804
|
},
|
|
51642
51805
|
h2: {
|
|
51643
|
-
|
|
51644
|
-
lineHeight:
|
|
51645
|
-
|
|
51806
|
+
fontWeight: designTokens["".concat(themeName, "FontWeightsRoboto500")],
|
|
51807
|
+
lineHeight: designTokens["".concat(themeName, "LineHeights34")],
|
|
51808
|
+
fontSize: designTokens["".concat(themeName, "FontSize29")],
|
|
51809
|
+
letterSpacing: designTokens["".concat(themeName, "LetterSpacingNone")],
|
|
51810
|
+
paragraphSpacing: designTokens["".concat(themeName, "ParagraphSpacing0")],
|
|
51811
|
+
textCase: designTokens["".concat(themeName, "TextCaseNone")],
|
|
51812
|
+
textDecoration: designTokens["".concat(themeName, "TextDecorationNone")]
|
|
51646
51813
|
},
|
|
51647
51814
|
h3: {
|
|
51648
|
-
|
|
51649
|
-
lineHeight:
|
|
51650
|
-
|
|
51815
|
+
fontWeight: designTokens["".concat(themeName, "FontWeightsRoboto400")],
|
|
51816
|
+
lineHeight: designTokens["".concat(themeName, "LineHeights28")],
|
|
51817
|
+
fontSize: designTokens["".concat(themeName, "FontSize24")],
|
|
51818
|
+
letterSpacing: designTokens["".concat(themeName, "LetterSpacingNone")],
|
|
51819
|
+
paragraphSpacing: designTokens["".concat(themeName, "ParagraphSpacing0")],
|
|
51820
|
+
textCase: designTokens["".concat(themeName, "TextCaseNone")],
|
|
51821
|
+
textDecoration: designTokens["".concat(themeName, "TextDecorationNone")]
|
|
51822
|
+
},
|
|
51823
|
+
h4: {
|
|
51824
|
+
fontWeight: designTokens["".concat(themeName, "FontWeightsRoboto500")],
|
|
51825
|
+
lineHeight: designTokens["".concat(themeName, "LineHeights21")],
|
|
51826
|
+
fontSize: designTokens["".concat(themeName, "FontSize18")],
|
|
51827
|
+
letterSpacing: designTokens["".concat(themeName, "LetterSpacingNone")],
|
|
51828
|
+
paragraphSpacing: designTokens["".concat(themeName, "ParagraphSpacing0")],
|
|
51829
|
+
textCase: designTokens["".concat(themeName, "TextCaseNone")],
|
|
51830
|
+
textDecoration: designTokens["".concat(themeName, "TextDecorationNone")]
|
|
51831
|
+
},
|
|
51832
|
+
body1_regular: {
|
|
51833
|
+
fontWeight: designTokens["".concat(themeName, "FontWeightsRoboto400")],
|
|
51834
|
+
lineHeight: designTokens["".concat(themeName, "LineHeights18")],
|
|
51835
|
+
fontSize: designTokens["".concat(themeName, "FontSize14")],
|
|
51836
|
+
letterSpacing: designTokens["".concat(themeName, "LetterSpacingNone")],
|
|
51837
|
+
paragraphSpacing: designTokens["".concat(themeName, "ParagraphSpacing8")],
|
|
51838
|
+
textCase: designTokens["".concat(themeName, "TextCaseNone")],
|
|
51839
|
+
textDecoration: designTokens["".concat(themeName, "TextDecorationNone")]
|
|
51651
51840
|
},
|
|
51652
|
-
|
|
51653
|
-
|
|
51654
|
-
lineHeight:
|
|
51655
|
-
|
|
51841
|
+
body1_medium: {
|
|
51842
|
+
fontWeight: designTokens["".concat(themeName, "FontWeightsRoboto500")],
|
|
51843
|
+
lineHeight: designTokens["".concat(themeName, "LineHeights18")],
|
|
51844
|
+
fontSize: designTokens["".concat(themeName, "FontSize14")],
|
|
51845
|
+
letterSpacing: designTokens["".concat(themeName, "LetterSpacingNone")],
|
|
51846
|
+
paragraphSpacing: designTokens["".concat(themeName, "ParagraphSpacing8")],
|
|
51847
|
+
textCase: designTokens["".concat(themeName, "TextCaseNone")],
|
|
51848
|
+
textDecoration: designTokens["".concat(themeName, "TextDecorationNone")]
|
|
51656
51849
|
},
|
|
51657
|
-
|
|
51658
|
-
|
|
51659
|
-
lineHeight:
|
|
51660
|
-
|
|
51850
|
+
body1_bold: {
|
|
51851
|
+
fontWeight: designTokens["".concat(themeName, "FontWeightsRoboto700")],
|
|
51852
|
+
lineHeight: designTokens["".concat(themeName, "LineHeights18")],
|
|
51853
|
+
fontSize: designTokens["".concat(themeName, "FontSize14")],
|
|
51854
|
+
letterSpacing: designTokens["".concat(themeName, "LetterSpacingNone")],
|
|
51855
|
+
paragraphSpacing: designTokens["".concat(themeName, "ParagraphSpacing8")],
|
|
51856
|
+
textCase: designTokens["".concat(themeName, "TextCaseNone")],
|
|
51857
|
+
textDecoration: designTokens["".concat(themeName, "TextDecorationNone")]
|
|
51661
51858
|
},
|
|
51662
|
-
|
|
51663
|
-
|
|
51664
|
-
lineHeight:
|
|
51665
|
-
|
|
51859
|
+
body2_regular: {
|
|
51860
|
+
fontWeight: designTokens["".concat(themeName, "FontWeightsRoboto400")],
|
|
51861
|
+
lineHeight: designTokens["".concat(themeName, "LineHeights16")],
|
|
51862
|
+
fontSize: designTokens["".concat(themeName, "FontSize13")],
|
|
51863
|
+
letterSpacing: designTokens["".concat(themeName, "LetterSpacingNone")],
|
|
51864
|
+
paragraphSpacing: designTokens["".concat(themeName, "ParagraphSpacing8")],
|
|
51865
|
+
textCase: designTokens["".concat(themeName, "TextCaseNone")],
|
|
51866
|
+
textDecoration: designTokens["".concat(themeName, "TextDecorationNone")]
|
|
51666
51867
|
},
|
|
51667
|
-
|
|
51668
|
-
|
|
51669
|
-
lineHeight:
|
|
51670
|
-
|
|
51868
|
+
body2_medium: {
|
|
51869
|
+
fontWeight: designTokens["".concat(themeName, "FontWeightsRoboto500")],
|
|
51870
|
+
lineHeight: designTokens["".concat(themeName, "LineHeights16")],
|
|
51871
|
+
fontSize: designTokens["".concat(themeName, "FontSize13")],
|
|
51872
|
+
letterSpacing: designTokens["".concat(themeName, "LetterSpacingNone")],
|
|
51873
|
+
paragraphSpacing: designTokens["".concat(themeName, "ParagraphSpacing8")],
|
|
51874
|
+
textCase: designTokens["".concat(themeName, "TextCaseNone")],
|
|
51875
|
+
textDecoration: designTokens["".concat(themeName, "TextDecorationNone")]
|
|
51876
|
+
},
|
|
51877
|
+
body2_bold: {
|
|
51878
|
+
fontWeight: designTokens["".concat(themeName, "FontWeightsRoboto700")],
|
|
51879
|
+
lineHeight: designTokens["".concat(themeName, "LineHeights16")],
|
|
51880
|
+
fontSize: designTokens["".concat(themeName, "FontSize13")],
|
|
51881
|
+
letterSpacing: designTokens["".concat(themeName, "LetterSpacingNone")],
|
|
51882
|
+
paragraphSpacing: designTokens["".concat(themeName, "ParagraphSpacing8")],
|
|
51883
|
+
textCase: designTokens["".concat(themeName, "TextCaseNone")],
|
|
51884
|
+
textDecoration: designTokens["".concat(themeName, "TextDecorationNone")]
|
|
51671
51885
|
},
|
|
51672
51886
|
caption: {
|
|
51673
|
-
|
|
51674
|
-
lineHeight:
|
|
51675
|
-
|
|
51887
|
+
fontWeight: designTokens["".concat(themeName, "FontWeightsRoboto400")],
|
|
51888
|
+
lineHeight: designTokens["".concat(themeName, "LineHeights12")],
|
|
51889
|
+
fontSize: designTokens["".concat(themeName, "FontSize11")],
|
|
51890
|
+
letterSpacing: designTokens["".concat(themeName, "LetterSpacingNone")],
|
|
51891
|
+
paragraphSpacing: designTokens["".concat(themeName, "ParagraphSpacing0")],
|
|
51892
|
+
textCase: designTokens["".concat(themeName, "TextCaseNone")],
|
|
51893
|
+
textDecoration: designTokens["".concat(themeName, "TextDecorationNone")]
|
|
51894
|
+
},
|
|
51895
|
+
button_notif: {
|
|
51896
|
+
fontWeight: designTokens["".concat(themeName, "FontWeightsRoboto700")],
|
|
51897
|
+
lineHeight: designTokens["".concat(themeName, "LineHeights18")],
|
|
51898
|
+
fontSize: designTokens["".concat(themeName, "FontSize14")],
|
|
51899
|
+
letterSpacing: designTokens["".concat(themeName, "LetterSpacingNone")],
|
|
51900
|
+
paragraphSpacing: designTokens["".concat(themeName, "ParagraphSpacing0")],
|
|
51901
|
+
textCase: designTokens["".concat(themeName, "TextCaseNone")],
|
|
51902
|
+
textDecoration: designTokens["".concat(themeName, "TextDecorationNone")]
|
|
51676
51903
|
},
|
|
51677
|
-
|
|
51678
|
-
|
|
51679
|
-
|
|
51680
|
-
|
|
51904
|
+
link1: {
|
|
51905
|
+
fontWeight: designTokens["".concat(themeName, "FontWeightsRoboto700")],
|
|
51906
|
+
lineHeight: designTokens["".concat(themeName, "LineHeights18")],
|
|
51907
|
+
fontSize: designTokens["".concat(themeName, "FontSize14")],
|
|
51908
|
+
letterSpacing: designTokens["".concat(themeName, "LetterSpacingNone")],
|
|
51909
|
+
paragraphSpacing: designTokens["".concat(themeName, "ParagraphSpacing0")],
|
|
51910
|
+
textCase: designTokens["".concat(themeName, "TextCaseNone")],
|
|
51911
|
+
textDecoration: designTokens["".concat(themeName, "TextDecorationUnderline")]
|
|
51912
|
+
},
|
|
51913
|
+
link2: {
|
|
51914
|
+
fontWeight: designTokens["".concat(themeName, "FontWeightsRoboto700")],
|
|
51915
|
+
lineHeight: designTokens["".concat(themeName, "LineHeights16")],
|
|
51916
|
+
fontSize: designTokens["".concat(themeName, "FontSize13")],
|
|
51917
|
+
letterSpacing: designTokens["".concat(themeName, "LetterSpacingNone")],
|
|
51918
|
+
paragraphSpacing: designTokens["".concat(themeName, "ParagraphSpacing0")],
|
|
51919
|
+
textCase: designTokens["".concat(themeName, "TextCaseNone")],
|
|
51920
|
+
textDecoration: designTokens["".concat(themeName, "TextDecorationUnderline")]
|
|
51921
|
+
},
|
|
51922
|
+
fontWeightRegular: designTokens["".concat(themeName, "FontWeightsRoboto400")],
|
|
51923
|
+
fontWeightMedium: designTokens["".concat(themeName, "FontWeightsRoboto500")],
|
|
51924
|
+
fontWeightBold: designTokens["".concat(themeName, "FontWeightsRoboto700")]
|
|
51925
|
+
},
|
|
51926
|
+
breakpoints: {
|
|
51927
|
+
values: {
|
|
51928
|
+
xs: 0,
|
|
51929
|
+
sm: 600,
|
|
51930
|
+
md: 900,
|
|
51931
|
+
lg: 1200,
|
|
51932
|
+
xl: 1536
|
|
51933
|
+
}
|
|
51934
|
+
},
|
|
51935
|
+
zIndex: {
|
|
51936
|
+
mobileStepper: 1000,
|
|
51937
|
+
fab: 1050,
|
|
51938
|
+
speedDial: 1050,
|
|
51939
|
+
appBar: 1100,
|
|
51940
|
+
drawer: 1200,
|
|
51941
|
+
modal: 1300,
|
|
51942
|
+
snackbar: 1400,
|
|
51943
|
+
tooltip: 1500
|
|
51681
51944
|
},
|
|
51682
|
-
|
|
51945
|
+
spacing: designTokens["".concat(themeName, "SpacingXxs")],
|
|
51946
|
+
palette: getMuiPalette(themeName)
|
|
51683
51947
|
};
|
|
51684
51948
|
}, [tokens, themeName]);
|
|
51685
51949
|
return { muiTokens: muiTokens };
|
|
@@ -51781,7 +52045,7 @@ var IconProvider = function (_a) {
|
|
|
51781
52045
|
|
|
51782
52046
|
var DesignSystemContext = React.createContext({
|
|
51783
52047
|
isDarkTheme: false,
|
|
51784
|
-
themeName: '
|
|
52048
|
+
themeName: 'Default',
|
|
51785
52049
|
toggleDarkTheme: function () { }
|
|
51786
52050
|
});
|
|
51787
52051
|
var MaterialThemeProvider = function (_a) {
|
|
@@ -51792,7 +52056,7 @@ var MaterialThemeProvider = function (_a) {
|
|
|
51792
52056
|
return jsxRuntime.jsx(ThemeProvider, __assign({ theme: theme }, { children: children }));
|
|
51793
52057
|
};
|
|
51794
52058
|
var DesignSystemProvider = function (_a) {
|
|
51795
|
-
var children = _a.children, _b = _a.name, themeName = _b === void 0 ? '
|
|
52059
|
+
var children = _a.children, _b = _a.name, themeName = _b === void 0 ? 'Default' : _b;
|
|
51796
52060
|
var _c = React.useState(false), isDarkTheme = _c[0], setIsDarkTheme = _c[1];
|
|
51797
52061
|
var toggleDarkTheme = function () {
|
|
51798
52062
|
setIsDarkTheme(!isDarkTheme);
|
|
@@ -51800,13 +52064,14 @@ var DesignSystemProvider = function (_a) {
|
|
|
51800
52064
|
return (jsxRuntime.jsx(DesignSystemContext.Provider, __assign({ value: { isDarkTheme: isDarkTheme, themeName: themeName, toggleDarkTheme: toggleDarkTheme } }, { children: jsxRuntime.jsx(MaterialThemeProvider, { children: children }) })));
|
|
51801
52065
|
};
|
|
51802
52066
|
|
|
51803
|
-
exports.
|
|
51804
|
-
exports.
|
|
51805
|
-
exports.
|
|
51806
|
-
exports.ActHeading = ActHeading;
|
|
51807
|
-
exports.ActText = ActText;
|
|
52067
|
+
exports.Accordion = ActAccordion;
|
|
52068
|
+
exports.Button = ActButton;
|
|
52069
|
+
exports.Checkbox = Checkbox;
|
|
51808
52070
|
exports.DesignSystemContext = DesignSystemContext;
|
|
51809
52071
|
exports.DesignSystemProvider = DesignSystemProvider;
|
|
52072
|
+
exports.Heading = Heading;
|
|
51810
52073
|
exports.IconProvider = IconProvider;
|
|
52074
|
+
exports.Link = Link;
|
|
52075
|
+
exports.Text = Text;
|
|
51811
52076
|
exports.TextField = TextField;
|
|
51812
52077
|
//# sourceMappingURL=index.js.map
|