Skip to content

Commit 38d93f8

Browse files
Muskan GuptaMuskan Gupta
Muskan Gupta
authored and
Muskan Gupta
committed
Additional style configs for new components
1 parent ee37c99 commit 38d93f8

File tree

6 files changed

+816
-2
lines changed

6 files changed

+816
-2
lines changed

‎ui.af.apps/src/main/content/jcr_root/apps/core/fd/components/form/actions/submit/v2/submit/README.md‎

Lines changed: 0 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -51,7 +51,6 @@ It should be added to a relevant site client library using the `embed` property.
5151
BLOCK cmp-adaptiveform-button
5252
ELEMENT cmp-adaptiveform-button__widget
5353
ELEMENT cmp-adaptiveform-button__text
54-
ELEMENT cmp-adaptiveform-button__icon
5554
ELEMENT cmp-adaptiveform-button__questionmark
5655
ELEMENT cmp-adaptiveform-button__shortdescription
5756
ELEMENT cmp-adaptiveform-button__longdescription

‎ui.af.apps/src/main/content/jcr_root/apps/core/fd/components/form/datetime/v1/datetime/_cq_styleConfig/.content.xml‎

Lines changed: 185 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,185 @@
1+
<?xml version="1.0" encoding="UTF-8"?>
2+
<jcr:root xmlns:granite="http://www.adobe.com/jcr/granite/1.0" xmlns:cq="http://www.day.com/jcr/cq/1.0" xmlns:jcr="http://www.jcp.org/jcr/1.0" xmlns:nt="http://www.jcp.org/jcr/nt/1.0"
3+
jcr:primaryType="nt:unstructured"
4+
jcr:title="Date Time">
5+
<items jcr:primaryType="nt:unstructured">
6+
<field
7+
jcr:primaryType="nt:unstructured"
8+
jcr:title="Base"
9+
id="af2_datetime"
10+
longTitle="Base"
11+
propertySheet="/mnt/overlay/fd/af/components/stylePropertySheet/common">
12+
<items jcr:primaryType="nt:unstructured">
13+
<widgetAndText
14+
jcr:primaryType="nt:unstructured"
15+
jcr:title="Date Time"
16+
id="af2_datetimewidgetandtext"
17+
cssSelector=".cmp-adaptiveform-datetime"
18+
longTitle="Date Time Widget"
19+
propertySheet="/mnt/overlay/fd/af/components/stylePropertySheet/common"
20+
secondarySelectors="af2_guideContainer:af2_widgetAndText">
21+
<items jcr:primaryType="nt:unstructured">
22+
<datetimeLabelContainer
23+
jcr:primaryType="nt:unstructured"
24+
jcr:title="Label Container"
25+
id="af2_datetimelabelcontainer"
26+
cssSelector=".cmp-adaptiveform-datetime__label-container"
27+
longTitle="Date Time Label Container"
28+
propertySheet="/mnt/overlay/fd/af/components/stylePropertySheet/common">
29+
<items jcr:primaryType="nt:unstructured">
30+
<datetimeLabel
31+
jcr:primaryType="nt:unstructured"
32+
jcr:title="Label"
33+
id="af2_datetimelabel"
34+
cssSelector=".cmp-adaptiveform-datetime__label"
35+
longTitle="Date Time Label"
36+
propertySheet="/mnt/overlay/fd/af/components/stylePropertySheet/common">
37+
<states jcr:primaryType="nt:unstructured">
38+
<hover
39+
jcr:primaryType="nt:unstructured"
40+
jcr:title="Hover"
41+
cssSelector=".cmp-adaptiveform-datetime__label:hover"/>
42+
<focus
43+
jcr:primaryType="nt:unstructured"
44+
jcr:title="Focus"
45+
cssSelector=".cmp-adaptiveform-datetime__label:focus"/>
46+
</states>
47+
</datetimeLabel>
48+
<datetimeHelpIcon
49+
jcr:primaryType="nt:unstructured"
50+
jcr:title="Help Icon"
51+
id="af2_datetimehelpicon"
52+
cssSelector=".cmp-adaptiveform-datetime__questionmark"
53+
longTitle="Date Time Help Icon"
54+
propertySheet="/mnt/overlay/fd/af/components/stylePropertySheet/common"
55+
secondarySelectors="af2_guideContainer:af2_helpicon">
56+
<states jcr:primaryType="nt:unstructured">
57+
<focus
58+
jcr:primaryType="nt:unstructured"
59+
jcr:title="Focus"
60+
cssSelector=".cmp-adaptiveform-datetime__questionmark:focus"/>
61+
<hover
62+
jcr:primaryType="nt:unstructured"
63+
jcr:title="Hover"
64+
cssSelector=".cmp-adaptiveform-datetime__questionmark:hover"/>
65+
<disabled
66+
jcr:primaryType="nt:unstructured"
67+
jcr:title="Disabled"
68+
cssSelector=".cmp-adaptiveform-datetime__questionmark:disabled"/>
69+
</states>
70+
</datetimeHelpIcon>
71+
</items>
72+
</datetimeLabelContainer>
73+
<datetimeInputWrapper
74+
jcr:primaryType="nt:unstructured"
75+
jcr:title="Input Wrapper"
76+
id="af2_datetimeinputwrapper"
77+
cssSelector=".cmp-adaptiveform-datetime__input-wrapper"
78+
longTitle="Date Time Input Wrapper"
79+
propertySheet="/mnt/overlay/fd/af/components/stylePropertySheet/common">
80+
<items jcr:primaryType="nt:unstructured">
81+
<datetimeWidget
82+
jcr:primaryType="nt:unstructured"
83+
jcr:title="Date Time Input"
84+
id="af2_datetimewidget"
85+
cssSelector=".cmp-adaptiveform-datetime__widget"
86+
longTitle="Date Time Widget"
87+
propertySheet="/mnt/overlay/fd/af/components/stylePropertySheet/common"
88+
secondarySelectors="af2_guideContainer:af2_widgetAndText">
89+
<states jcr:primaryType="nt:unstructured">
90+
<focus
91+
jcr:primaryType="nt:unstructured"
92+
jcr:title="Focus"
93+
cssSelector=".cmp-adaptiveform-datetime__widget:focus"/>
94+
<hover
95+
jcr:primaryType="nt:unstructured"
96+
jcr:title="Hover"
97+
cssSelector=".cmp-adaptiveform-datetime__widget:hover"/>
98+
<disabled
99+
jcr:primaryType="nt:unstructured"
100+
jcr:title="Disabled"
101+
cssSelector=".cmp-adaptiveform-datetime__widget:disabled"/>
102+
<mandatory
103+
jcr:primaryType="nt:unstructured"
104+
jcr:title="Mandatory"
105+
cssSelector=".cmp-adaptiveform-datetime__widget:required"/>
106+
</states>
107+
</datetimeWidget>
108+
</items>
109+
<states jcr:primaryType="nt:unstructured">
110+
<hover
111+
jcr:primaryType="nt:unstructured"
112+
jcr:title="Hover"
113+
cssSelector=".cmp-adaptiveform-datetime__input-wrapper:hover"/>
114+
<focusWithin
115+
jcr:primaryType="nt:unstructured"
116+
jcr:title="Focus Within"
117+
cssSelector=".cmp-adaptiveform-datetime__input-wrapper:focus-within"/>
118+
</states>
119+
</datetimeInputWrapper>
120+
<datetimeDescriptionShort
121+
jcr:primaryType="nt:unstructured"
122+
jcr:title="Short Description"
123+
id="af2_datetimedescriptionshort"
124+
cssSelector=".cmp-adaptiveform-datetime__shortdescription"
125+
longTitle="Date Time Short Description"
126+
propertySheet="/mnt/overlay/fd/af/components/stylePropertySheet/common">
127+
</datetimeDescriptionShort>
128+
<datetimeDescriptionLong
129+
jcr:primaryType="nt:unstructured"
130+
jcr:title="Long Description"
131+
id="af2_datetimedescriptionlong"
132+
cssSelector=".cmp-adaptiveform-datetime__longdescription"
133+
longTitle="Date Time Long Description"
134+
propertySheet="/mnt/overlay/fd/af/components/stylePropertySheet/common">
135+
<states jcr:primaryType="nt:unstructured">
136+
<focus
137+
jcr:primaryType="nt:unstructured"
138+
jcr:title="Focus"
139+
cssSelector=".cmp-adaptiveform-datetime__longdescription:focus"/>
140+
<hover
141+
jcr:primaryType="nt:unstructured"
142+
jcr:title="Hover"
143+
cssSelector=".cmp-adaptiveform-datetime__longdescription:hover"/>
144+
</states>
145+
</datetimeDescriptionLong>
146+
<datetimeErrorMessage
147+
jcr:primaryType="nt:unstructured"
148+
jcr:title="Date Time Error Message"
149+
id="af2_datetimeerrormessage"
150+
cssSelector=".cmp-adaptiveform-datetime__errormessage"
151+
longTitle="Date Time Error Message"
152+
propertySheet="/mnt/overlay/fd/af/components/stylePropertySheet/common">
153+
</datetimeErrorMessage>
154+
</items>
155+
<states jcr:primaryType="nt:unstructured">
156+
<focus
157+
jcr:primaryType="nt:unstructured"
158+
jcr:title="Focus"
159+
cssSelector=".cmp-adaptiveform-datetime:focus"/>
160+
<disabled
161+
jcr:primaryType="nt:unstructured"
162+
jcr:title="Disabled"
163+
cssSelector=".cmp-adaptiveform-datetime[data-cmp-enabled='false']"/>
164+
<hover
165+
jcr:primaryType="nt:unstructured"
166+
jcr:title="Hover"
167+
cssSelector=".cmp-adaptiveform-datetime:hover"/>
168+
<mandatory
169+
jcr:primaryType="nt:unstructured"
170+
jcr:title="Mandatory"
171+
cssSelector=".cmp-adaptiveform-datetime[data-cmp-required='true']"/>
172+
<error
173+
jcr:primaryType="nt:unstructured"
174+
jcr:title="Error"
175+
cssSelector=".cmp-adaptiveform-datetime[data-cmp-valid='false']"/>
176+
<success
177+
jcr:primaryType="nt:unstructured"
178+
jcr:title="Success"
179+
cssSelector=".cmp-adaptiveform-datetime[data-cmp-valid='true']"/>
180+
</states>
181+
</widgetAndText>
182+
</items>
183+
</field>
184+
</items>
185+
</jcr:root>

0 commit comments

Comments
 (0)