@fluentui/react-divider 9.0.0-rc.7 → 9.0.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/CHANGELOG.json +229 -1
- package/CHANGELOG.md +164 -88
- package/MIGRATION.md +20 -48
- package/README.md +25 -9
- package/Spec.md +2 -2
- package/dist/index.d.ts +12 -14
- package/{lib → dist}/tsdoc-metadata.json +0 -0
- package/lib/components/Divider/Divider.js.map +1 -1
- package/lib/components/Divider/Divider.types.js.map +1 -1
- package/lib/components/Divider/renderDivider.js.map +1 -1
- package/lib/components/Divider/useDivider.js +1 -1
- package/lib/components/Divider/useDivider.js.map +1 -1
- package/lib/components/Divider/useDividerStyles.js +86 -87
- package/lib/components/Divider/useDividerStyles.js.map +1 -1
- package/lib/index.js +1 -2
- package/lib/index.js.map +1 -1
- package/lib-commonjs/components/Divider/Divider.js.map +1 -1
- package/lib-commonjs/components/Divider/renderDivider.js.map +1 -1
- package/lib-commonjs/components/Divider/useDivider.js +1 -1
- package/lib-commonjs/components/Divider/useDivider.js.map +1 -1
- package/lib-commonjs/components/Divider/useDividerStyles.js +87 -88
- package/lib-commonjs/components/Divider/useDividerStyles.js.map +1 -1
- package/lib-commonjs/index.js +1 -8
- package/lib-commonjs/index.js.map +1 -1
- package/package.json +9 -11
- package/lib/Divider.d.ts +0 -1
- package/lib/components/Divider/Divider.d.ts +0 -6
- package/lib/components/Divider/Divider.types.d.ts +0 -36
- package/lib/components/Divider/index.d.ts +0 -5
- package/lib/components/Divider/renderDivider.d.ts +0 -5
- package/lib/components/Divider/useDivider.d.ts +0 -8
- package/lib/components/Divider/useDividerStyles.d.ts +0 -8
- package/lib/index.d.ts +0 -2
- package/lib-commonjs/Divider.d.ts +0 -1
- package/lib-commonjs/components/Divider/Divider.d.ts +0 -6
- package/lib-commonjs/components/Divider/Divider.types.d.ts +0 -36
- package/lib-commonjs/components/Divider/index.d.ts +0 -5
- package/lib-commonjs/components/Divider/renderDivider.d.ts +0 -5
- package/lib-commonjs/components/Divider/useDivider.d.ts +0 -8
- package/lib-commonjs/components/Divider/useDividerStyles.d.ts +0 -8
- package/lib-commonjs/index.d.ts +0 -2
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["components/Divider/renderDivider.tsx"],"names":[],"mappings":";;;;;;;AAAA,MAAA,KAAA,gBAAA,OAAA,CAAA,OAAA,CAAA;;AACA,MAAA,iBAAA,gBAAA,OAAA,CAAA,2BAAA,CAAA;AAGA;;AAEG;;;AACI,MAAM,sBAAsB,GAAI,KAAD,IAAwB;
|
|
1
|
+
{"version":3,"sources":["components/Divider/renderDivider.tsx"],"names":[],"mappings":";;;;;;;AAAA,MAAA,KAAA,gBAAA,OAAA,CAAA,OAAA,CAAA;;AACA,MAAA,iBAAA,gBAAA,OAAA,CAAA,2BAAA,CAAA;AAGA;;AAEG;;;AACI,MAAM,sBAAsB,GAAI,KAAD,IAAwB;EAC5D,MAAM;IAAE,KAAF;IAAS;EAAT,IAAuB,iBAAA,CAAA,QAAA,CAAuB,KAAvB,CAA7B;EACA,OACE,KAAA,CAAA,aAAA,CAAC,KAAK,CAAC,IAAP,EAAW,EAAA,GAAK,SAAS,CAAC;EAAf,CAAX,EACG,SAAS,CAAC,IAAV,CAAe,QAAf,KAA4B,SAA5B,IACC,KAAA,CAAA,aAAA,CAAC,KAAK,CAAC,OAAP,EAAc,EAAA,GAAK,SAAS,CAAC;EAAf,CAAd,EAAuC,SAAS,CAAC,IAAV,CAAe,QAAtD,CAFJ,CADF;AAOD,CATM;;AAAM,OAAA,CAAA,sBAAA,GAAsB,sBAAtB","sourcesContent":["import * as React from 'react';\nimport { getSlots } from '@fluentui/react-utilities';\nimport { DividerSlots, DividerState } from './Divider.types';\n\n/**\n * Renders a Divider component by passing the slot props (defined in `state`) to the appropriate slots.\n */\nexport const renderDivider_unstable = (state: DividerState) => {\n const { slots, slotProps } = getSlots<DividerSlots>(state);\n return (\n <slots.root {...slotProps.root}>\n {slotProps.root.children !== undefined && (\n <slots.wrapper {...slotProps.wrapper}>{slotProps.root.children}</slots.wrapper>\n )}\n </slots.root>\n );\n};\n"],"sourceRoot":"../src/"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["components/Divider/useDivider.ts"],"names":[],"mappings":";;;;;;;AACA,MAAA,iBAAA,gBAAA,OAAA,CAAA,2BAAA,CAAA;AAGA;;;;AAIG;;;AACI,MAAM,mBAAmB,GAAG,CAAC,KAAD,EAAsB,GAAtB,KAAmE;
|
|
1
|
+
{"version":3,"sources":["components/Divider/useDivider.ts"],"names":[],"mappings":";;;;;;;AACA,MAAA,iBAAA,gBAAA,OAAA,CAAA,2BAAA,CAAA;AAGA;;;;AAIG;;;AACI,MAAM,mBAAmB,GAAG,CAAC,KAAD,EAAsB,GAAtB,KAAmE;EACpG,MAAM;IAAE,YAAY,GAAG,QAAjB;IAA2B,UAAU,GAAG,SAAxC;IAAmD,KAAK,GAAG,KAA3D;IAAkE,QAAQ,GAAG,KAA7E;IAAoF;EAApF,IAAgG,KAAtG;EACA,MAAM,SAAS,GAAG,iBAAA,CAAA,KAAA,CAAM,UAAN,CAAlB;EAEA,OAAO;IACL;IACA,YAFK;IAGL,UAHK;IAIL,KAJK;IAKL,QALK;IAOL;IACA,UAAU,EAAE;MACV,IAAI,EAAE,KADI;MAEV,OAAO,EAAE;IAFC,CARP;IAaL,IAAI,EAAE,iBAAA,CAAA,qBAAA,CAAsB,KAAtB,EAA6B,EACjC,GAAG,KAD8B;MAEjC,GAFiC;MAGjC,IAAI,EAAE,WAH2B;MAIjC,oBAAoB,QAAQ,GAAG,UAAH,GAAgB,YAJX;MAKjC,mBAAmB,KAAK,CAAC,QAAN,GAAiB,SAAjB,GAA6B;IALf,CAA7B,CAbD;IAoBL,OAAO,EAAE,iBAAA,CAAA,gBAAA,CAAiB,OAAjB,EAA0B;MACjC,QAAQ,EAAE,IADuB;MAEjC,YAAY,EAAE;QACZ,EAAE,EAAE,SADQ;QAEZ,QAAQ,EAAE,KAAK,CAAC;MAFJ;IAFmB,CAA1B;EApBJ,CAAP;AA4BD,CAhCM;;AAAM,OAAA,CAAA,mBAAA,GAAmB,mBAAnB","sourcesContent":["import * as React from 'react';\nimport { getNativeElementProps, resolveShorthand, useId } from '@fluentui/react-utilities';\nimport type { DividerProps, DividerState } from './Divider.types';\n\n/**\n * Returns the props and state required to render the component\n * @param props - User-provided props to the Divider component.\n * @param ref - User-provided ref to be passed to the Divider component.\n */\nexport const useDivider_unstable = (props: DividerProps, ref: React.Ref<HTMLElement>): DividerState => {\n const { alignContent = 'center', appearance = 'default', inset = false, vertical = false, wrapper } = props;\n const dividerId = useId('divider-');\n\n return {\n // Props passed at the top-level\n alignContent,\n appearance,\n inset,\n vertical,\n\n // Slots definition\n components: {\n root: 'div',\n wrapper: 'div',\n },\n\n root: getNativeElementProps('div', {\n ...props,\n ref,\n role: 'separator',\n 'aria-orientation': vertical ? 'vertical' : 'horizontal',\n 'aria-labelledby': props.children ? dividerId : undefined,\n }),\n wrapper: resolveShorthand(wrapper, {\n required: true,\n defaultProps: {\n id: dividerId,\n children: props.children,\n },\n }),\n };\n};\n"],"sourceRoot":"../src/"}
|
|
@@ -3,17 +3,12 @@
|
|
|
3
3
|
Object.defineProperty(exports, "__esModule", {
|
|
4
4
|
value: true
|
|
5
5
|
});
|
|
6
|
-
exports.useDividerStyles_unstable = exports.dividerClassNames =
|
|
6
|
+
exports.useDividerStyles_unstable = exports.dividerClassNames = void 0;
|
|
7
7
|
|
|
8
8
|
const react_1 = /*#__PURE__*/require("@griffel/react");
|
|
9
9
|
|
|
10
10
|
const react_theme_1 = /*#__PURE__*/require("@fluentui/react-theme");
|
|
11
|
-
/**
|
|
12
|
-
* @deprecated Use `dividerClassNames.root` instead.
|
|
13
|
-
*/
|
|
14
11
|
|
|
15
|
-
|
|
16
|
-
exports.dividerClassName = 'fui-Divider';
|
|
17
12
|
exports.dividerClassNames = {
|
|
18
13
|
root: 'fui-Divider',
|
|
19
14
|
wrapper: 'fui-Divider__wrapper'
|
|
@@ -36,117 +31,121 @@ const useBaseStyles = /*#__PURE__*/react_1.__styles({
|
|
|
36
31
|
"Bhrd7zp": "figsok6",
|
|
37
32
|
"Bg96gwp": "fwrc4pm",
|
|
38
33
|
"fsow6f": "f17mccla",
|
|
39
|
-
"
|
|
40
|
-
"
|
|
41
|
-
"
|
|
42
|
-
"
|
|
43
|
-
"
|
|
44
|
-
"
|
|
45
|
-
"Bp1vogq": "fn9f2qq",
|
|
46
|
-
"Bohd3ja": ["f1h60vep", "fz0g6r7"],
|
|
47
|
-
"oqd9ik": "ffdc0f3",
|
|
48
|
-
"Fdvyjd": "fsnc50s",
|
|
49
|
-
"keybh5": "fjrry2l",
|
|
50
|
-
"F7kzw7": "fii7hsz",
|
|
51
|
-
"B13j16c": ["fp9yzmz", "f1n0fcl2"],
|
|
52
|
-
"Bk8j60v": "f13jg1wd",
|
|
53
|
-
"Bpbi4o9": ["f1n0fcl2", "fp9yzmz"]
|
|
34
|
+
"Bcvre1j": "fyl8oag",
|
|
35
|
+
"Br0sdwz": "f16vkdww",
|
|
36
|
+
"Bn78ew0": "fhsnbul",
|
|
37
|
+
"li1rpt": "f1gw3sf2",
|
|
38
|
+
"ap17g6": "f1ly5f7u",
|
|
39
|
+
"B771hl4": "f1s3tz6t"
|
|
54
40
|
},
|
|
55
41
|
"childless": {
|
|
56
|
-
"
|
|
57
|
-
"
|
|
58
|
-
"
|
|
59
|
-
"
|
|
42
|
+
"susq4k": "f1kyqvp9",
|
|
43
|
+
"Bicfajf": ["fzynn9s", "f1z0ukd1"],
|
|
44
|
+
"jwcpgy": ["fekrn8e", "ftdg338"],
|
|
45
|
+
"B4rk6o": "fesgyo"
|
|
60
46
|
},
|
|
61
47
|
"start": {
|
|
62
|
-
"
|
|
48
|
+
"Bsft5z2": "f13zj6fq"
|
|
63
49
|
},
|
|
64
50
|
"center": {
|
|
65
|
-
"
|
|
66
|
-
"
|
|
51
|
+
"Ftih45": "f1wl9k8s",
|
|
52
|
+
"Bsft5z2": "f13zj6fq"
|
|
67
53
|
},
|
|
68
54
|
"end": {
|
|
69
|
-
"
|
|
55
|
+
"Ftih45": "f1wl9k8s"
|
|
70
56
|
},
|
|
71
57
|
"brand": {
|
|
72
58
|
"sj55zd": "f16muhyy",
|
|
73
|
-
"
|
|
74
|
-
"
|
|
75
|
-
"
|
|
76
|
-
"
|
|
77
|
-
"
|
|
78
|
-
"
|
|
79
|
-
"
|
|
80
|
-
"
|
|
59
|
+
"Bq4z7u6": "fcbuu2a",
|
|
60
|
+
"Bk5zm6e": ["f1wdw2dr", "f1ttio3w"],
|
|
61
|
+
"Bqjgrrk": "f1582fpk",
|
|
62
|
+
"Bm6vgfq": ["f1ttio3w", "f1wdw2dr"],
|
|
63
|
+
"B0n5ga8": "f1ahrvm8",
|
|
64
|
+
"s924m2": ["f1cd3wbc", "f17hbk9y"],
|
|
65
|
+
"B1q35kw": "fvrapl0",
|
|
66
|
+
"Gp14am": ["f17hbk9y", "f1cd3wbc"]
|
|
67
|
+
},
|
|
68
|
+
"default": {
|
|
69
|
+
"sj55zd": "fkfq4zb",
|
|
70
|
+
"Bq4z7u6": "f1vccso1",
|
|
71
|
+
"Bk5zm6e": ["f1geml7w", "fjml6kk"],
|
|
72
|
+
"Bqjgrrk": "f1r7kh1m",
|
|
73
|
+
"Bm6vgfq": ["fjml6kk", "f1geml7w"],
|
|
74
|
+
"B0n5ga8": "f16j7guv",
|
|
75
|
+
"s924m2": ["fx01ahm", "fj1a37q"],
|
|
76
|
+
"B1q35kw": "fl8d8yv",
|
|
77
|
+
"Gp14am": ["fj1a37q", "fx01ahm"]
|
|
81
78
|
},
|
|
82
79
|
"subtle": {
|
|
83
|
-
"
|
|
84
|
-
"
|
|
85
|
-
"
|
|
86
|
-
"
|
|
87
|
-
"
|
|
88
|
-
"
|
|
89
|
-
"
|
|
90
|
-
"
|
|
80
|
+
"sj55zd": "fkfq4zb",
|
|
81
|
+
"Bq4z7u6": "f5g06un",
|
|
82
|
+
"Bk5zm6e": ["f13sxdku", "f1n015lb"],
|
|
83
|
+
"Bqjgrrk": "f1x6bl8t",
|
|
84
|
+
"Bm6vgfq": ["f1n015lb", "f13sxdku"],
|
|
85
|
+
"B0n5ga8": "fvod1wy",
|
|
86
|
+
"s924m2": ["fwslg65", "flk0e17"],
|
|
87
|
+
"B1q35kw": "f103fvts",
|
|
88
|
+
"Gp14am": ["flk0e17", "fwslg65"]
|
|
91
89
|
},
|
|
92
90
|
"strong": {
|
|
93
|
-
"
|
|
94
|
-
"
|
|
95
|
-
"
|
|
96
|
-
"
|
|
97
|
-
"
|
|
98
|
-
"
|
|
99
|
-
"
|
|
100
|
-
"
|
|
91
|
+
"sj55zd": "fkfq4zb",
|
|
92
|
+
"Bq4z7u6": "f10tv6oz",
|
|
93
|
+
"Bk5zm6e": ["f16xp3sf", "f1seuxxq"],
|
|
94
|
+
"Bqjgrrk": "fwrmqbx",
|
|
95
|
+
"Bm6vgfq": ["f1seuxxq", "f16xp3sf"],
|
|
96
|
+
"B0n5ga8": "ft83z1f",
|
|
97
|
+
"s924m2": ["f1g4150c", "f192dr6e"],
|
|
98
|
+
"B1q35kw": "f1qnawh6",
|
|
99
|
+
"Gp14am": ["f192dr6e", "f1g4150c"]
|
|
101
100
|
}
|
|
102
101
|
}, {
|
|
103
|
-
"d": [".f122n59{-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}", ".f1ewtqcl{box-sizing:border-box;}", ".f22iagw{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;}", ".f1063pyq{-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;}", ".fqerorx{-webkit-box-flex:1;-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1;}", ".f10pi13n{position:relative;}", ".fk6fouc{font-family:var(--fontFamilyBase);}", ".fy9rknc{font-size:var(--fontSizeBase200);}", ".figsok6{font-weight:var(--fontWeightRegular);}", ".fwrc4pm{line-height:var(--lineHeightBase200);}", ".f17mccla{text-align:center;}", ".
|
|
102
|
+
"d": [".f122n59{-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}", ".f1ewtqcl{box-sizing:border-box;}", ".f22iagw{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;}", ".f1063pyq{-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;}", ".fqerorx{-webkit-box-flex:1;-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1;}", ".f10pi13n{position:relative;}", ".fk6fouc{font-family:var(--fontFamilyBase);}", ".fy9rknc{font-size:var(--fontSizeBase200);}", ".figsok6{font-weight:var(--fontWeightRegular);}", ".fwrc4pm{line-height:var(--lineHeightBase200);}", ".f17mccla{text-align:center;}", ".fyl8oag::before{box-sizing:border-box;}", ".f16vkdww::before{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;}", ".fhsnbul::before{-webkit-box-flex:1;-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1;}", ".f1gw3sf2::after{box-sizing:border-box;}", ".f1ly5f7u::after{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;}", ".f1s3tz6t::after{-webkit-box-flex:1;-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1;}", ".f1kyqvp9::before{margin-bottom:0;}", ".fzynn9s::before{margin-right:0;}", ".f1z0ukd1::before{margin-left:0;}", ".fekrn8e::after{margin-left:0;}", ".ftdg338::after{margin-right:0;}", ".fesgyo::after{margin-top:0;}", ".f13zj6fq::after{content:\"\";}", ".f1wl9k8s::before{content:\"\";}", ".f16muhyy{color:var(--colorBrandForeground1);}", ".fcbuu2a::before{border-top-color:var(--colorBrandStroke1);}", ".f1wdw2dr::before{border-right-color:var(--colorBrandStroke1);}", ".f1ttio3w::before{border-left-color:var(--colorBrandStroke1);}", ".f1582fpk::before{border-bottom-color:var(--colorBrandStroke1);}", ".f1ahrvm8::after{border-top-color:var(--colorBrandStroke1);}", ".f1cd3wbc::after{border-right-color:var(--colorBrandStroke1);}", ".f17hbk9y::after{border-left-color:var(--colorBrandStroke1);}", ".fvrapl0::after{border-bottom-color:var(--colorBrandStroke1);}", ".fkfq4zb{color:var(--colorNeutralForeground2);}", ".f1vccso1::before{border-top-color:var(--colorNeutralStroke2);}", ".f1geml7w::before{border-right-color:var(--colorNeutralStroke2);}", ".fjml6kk::before{border-left-color:var(--colorNeutralStroke2);}", ".f1r7kh1m::before{border-bottom-color:var(--colorNeutralStroke2);}", ".f16j7guv::after{border-top-color:var(--colorNeutralStroke2);}", ".fx01ahm::after{border-right-color:var(--colorNeutralStroke2);}", ".fj1a37q::after{border-left-color:var(--colorNeutralStroke2);}", ".fl8d8yv::after{border-bottom-color:var(--colorNeutralStroke2);}", ".f5g06un::before{border-top-color:var(--colorNeutralStroke3);}", ".f13sxdku::before{border-right-color:var(--colorNeutralStroke3);}", ".f1n015lb::before{border-left-color:var(--colorNeutralStroke3);}", ".f1x6bl8t::before{border-bottom-color:var(--colorNeutralStroke3);}", ".fvod1wy::after{border-top-color:var(--colorNeutralStroke3);}", ".fwslg65::after{border-right-color:var(--colorNeutralStroke3);}", ".flk0e17::after{border-left-color:var(--colorNeutralStroke3);}", ".f103fvts::after{border-bottom-color:var(--colorNeutralStroke3);}", ".f10tv6oz::before{border-top-color:var(--colorNeutralStroke1);}", ".f16xp3sf::before{border-right-color:var(--colorNeutralStroke1);}", ".f1seuxxq::before{border-left-color:var(--colorNeutralStroke1);}", ".fwrmqbx::before{border-bottom-color:var(--colorNeutralStroke1);}", ".ft83z1f::after{border-top-color:var(--colorNeutralStroke1);}", ".f1g4150c::after{border-right-color:var(--colorNeutralStroke1);}", ".f192dr6e::after{border-left-color:var(--colorNeutralStroke1);}", ".f1qnawh6::after{border-bottom-color:var(--colorNeutralStroke1);}"]
|
|
104
103
|
});
|
|
105
104
|
|
|
106
105
|
const useHorizontalStyles = /*#__PURE__*/react_1.__styles({
|
|
107
106
|
"base": {
|
|
108
107
|
"a9b677": "fly5x3f",
|
|
109
|
-
"
|
|
110
|
-
"
|
|
111
|
-
"
|
|
112
|
-
"
|
|
113
|
-
"
|
|
114
|
-
"
|
|
108
|
+
"Bdkvgpv": "f163fonl",
|
|
109
|
+
"B0qfbqy": "f51yk4v",
|
|
110
|
+
"pbipgd": "f13rof3u",
|
|
111
|
+
"Bm2nyyq": "f8rth92",
|
|
112
|
+
"xrcqlc": "f6czdpx",
|
|
113
|
+
"i5u598": "f1iyka9k"
|
|
115
114
|
},
|
|
116
115
|
"inset": {
|
|
117
116
|
"uwmqm3": ["fjlbh76", "f11qrl6u"],
|
|
118
117
|
"z189sj": ["f11qrl6u", "fjlbh76"]
|
|
119
118
|
},
|
|
120
119
|
"start": {
|
|
121
|
-
"
|
|
122
|
-
"
|
|
123
|
-
"
|
|
124
|
-
"
|
|
120
|
+
"Ftih45": "f1wl9k8s",
|
|
121
|
+
"Bicfajf": ["f1ojjlep", "fk1kexq"],
|
|
122
|
+
"Bxwl2t9": "f1he2m4d",
|
|
123
|
+
"jwcpgy": ["f12w1bnb", "f1558wlj"]
|
|
125
124
|
},
|
|
126
125
|
"center": {
|
|
127
|
-
"
|
|
128
|
-
"
|
|
126
|
+
"Bicfajf": ["f1ojjlep", "fk1kexq"],
|
|
127
|
+
"jwcpgy": ["f12w1bnb", "f1558wlj"]
|
|
129
128
|
},
|
|
130
129
|
"end": {
|
|
131
|
-
"
|
|
132
|
-
"
|
|
133
|
-
"
|
|
134
|
-
"
|
|
130
|
+
"Bicfajf": ["f1ojjlep", "fk1kexq"],
|
|
131
|
+
"Bsft5z2": "f13zj6fq",
|
|
132
|
+
"jwcpgy": ["f12w1bnb", "f1558wlj"],
|
|
133
|
+
"Iy66sp": "f1ayce8x"
|
|
135
134
|
}
|
|
136
135
|
}, {
|
|
137
|
-
"d": [".fly5x3f{width:100%;}", ".
|
|
136
|
+
"d": [".fly5x3f{width:100%;}", ".f163fonl::before{border-top-style:solid;}", ".f51yk4v::before{border-top-width:var(--strokeWidthThin);}", ".f13rof3u::before{min-width:8px;}", ".f8rth92::after{border-top-style:solid;}", ".f6czdpx::after{border-top-width:var(--strokeWidthThin);}", ".f1iyka9k::after{min-width:8px;}", ".fjlbh76{padding-left:12px;}", ".f11qrl6u{padding-right:12px;}", ".f1wl9k8s::before{content:\"\";}", ".f1ojjlep::before{margin-right:12px;}", ".fk1kexq::before{margin-left:12px;}", ".f1he2m4d::before{max-width:8px;}", ".f12w1bnb::after{margin-left:12px;}", ".f1558wlj::after{margin-right:12px;}", ".f13zj6fq::after{content:\"\";}", ".f1ayce8x::after{max-width:8px;}"]
|
|
138
137
|
});
|
|
139
138
|
|
|
140
139
|
const useVerticalStyles = /*#__PURE__*/react_1.__styles({
|
|
141
140
|
"base": {
|
|
142
141
|
"Beiy3e4": "f1vx9l62",
|
|
143
142
|
"sshi5w": "f16gbxbe",
|
|
144
|
-
"
|
|
145
|
-
"
|
|
146
|
-
"
|
|
147
|
-
"
|
|
148
|
-
"
|
|
149
|
-
"
|
|
143
|
+
"m598lv": ["f1yq6w5o", "f1jpmc5p"],
|
|
144
|
+
"B4f6apu": ["f9sc749", "f1x8pvcy"],
|
|
145
|
+
"zkzzav": "fhkwbjy",
|
|
146
|
+
"Barhvk9": ["flthirb", "ftkbnf5"],
|
|
147
|
+
"Ihftqj": ["f13hvwk3", "f1en4csx"],
|
|
148
|
+
"Bde111x": "f19onpk6"
|
|
150
149
|
},
|
|
151
150
|
"inset": {
|
|
152
151
|
"B6of3ja": "f1xdg43u",
|
|
@@ -156,23 +155,23 @@ const useVerticalStyles = /*#__PURE__*/react_1.__styles({
|
|
|
156
155
|
"sshi5w": "f1tjaq3g"
|
|
157
156
|
},
|
|
158
157
|
"start": {
|
|
159
|
-
"
|
|
160
|
-
"
|
|
161
|
-
"
|
|
162
|
-
"
|
|
158
|
+
"Ftih45": "f1wl9k8s",
|
|
159
|
+
"susq4k": "fg2pwug",
|
|
160
|
+
"Bbdr6tz": "fkjtzyi",
|
|
161
|
+
"B4rk6o": "f8vk40g"
|
|
163
162
|
},
|
|
164
163
|
"center": {
|
|
165
|
-
"
|
|
166
|
-
"
|
|
164
|
+
"susq4k": "fg2pwug",
|
|
165
|
+
"B4rk6o": "f8vk40g"
|
|
167
166
|
},
|
|
168
167
|
"end": {
|
|
169
|
-
"
|
|
170
|
-
"
|
|
171
|
-
"
|
|
172
|
-
"
|
|
168
|
+
"susq4k": "fg2pwug",
|
|
169
|
+
"Bsft5z2": "f13zj6fq",
|
|
170
|
+
"B4rk6o": "f8vk40g",
|
|
171
|
+
"gn64ia": "fqg5mu5"
|
|
173
172
|
}
|
|
174
173
|
}, {
|
|
175
|
-
"d": [".f1vx9l62{-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;}", ".f16gbxbe{min-height:20px;}", ".
|
|
174
|
+
"d": [".f1vx9l62{-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;}", ".f16gbxbe{min-height:20px;}", ".f1yq6w5o::before{border-right-style:solid;}", ".f1jpmc5p::before{border-left-style:solid;}", ".f9sc749::before{border-right-width:var(--strokeWidthThin);}", ".f1x8pvcy::before{border-left-width:var(--strokeWidthThin);}", ".fhkwbjy::before{min-height:8px;}", ".flthirb::after{border-right-style:solid;}", ".ftkbnf5::after{border-left-style:solid;}", ".f13hvwk3::after{border-right-width:var(--strokeWidthThin);}", ".f1en4csx::after{border-left-width:var(--strokeWidthThin);}", ".f19onpk6::after{min-height:8px;}", ".f1xdg43u{margin-top:12px;}", ".f1jlhsmd{margin-bottom:12px;}", ".f1tjaq3g{min-height:84px;}", ".f1wl9k8s::before{content:\"\";}", ".fg2pwug::before{margin-bottom:12px;}", ".fkjtzyi::before{max-height:8px;}", ".f8vk40g::after{margin-top:12px;}", ".f13zj6fq::after{content:\"\";}", ".fqg5mu5::after{max-height:8px;}"]
|
|
176
175
|
});
|
|
177
176
|
|
|
178
177
|
const useDividerStyles_unstable = state => {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["components/Divider/useDividerStyles.ts"],"names":[],"mappings":";;;;;;;AAAA,MAAA,OAAA,gBAAA,OAAA,CAAA,gBAAA,CAAA;;AACA,MAAA,aAAA,gBAAA,OAAA,CAAA,uBAAA,CAAA
|
|
1
|
+
{"version":3,"sources":["components/Divider/useDividerStyles.ts"],"names":[],"mappings":"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","sourcesContent":["import { mergeClasses, shorthands, makeStyles } from '@griffel/react';\nimport { tokens } from '@fluentui/react-theme';\nimport { DividerSlots, DividerState } from './Divider.types';\nimport type { SlotClassNames } from '@fluentui/react-utilities';\n\nexport const dividerClassNames: SlotClassNames<DividerSlots> = {\n root: 'fui-Divider',\n wrapper: 'fui-Divider__wrapper',\n};\n\nconst contentSpacing = '12px';\nconst insetSpacing = '12px';\nconst maxStartEndLength = '8px';\nconst minStartEndLength = '8px;';\n\nconst useBaseStyles = makeStyles({\n // Base styles\n base: {\n alignItems: 'center',\n boxSizing: 'border-box',\n display: 'flex',\n flexDirection: 'row',\n flexGrow: 1,\n position: 'relative',\n\n fontFamily: tokens.fontFamilyBase,\n fontSize: tokens.fontSizeBase200,\n fontWeight: tokens.fontWeightRegular,\n lineHeight: tokens.lineHeightBase200,\n textAlign: 'center',\n\n '::before': {\n boxSizing: 'border-box',\n display: 'flex',\n flexGrow: 1,\n },\n\n '::after': {\n boxSizing: 'border-box',\n display: 'flex',\n flexGrow: 1,\n },\n },\n\n // Childless styles\n childless: {\n '::before': {\n marginBottom: 0,\n marginRight: 0,\n },\n\n '::after': {\n marginLeft: 0,\n marginTop: 0,\n },\n },\n\n // Alignment variations\n start: {\n '::after': {\n content: '\"\"',\n },\n },\n center: {\n '::before': {\n content: '\"\"',\n },\n '::after': {\n content: '\"\"',\n },\n },\n end: {\n '::before': {\n content: '\"\"',\n },\n },\n\n // Appearance variations\n brand: {\n color: tokens.colorBrandForeground1,\n\n '::before': {\n ...shorthands.borderColor(tokens.colorBrandStroke1),\n },\n\n '::after': {\n ...shorthands.borderColor(tokens.colorBrandStroke1),\n },\n },\n default: {\n color: tokens.colorNeutralForeground2,\n\n '::before': {\n ...shorthands.borderColor(tokens.colorNeutralStroke2),\n },\n\n '::after': {\n ...shorthands.borderColor(tokens.colorNeutralStroke2),\n },\n },\n subtle: {\n color: tokens.colorNeutralForeground2,\n\n '::before': {\n ...shorthands.borderColor(tokens.colorNeutralStroke3),\n },\n\n '::after': {\n ...shorthands.borderColor(tokens.colorNeutralStroke3),\n },\n },\n strong: {\n color: tokens.colorNeutralForeground2,\n\n '::before': {\n ...shorthands.borderColor(tokens.colorNeutralStroke1),\n },\n\n '::after': {\n ...shorthands.borderColor(tokens.colorNeutralStroke1),\n },\n },\n});\n\nconst useHorizontalStyles = makeStyles({\n // Base styles\n base: {\n width: '100%',\n\n '::before': {\n borderTopStyle: 'solid',\n borderTopWidth: tokens.strokeWidthThin,\n minWidth: minStartEndLength,\n },\n\n '::after': {\n borderTopStyle: 'solid',\n borderTopWidth: tokens.strokeWidthThin,\n minWidth: minStartEndLength,\n },\n },\n\n // Inset styles\n inset: {\n paddingLeft: insetSpacing,\n paddingRight: insetSpacing,\n },\n\n // Alignment variations\n start: {\n '::before': {\n content: '\"\"',\n marginRight: contentSpacing,\n maxWidth: maxStartEndLength,\n },\n\n '::after': {\n marginLeft: contentSpacing,\n },\n },\n center: {\n '::before': {\n marginRight: contentSpacing,\n },\n '::after': {\n marginLeft: contentSpacing,\n },\n },\n end: {\n '::before': {\n marginRight: contentSpacing,\n },\n '::after': {\n content: '\"\"',\n marginLeft: contentSpacing,\n maxWidth: maxStartEndLength,\n },\n },\n});\n\nconst useVerticalStyles = makeStyles({\n // Base styles\n base: {\n flexDirection: 'column',\n minHeight: '20px',\n\n '::before': {\n borderRightStyle: 'solid',\n borderRightWidth: tokens.strokeWidthThin,\n minHeight: minStartEndLength,\n },\n\n '::after': {\n borderRightStyle: 'solid',\n borderRightWidth: tokens.strokeWidthThin,\n minHeight: minStartEndLength,\n },\n },\n\n // Inset styles\n inset: {\n marginTop: insetSpacing,\n marginBottom: insetSpacing,\n },\n\n // With children styles\n withChildren: {\n minHeight: '84px',\n },\n\n // Alignment variations\n start: {\n '::before': {\n content: '\"\"',\n marginBottom: contentSpacing,\n maxHeight: maxStartEndLength,\n },\n\n '::after': {\n marginTop: contentSpacing,\n },\n },\n center: {\n '::before': {\n marginBottom: contentSpacing,\n },\n '::after': {\n marginTop: contentSpacing,\n },\n },\n end: {\n '::before': {\n marginBottom: contentSpacing,\n },\n '::after': {\n content: '\"\"',\n marginTop: contentSpacing,\n maxHeight: maxStartEndLength,\n },\n },\n});\n\nexport const useDividerStyles_unstable = (state: DividerState): DividerState => {\n const baseStyles = useBaseStyles();\n const horizontalStyles = useHorizontalStyles();\n const verticalStyles = useVerticalStyles();\n\n const { alignContent, appearance, inset, vertical } = state;\n\n state.root.className = mergeClasses(\n dividerClassNames.root,\n\n // Base styles\n baseStyles.base,\n baseStyles[alignContent],\n appearance && baseStyles[appearance],\n\n // Horizontal styles\n !vertical && horizontalStyles.base,\n !vertical && inset && horizontalStyles.inset,\n !vertical && horizontalStyles[alignContent],\n\n // Vertical styles\n vertical && verticalStyles.base,\n vertical && inset && verticalStyles.inset,\n vertical && verticalStyles[alignContent],\n vertical && state.root.children !== undefined && verticalStyles.withChildren,\n\n // Childless styles\n state.root.children === undefined && baseStyles.childless,\n\n // User provided class name\n state.root.className,\n );\n\n if (state.wrapper) {\n state.wrapper.className = mergeClasses(dividerClassNames.wrapper, state.wrapper.className);\n }\n\n return state;\n};\n"],"sourceRoot":"../src/"}
|
package/lib-commonjs/index.js
CHANGED
|
@@ -3,7 +3,7 @@
|
|
|
3
3
|
Object.defineProperty(exports, "__esModule", {
|
|
4
4
|
value: true
|
|
5
5
|
});
|
|
6
|
-
exports.useDivider_unstable = exports.useDividerStyles_unstable = exports.renderDivider_unstable = exports.dividerClassNames = exports.
|
|
6
|
+
exports.useDivider_unstable = exports.useDividerStyles_unstable = exports.renderDivider_unstable = exports.dividerClassNames = exports.Divider = void 0;
|
|
7
7
|
|
|
8
8
|
var Divider_1 = /*#__PURE__*/require("./Divider");
|
|
9
9
|
|
|
@@ -12,13 +12,6 @@ Object.defineProperty(exports, "Divider", {
|
|
|
12
12
|
get: function () {
|
|
13
13
|
return Divider_1.Divider;
|
|
14
14
|
}
|
|
15
|
-
}); // eslint-disable-next-line deprecation/deprecation
|
|
16
|
-
|
|
17
|
-
Object.defineProperty(exports, "dividerClassName", {
|
|
18
|
-
enumerable: true,
|
|
19
|
-
get: function () {
|
|
20
|
-
return Divider_1.dividerClassName;
|
|
21
|
-
}
|
|
22
15
|
});
|
|
23
16
|
Object.defineProperty(exports, "dividerClassNames", {
|
|
24
17
|
enumerable: true,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["index.ts"],"names":[],"mappings":";;;;;;;AAAA,IAAA,SAAA,gBAAA,OAAA,CAAA,WAAA,CAAA;;AACE,MAAA,CAAA,cAAA,CAAA,OAAA,EAAA,SAAA,EAAA;
|
|
1
|
+
{"version":3,"sources":["index.ts"],"names":[],"mappings":";;;;;;;AAAA,IAAA,SAAA,gBAAA,OAAA,CAAA,WAAA,CAAA;;AACE,MAAA,CAAA,cAAA,CAAA,OAAA,EAAA,SAAA,EAAA;EAAA,UAAA,EAAA,IAAA;EAAA,GAAA,EAAA,YAAA;IAAA,OAAA,SAAA,CAAA,OAAA;EAAO;AAAP,CAAA;AACA,MAAA,CAAA,cAAA,CAAA,OAAA,EAAA,mBAAA,EAAA;EAAA,UAAA,EAAA,IAAA;EAAA,GAAA,EAAA,YAAA;IAAA,OAAA,SAAA,CAAA,iBAAA;EAAiB;AAAjB,CAAA;AACA,MAAA,CAAA,cAAA,CAAA,OAAA,EAAA,wBAAA,EAAA;EAAA,UAAA,EAAA,IAAA;EAAA,GAAA,EAAA,YAAA;IAAA,OAAA,SAAA,CAAA,sBAAA;EAAsB;AAAtB,CAAA;AACA,MAAA,CAAA,cAAA,CAAA,OAAA,EAAA,2BAAA,EAAA;EAAA,UAAA,EAAA,IAAA;EAAA,GAAA,EAAA,YAAA;IAAA,OAAA,SAAA,CAAA,yBAAA;EAAyB;AAAzB,CAAA;AACA,MAAA,CAAA,cAAA,CAAA,OAAA,EAAA,qBAAA,EAAA;EAAA,UAAA,EAAA,IAAA;EAAA,GAAA,EAAA,YAAA;IAAA,OAAA,SAAA,CAAA,mBAAA;EAAmB;AAAnB,CAAA","sourcesContent":["export {\n Divider,\n dividerClassNames,\n renderDivider_unstable,\n useDividerStyles_unstable,\n useDivider_unstable,\n} from './Divider';\nexport type { DividerProps, DividerSlots, DividerState } from './Divider';\n"],"sourceRoot":"../src/"}
|
package/package.json
CHANGED
|
@@ -1,10 +1,10 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@fluentui/react-divider",
|
|
3
|
-
"version": "9.0.0
|
|
3
|
+
"version": "9.0.0",
|
|
4
4
|
"description": "Fluent UI component to visually separate content.",
|
|
5
5
|
"main": "lib-commonjs/index.js",
|
|
6
6
|
"module": "lib/index.js",
|
|
7
|
-
"typings": "
|
|
7
|
+
"typings": "dist/index.d.ts",
|
|
8
8
|
"sideEffects": false,
|
|
9
9
|
"repository": {
|
|
10
10
|
"type": "git",
|
|
@@ -21,20 +21,20 @@
|
|
|
21
21
|
"start": "yarn storybook",
|
|
22
22
|
"test": "jest --passWithNoTests",
|
|
23
23
|
"docs": "api-extractor run --config=config/api-extractor.local.json --local",
|
|
24
|
-
"build:local": "tsc -p ./tsconfig.lib.json --module esnext --emitDeclarationOnly && node
|
|
25
|
-
"storybook": "node
|
|
24
|
+
"build:local": "tsc -p ./tsconfig.lib.json --module esnext --emitDeclarationOnly && node ../../../scripts/typescript/normalize-import --output ./dist/types/packages/react-components/react-divider/src && yarn docs",
|
|
25
|
+
"storybook": "node ../../../scripts/storybook/runner",
|
|
26
26
|
"type-check": "tsc -b tsconfig.json"
|
|
27
27
|
},
|
|
28
28
|
"devDependencies": {
|
|
29
29
|
"@fluentui/eslint-plugin": "*",
|
|
30
30
|
"@fluentui/react-conformance": "*",
|
|
31
|
-
"@fluentui/react-conformance-griffel": "9.0.0-beta.
|
|
31
|
+
"@fluentui/react-conformance-griffel": "9.0.0-beta.9",
|
|
32
32
|
"@fluentui/scripts": "^1.0.0"
|
|
33
33
|
},
|
|
34
34
|
"dependencies": {
|
|
35
|
-
"@griffel/react": "1.0
|
|
36
|
-
"@fluentui/react-theme": "9.0.0
|
|
37
|
-
"@fluentui/react-utilities": "9.0.0
|
|
35
|
+
"@griffel/react": "1.2.0",
|
|
36
|
+
"@fluentui/react-theme": "^9.0.0",
|
|
37
|
+
"@fluentui/react-utilities": "^9.0.0",
|
|
38
38
|
"tslib": "^2.1.0"
|
|
39
39
|
},
|
|
40
40
|
"peerDependencies": {
|
|
@@ -45,9 +45,7 @@
|
|
|
45
45
|
},
|
|
46
46
|
"beachball": {
|
|
47
47
|
"disallowedChangeTypes": [
|
|
48
|
-
"major"
|
|
49
|
-
"minor",
|
|
50
|
-
"patch"
|
|
48
|
+
"major"
|
|
51
49
|
]
|
|
52
50
|
},
|
|
53
51
|
"exports": {
|
package/lib/Divider.d.ts
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export * from './components/Divider/index';
|
|
@@ -1,36 +0,0 @@
|
|
|
1
|
-
import type { ComponentProps, ComponentState, Slot } from '@fluentui/react-utilities';
|
|
2
|
-
export declare type DividerSlots = {
|
|
3
|
-
/**
|
|
4
|
-
* Root of the component that renders as a `<div>` tag.
|
|
5
|
-
*/
|
|
6
|
-
root: Slot<'div'>;
|
|
7
|
-
/**
|
|
8
|
-
* Accessibility wrapper for content when presented.
|
|
9
|
-
*/
|
|
10
|
-
wrapper: Slot<'div'>;
|
|
11
|
-
};
|
|
12
|
-
declare type DividerCommons = {
|
|
13
|
-
/**
|
|
14
|
-
* Determines the alignment of the content within the divider.
|
|
15
|
-
* @defaultvalue 'center'
|
|
16
|
-
*/
|
|
17
|
-
alignContent: 'start' | 'center' | 'end';
|
|
18
|
-
/**
|
|
19
|
-
* A divider can have one of the preset appearances.
|
|
20
|
-
* When not specified, the divider has its default appearance.
|
|
21
|
-
*/
|
|
22
|
-
appearance?: 'brand' | 'strong' | 'subtle';
|
|
23
|
-
/**
|
|
24
|
-
* Adds padding to the beginning and end of the divider.
|
|
25
|
-
* @default false
|
|
26
|
-
*/
|
|
27
|
-
inset: boolean;
|
|
28
|
-
/**
|
|
29
|
-
* A divider can be horizontal (default) or vertical.
|
|
30
|
-
* @default false
|
|
31
|
-
*/
|
|
32
|
-
vertical: boolean;
|
|
33
|
-
};
|
|
34
|
-
export declare type DividerProps = ComponentProps<Partial<DividerSlots>> & Partial<DividerCommons>;
|
|
35
|
-
export declare type DividerState = ComponentState<DividerSlots> & DividerCommons;
|
|
36
|
-
export {};
|
|
@@ -1,8 +0,0 @@
|
|
|
1
|
-
import * as React from 'react';
|
|
2
|
-
import type { DividerProps, DividerState } from './Divider.types';
|
|
3
|
-
/**
|
|
4
|
-
* Returns the props and state required to render the component
|
|
5
|
-
* @param props - User-provided props to the Divider component.
|
|
6
|
-
* @param ref - User-provided ref to be passed to the Divider component.
|
|
7
|
-
*/
|
|
8
|
-
export declare const useDivider_unstable: (props: DividerProps, ref: React.Ref<HTMLElement>) => DividerState;
|
|
@@ -1,8 +0,0 @@
|
|
|
1
|
-
import { DividerSlots, DividerState } from './Divider.types';
|
|
2
|
-
import type { SlotClassNames } from '@fluentui/react-utilities';
|
|
3
|
-
/**
|
|
4
|
-
* @deprecated Use `dividerClassNames.root` instead.
|
|
5
|
-
*/
|
|
6
|
-
export declare const dividerClassName = "fui-Divider";
|
|
7
|
-
export declare const dividerClassNames: SlotClassNames<DividerSlots>;
|
|
8
|
-
export declare const useDividerStyles_unstable: (state: DividerState) => DividerState;
|
package/lib/index.d.ts
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export * from './components/Divider/index';
|
|
@@ -1,36 +0,0 @@
|
|
|
1
|
-
import type { ComponentProps, ComponentState, Slot } from '@fluentui/react-utilities';
|
|
2
|
-
export declare type DividerSlots = {
|
|
3
|
-
/**
|
|
4
|
-
* Root of the component that renders as a `<div>` tag.
|
|
5
|
-
*/
|
|
6
|
-
root: Slot<'div'>;
|
|
7
|
-
/**
|
|
8
|
-
* Accessibility wrapper for content when presented.
|
|
9
|
-
*/
|
|
10
|
-
wrapper: Slot<'div'>;
|
|
11
|
-
};
|
|
12
|
-
declare type DividerCommons = {
|
|
13
|
-
/**
|
|
14
|
-
* Determines the alignment of the content within the divider.
|
|
15
|
-
* @defaultvalue 'center'
|
|
16
|
-
*/
|
|
17
|
-
alignContent: 'start' | 'center' | 'end';
|
|
18
|
-
/**
|
|
19
|
-
* A divider can have one of the preset appearances.
|
|
20
|
-
* When not specified, the divider has its default appearance.
|
|
21
|
-
*/
|
|
22
|
-
appearance?: 'brand' | 'strong' | 'subtle';
|
|
23
|
-
/**
|
|
24
|
-
* Adds padding to the beginning and end of the divider.
|
|
25
|
-
* @default false
|
|
26
|
-
*/
|
|
27
|
-
inset: boolean;
|
|
28
|
-
/**
|
|
29
|
-
* A divider can be horizontal (default) or vertical.
|
|
30
|
-
* @default false
|
|
31
|
-
*/
|
|
32
|
-
vertical: boolean;
|
|
33
|
-
};
|
|
34
|
-
export declare type DividerProps = ComponentProps<Partial<DividerSlots>> & Partial<DividerCommons>;
|
|
35
|
-
export declare type DividerState = ComponentState<DividerSlots> & DividerCommons;
|
|
36
|
-
export {};
|
|
@@ -1,8 +0,0 @@
|
|
|
1
|
-
import * as React from 'react';
|
|
2
|
-
import type { DividerProps, DividerState } from './Divider.types';
|
|
3
|
-
/**
|
|
4
|
-
* Returns the props and state required to render the component
|
|
5
|
-
* @param props - User-provided props to the Divider component.
|
|
6
|
-
* @param ref - User-provided ref to be passed to the Divider component.
|
|
7
|
-
*/
|
|
8
|
-
export declare const useDivider_unstable: (props: DividerProps, ref: React.Ref<HTMLElement>) => DividerState;
|