@react-spectrum/accordion 3.0.0-nightly.4440 → 3.0.0-nightly.4451

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/import.mjs CHANGED
@@ -1,5 +1,3 @@
1
- "use client";
2
-
3
1
  import "./main.css";
4
2
  import {Item as $8ae4d4d1aa0c5e03$re_export$Item} from "@react-stately/collections";
5
3
  import $3Uu4R$spectrumiconsuiChevronLeftMedium from "@spectrum-icons/ui/ChevronLeftMedium";
package/dist/main.css CHANGED
@@ -1,155 +1 @@
1
- ._7gO6Sq_spectrum-Accordion {
2
- margin: 0;
3
- padding: 0;
4
- list-style: none;
5
- display: block;
6
- }
7
-
8
- ._7gO6Sq_spectrum-Accordion-itemIndicator {
9
- transition: transform ease var(--spectrum-global-animation-duration-100, .13s);
10
- padding-inline-start: var(--spectrum-accordion-icon-spacing, 16px);
11
- padding-inline-end: var(--spectrum-accordion-icon-gap, var(--spectrum-global-dimension-size-100));
12
- display: block;
13
- }
14
-
15
- ._7gO6Sq_spectrum-Accordion-item {
16
- z-index: inherit;
17
- border-bottom: var(--spectrum-accordion-item-border-size, var(--spectrum-alias-border-size-thin)) solid transparent;
18
- margin: 0;
19
- display: list-item;
20
- position: relative;
21
- }
22
-
23
- ._7gO6Sq_spectrum-Accordion-item:first-of-type {
24
- border-top: var(--spectrum-accordion-item-border-size, var(--spectrum-alias-border-size-thin)) solid transparent;
25
- }
26
-
27
- ._7gO6Sq_spectrum-Accordion-itemHeading {
28
- margin: 0;
29
- }
30
-
31
- ._7gO6Sq_spectrum-Accordion-itemHeader {
32
- box-sizing: border-box;
33
- padding-block: var(--spectrum-global-dimension-size-150);
34
- min-height: calc(var(--spectrum-accordion-item-height, 40px) - var(--spectrum-accordion-item-border-size, var(--spectrum-alias-border-size-thin)));
35
- font-size: var(--spectrum-global-dimension-font-size-300);
36
- text-overflow: ellipsis;
37
- cursor: default;
38
- line-height: 1.3;
39
- font-weight: var(--spectrum-global-font-weight-bold, 700);
40
- -webkit-appearance: none;
41
- appearance: none;
42
- background-color: inherit;
43
- text-align: start;
44
- border: 0;
45
- justify-content: flex-start;
46
- align-items: center;
47
- width: 100%;
48
- margin: 0;
49
- padding-inline-start: 2px;
50
- padding-inline-end: var(--spectrum-accordion-item-padding, 16px);
51
- font-family: inherit;
52
- display: flex;
53
- position: relative;
54
- }
55
-
56
- ._7gO6Sq_spectrum-Accordion-itemHeader:focus {
57
- outline: none;
58
- }
59
-
60
- ._7gO6Sq_spectrum-Accordion-itemHeader:focus:after {
61
- content: "";
62
- top: calc(var(--spectrum-accordion-item-border-size, var(--spectrum-alias-border-size-thin)) * -1);
63
- bottom: calc(var(--spectrum-accordion-item-border-size, var(--spectrum-alias-border-size-thin)) * -1);
64
- width: var(--spectrum-accordion-item-border-size-key-focus, 2px);
65
- position: absolute;
66
- }
67
-
68
- ._7gO6Sq_spectrum-Accordion-itemHeader:focus:not(:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))):after {
69
- left: 0;
70
- }
71
-
72
- ._7gO6Sq_spectrum-Accordion-itemHeader:focus:not(:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))):after {
73
- left: 0;
74
- }
75
-
76
- ._7gO6Sq_spectrum-Accordion-itemHeader:focus:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)):after {
77
- right: 0;
78
- }
79
-
80
- ._7gO6Sq_spectrum-Accordion-itemHeader:focus:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)):after {
81
- right: 0;
82
- }
83
-
84
- ._7gO6Sq_spectrum-Accordion-itemContent {
85
- padding: 0 var(--spectrum-accordion-item-content-padding, var(--spectrum-global-dimension-size-200)) var(--spectrum-accordion-item-content-padding, var(--spectrum-global-dimension-size-200)) var(--spectrum-accordion-item-content-padding, var(--spectrum-global-dimension-size-200));
86
- display: none;
87
- }
88
-
89
- [dir="ltr"] :is(._7gO6Sq_spectrum-Accordion-item._7gO6Sq_is-open > ._7gO6Sq_spectrum-Accordion-itemHeading > ._7gO6Sq_spectrum-Accordion-itemHeader > ._7gO6Sq_spectrum-Accordion-itemIndicator) {
90
- transform: rotate(90deg);
91
- }
92
-
93
- [dir="rtl"] :is(._7gO6Sq_spectrum-Accordion-item._7gO6Sq_is-open > ._7gO6Sq_spectrum-Accordion-itemHeading > ._7gO6Sq_spectrum-Accordion-itemHeader > ._7gO6Sq_spectrum-Accordion-itemIndicator) {
94
- transform: rotate(-90deg);
95
- }
96
-
97
- ._7gO6Sq_spectrum-Accordion-item._7gO6Sq_is-open > ._7gO6Sq_spectrum-Accordion-itemHeader:after {
98
- height: calc(var(--spectrum-accordion-item-height, 40px) - var(--spectrum-accordion-item-border-size, var(--spectrum-alias-border-size-thin)));
99
- }
100
-
101
- ._7gO6Sq_spectrum-Accordion-item._7gO6Sq_is-open > ._7gO6Sq_spectrum-Accordion-itemContent {
102
- display: block;
103
- }
104
-
105
- ._7gO6Sq_spectrum-Accordion-item._7gO6Sq_is-disabled ._7gO6Sq_spectrum-Accordion-itemHeader {
106
- cursor: default;
107
- }
108
-
109
- ._7gO6Sq_spectrum-Accordion-item {
110
- border-color: var(--spectrum-accordion-border-color, var(--spectrum-global-color-gray-300));
111
- }
112
-
113
- ._7gO6Sq_spectrum-Accordion-item:first-of-type {
114
- border-top-color: var(--spectrum-accordion-border-color, var(--spectrum-global-color-gray-300));
115
- }
116
-
117
- ._7gO6Sq_spectrum-Accordion-itemHeader {
118
- color: var(--spectrum-alias-text-color, var(--spectrum-global-color-gray-800));
119
- }
120
-
121
- ._7gO6Sq_spectrum-Accordion-itemHeader._7gO6Sq_is-hovered {
122
- color: var(--spectrum-alias-text-color-hover, var(--spectrum-global-color-gray-900));
123
- background-color: var(--spectrum-accordion-background-color-hover, var(--spectrum-global-color-gray-200));
124
- }
125
-
126
- ._7gO6Sq_spectrum-Accordion-itemHeader._7gO6Sq_focus-ring:after {
127
- background-color: var(--spectrum-accordion-border-left-color-key-focus, var(--spectrum-alias-border-color-focus));
128
- }
129
-
130
- ._7gO6Sq_spectrum-Accordion-item._7gO6Sq_is-open ._7gO6Sq_spectrum-Accordion-itemHeader._7gO6Sq_is-hovered {
131
- background-color: #0000;
132
- }
133
-
134
- ._7gO6Sq_spectrum-Accordion-item._7gO6Sq_is-disabled ._7gO6Sq_spectrum-Accordion-itemHeader {
135
- color: var(--spectrum-alias-text-color-disabled, var(--spectrum-global-color-gray-500));
136
- background-color: #0000;
137
- }
138
-
139
- ._7gO6Sq_spectrum-Accordion-item._7gO6Sq_is-disabled ._7gO6Sq_spectrum-Accordion-itemHeader._7gO6Sq_is-hovered {
140
- color: var(--spectrum-alias-text-color-disabled, var(--spectrum-global-color-gray-500));
141
- background-color: #0000;
142
- }
143
-
144
- ._7gO6Sq_spectrum-Accordion-item._7gO6Sq_is-disabled ._7gO6Sq_spectrum-Accordion-itemHeader._7gO6Sq_focus-ring {
145
- color: var(--spectrum-alias-text-color-disabled, var(--spectrum-global-color-gray-500));
146
- background-color: #0000;
147
- }
148
-
149
- @media (forced-colors: active) {
150
- ._7gO6Sq_spectrum-Accordion-itemHeader._7gO6Sq_focus-ring {
151
- outline: 3px solid CanvasText;
152
- }
153
- }
154
-
155
- /*# sourceMappingURL=main.css.map */
1
+ ._7gO6Sq_spectrum-Accordion{margin:0;padding:0;list-style:none;display:block}._7gO6Sq_spectrum-Accordion-itemIndicator{transition:transform ease var(--spectrum-global-animation-duration-100,.13s);padding-inline-start:var(--spectrum-accordion-icon-spacing,16px);padding-inline-end:var(--spectrum-accordion-icon-gap,var(--spectrum-global-dimension-size-100));display:block}._7gO6Sq_spectrum-Accordion-item{z-index:inherit;border-bottom:var(--spectrum-accordion-item-border-size,var(--spectrum-alias-border-size-thin))solid transparent;margin:0;display:list-item;position:relative}._7gO6Sq_spectrum-Accordion-item:first-of-type{border-top:var(--spectrum-accordion-item-border-size,var(--spectrum-alias-border-size-thin))solid transparent}._7gO6Sq_spectrum-Accordion-itemHeading{margin:0}._7gO6Sq_spectrum-Accordion-itemHeader{box-sizing:border-box;padding-block:var(--spectrum-global-dimension-size-150);min-height:calc(var(--spectrum-accordion-item-height,40px) - var(--spectrum-accordion-item-border-size,var(--spectrum-alias-border-size-thin)));font-size:var(--spectrum-global-dimension-font-size-300);text-overflow:ellipsis;cursor:default;line-height:1.3;font-weight:var(--spectrum-global-font-weight-bold,700);-webkit-appearance:none;appearance:none;background-color:inherit;text-align:start;border:0;justify-content:flex-start;align-items:center;width:100%;margin:0;padding-inline-start:2px;padding-inline-end:var(--spectrum-accordion-item-padding,16px);font-family:inherit;display:flex;position:relative}._7gO6Sq_spectrum-Accordion-itemHeader:focus{outline:none}._7gO6Sq_spectrum-Accordion-itemHeader:focus:after{content:"";top:calc(var(--spectrum-accordion-item-border-size,var(--spectrum-alias-border-size-thin))*-1);bottom:calc(var(--spectrum-accordion-item-border-size,var(--spectrum-alias-border-size-thin))*-1);width:var(--spectrum-accordion-item-border-size-key-focus,2px);position:absolute}._7gO6Sq_spectrum-Accordion-itemHeader:focus:not(:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))):after{left:0}._7gO6Sq_spectrum-Accordion-itemHeader:focus:not(:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))):after{left:0}._7gO6Sq_spectrum-Accordion-itemHeader:focus:not(:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))):after{left:0}._7gO6Sq_spectrum-Accordion-itemHeader:focus:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)):after{right:0}._7gO6Sq_spectrum-Accordion-itemHeader:focus:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)):after{right:0}._7gO6Sq_spectrum-Accordion-itemContent{padding:0 var(--spectrum-accordion-item-content-padding,var(--spectrum-global-dimension-size-200))var(--spectrum-accordion-item-content-padding,var(--spectrum-global-dimension-size-200))var(--spectrum-accordion-item-content-padding,var(--spectrum-global-dimension-size-200));display:none}[dir=ltr] :is(._7gO6Sq_spectrum-Accordion-item._7gO6Sq_is-open>._7gO6Sq_spectrum-Accordion-itemHeading>._7gO6Sq_spectrum-Accordion-itemHeader>._7gO6Sq_spectrum-Accordion-itemIndicator){transform:rotate(90deg)}[dir=rtl] :is(._7gO6Sq_spectrum-Accordion-item._7gO6Sq_is-open>._7gO6Sq_spectrum-Accordion-itemHeading>._7gO6Sq_spectrum-Accordion-itemHeader>._7gO6Sq_spectrum-Accordion-itemIndicator){transform:rotate(-90deg)}._7gO6Sq_spectrum-Accordion-item._7gO6Sq_is-open>._7gO6Sq_spectrum-Accordion-itemHeader:after{height:calc(var(--spectrum-accordion-item-height,40px) - var(--spectrum-accordion-item-border-size,var(--spectrum-alias-border-size-thin)))}._7gO6Sq_spectrum-Accordion-item._7gO6Sq_is-open>._7gO6Sq_spectrum-Accordion-itemContent{display:block}._7gO6Sq_spectrum-Accordion-item._7gO6Sq_is-disabled ._7gO6Sq_spectrum-Accordion-itemHeader{cursor:default}._7gO6Sq_spectrum-Accordion-item{border-color:var(--spectrum-accordion-border-color,var(--spectrum-global-color-gray-300))}._7gO6Sq_spectrum-Accordion-item:first-of-type{border-top-color:var(--spectrum-accordion-border-color,var(--spectrum-global-color-gray-300))}._7gO6Sq_spectrum-Accordion-itemHeader{color:var(--spectrum-alias-text-color,var(--spectrum-global-color-gray-800))}._7gO6Sq_spectrum-Accordion-itemHeader._7gO6Sq_is-hovered{color:var(--spectrum-alias-text-color-hover,var(--spectrum-global-color-gray-900));background-color:var(--spectrum-accordion-background-color-hover,var(--spectrum-global-color-gray-200))}._7gO6Sq_spectrum-Accordion-itemHeader._7gO6Sq_focus-ring:after{background-color:var(--spectrum-accordion-border-left-color-key-focus,var(--spectrum-alias-border-color-focus))}._7gO6Sq_spectrum-Accordion-item._7gO6Sq_is-open ._7gO6Sq_spectrum-Accordion-itemHeader._7gO6Sq_is-hovered{background-color:#0000}._7gO6Sq_spectrum-Accordion-item._7gO6Sq_is-disabled ._7gO6Sq_spectrum-Accordion-itemHeader,._7gO6Sq_spectrum-Accordion-item._7gO6Sq_is-disabled ._7gO6Sq_spectrum-Accordion-itemHeader._7gO6Sq_is-hovered,._7gO6Sq_spectrum-Accordion-item._7gO6Sq_is-disabled ._7gO6Sq_spectrum-Accordion-itemHeader._7gO6Sq_focus-ring{color:var(--spectrum-alias-text-color-disabled,var(--spectrum-global-color-gray-500));background-color:#0000}@media (forced-colors:active){._7gO6Sq_spectrum-Accordion-itemHeader._7gO6Sq_focus-ring{outline:3px solid CanvasText}}
package/dist/main.js CHANGED
@@ -1,5 +1,3 @@
1
- "use client";
2
-
3
1
  require("./main.css");
4
2
  var $6boyC$reactstatelycollections = require("@react-stately/collections");
5
3
  var $6boyC$spectrumiconsuiChevronLeftMedium = require("@spectrum-icons/ui/ChevronLeftMedium");
package/dist/module.js CHANGED
@@ -1,5 +1,3 @@
1
- "use client";
2
-
3
1
  import "./main.css";
4
2
  import {Item as $8ae4d4d1aa0c5e03$re_export$Item} from "@react-stately/collections";
5
3
  import $3Uu4R$spectrumiconsuiChevronLeftMedium from "@spectrum-icons/ui/ChevronLeftMedium";
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@react-spectrum/accordion",
3
- "version": "3.0.0-nightly.4440+cdb2fe212",
3
+ "version": "3.0.0-nightly.4451+c11afb257",
4
4
  "description": "Spectrum UI components in React",
5
5
  "license": "Apache-2.0",
6
6
  "main": "dist/main.js",
@@ -36,21 +36,21 @@
36
36
  "url": "https://github.com/adobe/react-spectrum"
37
37
  },
38
38
  "dependencies": {
39
- "@react-aria/accordion": "3.0.0-nightly.4440+cdb2fe212",
40
- "@react-aria/focus": "3.0.0-nightly.2728+cdb2fe212",
41
- "@react-aria/i18n": "3.0.0-nightly.2728+cdb2fe212",
42
- "@react-aria/interactions": "3.0.0-nightly.2728+cdb2fe212",
43
- "@react-aria/utils": "3.0.0-nightly.2728+cdb2fe212",
44
- "@react-spectrum/utils": "3.0.0-nightly.2728+cdb2fe212",
45
- "@react-stately/collections": "3.0.0-nightly.2728+cdb2fe212",
46
- "@react-stately/tree": "3.0.0-nightly.2728+cdb2fe212",
47
- "@react-types/accordion": "3.0.0-nightly.4440+cdb2fe212",
48
- "@react-types/shared": "3.0.0-nightly.2728+cdb2fe212",
49
- "@spectrum-icons/ui": "3.0.0-nightly.2728+cdb2fe212",
39
+ "@react-aria/accordion": "3.0.0-nightly.4451+c11afb257",
40
+ "@react-aria/focus": "3.0.0-nightly.2739+c11afb257",
41
+ "@react-aria/i18n": "3.0.0-nightly.2739+c11afb257",
42
+ "@react-aria/interactions": "3.0.0-nightly.2739+c11afb257",
43
+ "@react-aria/utils": "3.0.0-nightly.2739+c11afb257",
44
+ "@react-spectrum/utils": "3.0.0-nightly.2739+c11afb257",
45
+ "@react-stately/collections": "3.0.0-nightly.2739+c11afb257",
46
+ "@react-stately/tree": "3.0.0-nightly.2739+c11afb257",
47
+ "@react-types/accordion": "3.0.0-nightly.4451+c11afb257",
48
+ "@react-types/shared": "3.0.0-nightly.2739+c11afb257",
49
+ "@spectrum-icons/ui": "3.0.0-nightly.2739+c11afb257",
50
50
  "@swc/helpers": "^0.5.0"
51
51
  },
52
52
  "devDependencies": {
53
- "@adobe/spectrum-css-temp": "3.0.0-nightly.2728+cdb2fe212"
53
+ "@adobe/spectrum-css-temp": "3.0.0-nightly.2739+c11afb257"
54
54
  },
55
55
  "peerDependencies": {
56
56
  "@react-spectrum/provider": "^3.0.0",
@@ -60,5 +60,5 @@
60
60
  "publishConfig": {
61
61
  "access": "public"
62
62
  },
63
- "gitHead": "cdb2fe21213d9e8b03d782d82bda07742ab3afbd"
63
+ "gitHead": "c11afb257a8bc409ed23272a167372005adf4bcc"
64
64
  }
package/dist/main.css.map DELETED
@@ -1 +0,0 @@
1
- {"mappings":"AAwBA;;;;;;;AAOA;;;;;;;AASA;;;;;;;;AASE;;;;AAKF;;;;AAIA;;;;;;;;;;;;;;;;;;;;;;;;;AAiCE;;;;AAGE;;;;;;;;AAAA;;;;AAAA;;;;AAAA;;;;AAAA;;;;AAaJ;;;;;AAUU;;;;AAGA;;;;AAON;;;;AAKA;;;;AAMA;;;;AAkBJ;;;;AAGE;;;;AAKF;;;;AAGE;;;;;AAOE;;;;AASE;;;;AASF;;;;;AAAA;;;;;AAAA;;;;;AASJ;EAEI","sources":["packages/@adobe/spectrum-css-temp/components/accordion/vars.css"],"sourcesContent":["/*\n * Copyright 2020 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\n@import './index.css';\n@import './skin.css';\n"],"names":[],"version":3,"file":"main.css.map"}