Skip to content

Commit 44c20de

Browse files
nielslyngsoenielslyngsoe
authored
Merge pull request #70 from umbraco/feature/list-items
2 parents c99938c + 2c3038d commit 44c20de

File tree

108 files changed

+6649
-3422
lines changed

Some content is hidden

Large Commits have some content hidden by default. Use the searchbox below for content that may be hidden.

108 files changed

+6649
-3422
lines changed

‎.storybook/main.js

Lines changed: 2 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -22,6 +22,8 @@ module.exports = {
2222
config.optimizeDeps.include.push('lit');
2323
config.optimizeDeps.include.push('lit/decorators.js');
2424
config.optimizeDeps.include.push('lit/directives/style-map.js');
25+
config.optimizeDeps.include.push('lit/directives/if-defined.js');
26+
config.optimizeDeps.include.push('lit/directives/unsafe-html.js');
2527
}
2628

2729
return config;

‎package-lock.json

Lines changed: 2518 additions & 2636 deletions
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

‎package.json

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -60,8 +60,8 @@
6060
"@storybook/addon-essentials": "6.4.8",
6161
"@storybook/addon-links": "6.4.8",
6262
"@storybook/web-components": "6.4.8",
63-
"@typescript-eslint/eslint-plugin": "4.31.2",
64-
"@typescript-eslint/parser": "4.31.2",
63+
"@typescript-eslint/eslint-plugin": "5.7.0",
64+
"@typescript-eslint/parser": "5.7.0",
6565
"@web/dev-server-esbuild": "0.2.14",
6666
"@web/test-runner": "0.13.17",
6767
"autoprefixer": "10.3.6",

‎packages/uui-button-inline-create/lib/uui-button-inline-create.story.ts

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -2,7 +2,7 @@ import { Story } from '@storybook/web-components';
22
import { html } from 'lit-html';
33
import '@umbraco-ui/uui-button-inline-create/lib/index';
44

5-
import { GetRandomUmbracoWord } from '../../../src/helper/UmbracoWordGenerator';
5+
import { GetRandomUmbracoWord } from '../../../storyhelpers/UmbracoWordGenerator';
66

77
export default {
88
id: 'uui-button-inline-create',

‎packages/uui-css/custom-properties.module.js

Lines changed: 291 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,291 @@
1+
export default {
2+
customProperties: {
3+
'--uui-size-1': '3px',
4+
'--uui-size-2': '6px',
5+
'--uui-size-3': '9px',
6+
'--uui-size-4': '12px',
7+
'--uui-size-5': '15px',
8+
'--uui-size-6': '18px',
9+
'--uui-size-7': '21px',
10+
'--uui-size-8': '24px',
11+
'--uui-size-9': '27px',
12+
'--uui-size-10': '30px',
13+
'--uui-size-11': '33px',
14+
'--uui-size-12': '36px',
15+
'--uui-size-14': '42px',
16+
'--uui-size-16': '48px',
17+
'--uui-size-20': '60px',
18+
'--uui-size-22': '66px',
19+
'--uui-size-24': '72px',
20+
'--uui-size-28': '84px',
21+
'--uui-size-32': '96px',
22+
'--uui-size-36': '108px',
23+
'--uui-size-40': '120px',
24+
'--uui-size-44': '132px',
25+
'--uui-size-46': '138px',
26+
'--uui-size-48': '144px',
27+
'--uui-size-52': '156px',
28+
'--uui-size-56': '168px',
29+
'--uui-size-60': '180px',
30+
'--uui-size-64': '192px',
31+
'--uui-size-72': '216px',
32+
'--uui-size-80': '240px',
33+
'--uui-size-96': '288px',
34+
'--uui-size-100': '300px',
35+
'--uui-size-space-1': '3px',
36+
'--uui-size-space-2': '6px',
37+
'--uui-size-space-3': '12px',
38+
'--uui-size-space-4': '15px',
39+
'--uui-size-space-5': '21px',
40+
'--uui-size-layout-1': '24px',
41+
'--uui-size-layout-2': '30px',
42+
'--uui-size-layout-3': '42px',
43+
'--uui-size-layout-4': '66px',
44+
'--uui-size-layout-5': '96px',
45+
'--uui-size-layout-6': '138px',
46+
'--uui-border-radius': '3px',
47+
'--uui-type-default-size': '15px',
48+
'--uui-type-small-size': '9px',
49+
'--uui-type-h1-size': '66px',
50+
'--uui-type-h2-size': '42px',
51+
'--uui-type-h3-size': '30px',
52+
'--uui-type-h4-size': '21px',
53+
'--uui-type-h5-size': '15px',
54+
'--uui-color-deep-saffron': '#F79C37',
55+
'--uui-color-deep-saffron-light': 'rgb(249, 181, 103)',
56+
'--uui-color-deep-saffron-dark': 'rgb(222, 145, 56)',
57+
'--uui-color-deep-saffron-dimmed': 'rgb(166, 150, 133)',
58+
'--uui-color-sunglow': '#FAD634',
59+
'--uui-color-sunglow-light': 'rgb(251, 224, 101)',
60+
'--uui-color-sunglow-dark': 'rgb(224, 193, 51)',
61+
'--uui-color-sunglow-dimmed': 'rgb(166, 160, 133)',
62+
'--uui-color-spanish-pink': '#F5C1BC',
63+
'--uui-color-spanish-pink-light': 'rgb(248, 214, 211)',
64+
'--uui-color-spanish-pink-dark': 'rgb(232, 192, 189)',
65+
'--uui-color-spanish-pink-dimmed': 'rgb(219, 212, 212)',
66+
'--uui-color-gunmetal': '#162335',
67+
'--uui-color-gunmetal-light': 'rgb(35, 55, 83)',
68+
'--uui-color-gunmetal-dark': 'rgb(23, 27, 33)',
69+
'--uui-color-gunmetal-dimmed': 'rgb(54, 54, 54)',
70+
'--uui-color-space-cadet': '#1B264F',
71+
'--uui-color-space-cadet-light': 'rgb(38, 53, 110)',
72+
'--uui-color-space-cadet-dark': 'rgb(28, 35, 59)',
73+
'--uui-color-space-cadet-dimmed': 'rgb(106, 117, 154)',
74+
'--uui-color-violet-blue': '#3544B1',
75+
'--uui-color-violet-blue-light': 'rgb(70, 86, 200)',
76+
'--uui-color-violet-blue-dark': 'rgb(54, 65, 156)',
77+
'--uui-color-violet-blue-dimmed': 'rgb(87, 87, 87)',
78+
'--uui-color-matisse': '#2152A3',
79+
'--uui-color-matisse-light': 'rgb(40, 99, 195)',
80+
'--uui-color-matisse-dark': 'rgb(33, 75, 143)',
81+
'--uui-color-matisse-dimmed': 'rgb(61, 67, 77)',
82+
'--uui-color-malibu': '#3879FF',
83+
'--uui-color-malibu-light': 'rgb(97, 150, 255)',
84+
'--uui-color-malibu-dark': 'rgb(56, 116, 235)',
85+
'--uui-color-malibu-dimmed': 'rgb(115, 120, 130)',
86+
'--uui-color-maroon-flush': '#D42054',
87+
'--uui-color-maroon-flush-light': 'rgb(226, 60, 107)',
88+
'--uui-color-maroon-flush-dark': 'rgb(191, 33, 78)',
89+
'--uui-color-maroon-flush-dimmed': 'rgb(133, 107, 114)',
90+
'--uui-color-jungle-green': '#25aa60',
91+
'--uui-color-jungle-green-light': 'rgb(43, 197, 112)',
92+
'--uui-color-jungle-green-dark': 'rgb(38, 156, 91)',
93+
'--uui-color-jungle-green-dimmed': 'rgb(89, 117, 102)',
94+
'--uui-color-dark-green': '#0b8152',
95+
'--uui-color-dark-green-light': 'rgb(13, 155, 98)',
96+
'--uui-color-dark-green-dark': 'rgb(10, 115, 73)',
97+
'--uui-color-dark-green-dimmed': 'rgb(46, 89, 72)',
98+
'--uui-color-cocoa-black': '#191715',
99+
'--uui-color-cocoa-black-light': 'rgb(39, 36, 32)',
100+
'--uui-color-cocoa-black-dark': 'rgb(20, 20, 20)',
101+
'--uui-color-cocoa-black-dimmed': 'rgb(48, 48, 48)',
102+
'--uui-color-dune-black': '#2E2B29',
103+
'--uui-color-dune-black-light': 'rgb(57, 53, 50)',
104+
'--uui-color-dune-black-dark': 'rgb(38, 38, 38)',
105+
'--uui-color-dune-black-dimmed': 'rgb(64, 64, 64)',
106+
'--uui-color-cocoa-brown': '#332A24',
107+
'--uui-color-cocoa-brown-light': 'rgb(66, 54, 47)',
108+
'--uui-color-cocoa-brown-dark': 'rgb(38, 37, 36)',
109+
'--uui-color-cocoa-brown-dimmed': 'rgb(43, 43, 43)',
110+
'--uui-color-chamoisee': '#9D8057',
111+
'--uui-color-chamoisee-light': 'rgb(175, 148, 110)',
112+
'--uui-color-chamoisee-dark': 'rgb(138, 116, 87)',
113+
'--uui-color-chamoisee-dimmed': 'rgb(115, 113, 110)',
114+
'--uui-color-timberwolf': '#E2DAD4',
115+
'--uui-color-timberwolf-light': 'rgb(243, 239, 237)',
116+
'--uui-color-timberwolf-dark': 'rgb(208, 208, 208)',
117+
'--uui-color-timberwolf-dimmed': 'rgb(207, 207, 207)',
118+
'--uui-color-gravel': '#d8d7d9',
119+
'--uui-color-gravel-light': 'rgb(237, 237, 238)',
120+
'--uui-color-gravel-dark': 'rgb(200, 200, 200)',
121+
'--uui-color-gravel-dimmed': 'rgb(204, 204, 204)',
122+
'--uui-color-sand': '#f3f3f5',
123+
'--uui-color-sand-light': 'rgb(255, 255, 255)',
124+
'--uui-color-sand-dark': 'rgb(226, 226, 226)',
125+
'--uui-color-sand-dimmed': 'rgb(231, 231, 231)',
126+
'--uui-color-white': '#FEFEFE',
127+
'--uui-color-white-light': 'rgb(255, 255, 255)',
128+
'--uui-color-white-dark': 'rgb(250, 250, 250)',
129+
'--uui-color-white-dimmed': 'rgb(228, 228, 228)',
130+
'--uui-color-black': '#060606',
131+
'--uui-color-black-light': 'rgb(26, 26, 26)',
132+
'--uui-color-black-dark': 'rgb(5, 5, 5)',
133+
'--uui-color-black-dimmed': 'rgb(36, 36, 36)',
134+
'--uui-color-grey': '#C4C4C4',
135+
'--uui-color-grey-light': 'rgb(222, 222, 222)',
136+
'--uui-color-grey-dark': 'rgb(179, 179, 179)',
137+
'--uui-color-grey-dimmed': 'rgb(189, 189, 189)',
138+
'--uui-color-dusty-grey': '#9B9B9B',
139+
'--uui-color-dusty-grey-light': 'rgb(176, 176, 176)',
140+
'--uui-color-dusty-grey-dark': 'rgb(141, 141, 141)',
141+
'--uui-color-dusty-grey-dimmed': 'rgb(186, 186, 186)',
142+
'--uui-color-mine-grey': '#3E3E3E',
143+
'--uui-color-mine-grey-light': 'rgb(82, 82, 82)',
144+
'--uui-color-mine-grey-dark': 'rgb(56, 56, 56)',
145+
'--uui-color-mine-grey-dimmed': 'rgb(87, 87, 87)',
146+
'--uui-shadow-depth-1':
147+
'0 1px 3px rgba(0,0,0,0.12) , 0 1px 2px rgba(0,0,0,0.24)',
148+
'--uui-shadow-depth-2':
149+
'0 3px 6px rgba(0,0,0,0.16) , 0 3px 6px rgba(0,0,0,0.23)',
150+
'--uui-shadow-depth-3':
151+
'0 10px 20px rgba(0,0,0,0.19) , 0 6px 6px rgba(0,0,0,0.23)',
152+
'--uui-shadow-depth-4':
153+
'0 14px 28px rgba(0,0,0,0.25) , 0 10px 10px rgba(0,0,0,0.22)',
154+
'--uui-shadow-depth-5':
155+
'0 19px 38px rgba(0,0,0,0.30) , 0 15px 12px rgba(0,0,0,0.22)',
156+
'--uui-interface-surface': '#FEFEFE',
157+
'--uui-interface-surface-hover': 'rgb(250, 250, 250)',
158+
'--uui-interface-surface-disabled': 'rgb(228, 228, 228)',
159+
'--uui-interface-surface-focus': '#FEFEFE',
160+
'--uui-interface-surface-alt': '#d8d7d9',
161+
'--uui-interface-surface-alt-hover': 'rgb(200, 200, 200)',
162+
'--uui-interface-surface-alt-disabled': 'rgb(204, 204, 204)',
163+
'--uui-interface-surface-alt-focus': '#d8d7d9',
164+
'--uui-interface-contrast': '#060606',
165+
'--uui-interface-contrast-hover': '#1B264F',
166+
'--uui-interface-contrast-disabled': 'rgb(115, 113, 110)',
167+
'--uui-interface-contrast-focus': '#060606',
168+
'--uui-interface-border': '#C4C4C4',
169+
'--uui-interface-border-hover': 'rgb(179, 179, 179)',
170+
'--uui-interface-border-disabled': 'rgb(189, 189, 189)',
171+
'--uui-interface-border-focus': 'rgb(179, 179, 179)',
172+
'--uui-interface-border-style': 'solid',
173+
'--uui-interface-font-weight': '400',
174+
'--uui-interface-active': '#F5C1BC',
175+
'--uui-interface-active-hover': '#F5C1BC',
176+
'--uui-interface-active-disabled': 'rgb(219, 212, 212)',
177+
'--uui-interface-active-focus': '#F5C1BC',
178+
'--uui-interface-active-contrast': '#162335',
179+
'--uui-interface-active-contrast-hover': '#1B264F',
180+
'--uui-interface-active-contrast-disabled': 'rgb(54, 54, 54)',
181+
'--uui-interface-active-contrast-focus': '#162335',
182+
'--uui-interface-select': '#3544B1',
183+
'--uui-interface-select-hover': 'rgb(70, 86, 200)',
184+
'--uui-interface-select-disabled': 'rgb(87, 87, 87)',
185+
'--uui-interface-select-focus': '#3544B1',
186+
'--uui-interface-select-contrast': '#FEFEFE',
187+
'--uui-interface-select-contrast-hover': '#FEFEFE',
188+
'--uui-interface-select-contrast-disabled': 'rgb(228, 228, 228)',
189+
'--uui-interface-select-contrast-focus': '#FEFEFE',
190+
'--uui-interface-chosen': '#1B264F',
191+
'--uui-interface-chosen-hover': 'rgb(38, 53, 110)',
192+
'--uui-interface-chosen-disabled': 'rgb(106, 117, 154)',
193+
'--uui-interface-chosen-focus': '#1B264F',
194+
'--uui-interface-chosen-contrast': '#FEFEFE',
195+
'--uui-interface-chosen-contrast-hover': '#FEFEFE',
196+
'--uui-interface-chosen-contrast-disabled': 'rgb(228, 228, 228)',
197+
'--uui-interface-chosen-contrast-focus': '#FEFEFE',
198+
'--uui-look-primary-surface': '#1B264F',
199+
'--uui-look-primary-surface-hover': '#3544B1',
200+
'--uui-look-primary-surface-disabled': 'rgb(115, 120, 130)',
201+
'--uui-look-primary-surface-focus': '#1B264F',
202+
'--uui-look-primary-contrast': '#FEFEFE',
203+
'--uui-look-primary-contrast-hover': '#FEFEFE',
204+
'--uui-look-primary-contrast-disabled': 'rgb(228, 228, 228)',
205+
'--uui-look-primary-contrast-focus': '#FEFEFE',
206+
'--uui-look-primary-border': '#1B264F',
207+
'--uui-look-primary-border-hover': '#3544B1',
208+
'--uui-look-primary-border-disabled': 'rgb(115, 120, 130)',
209+
'--uui-look-primary-border-focus': '#1B264F',
210+
'--uui-look-primary-font-weight': '700',
211+
'--uui-look-secondary-surface': '#E2DAD4',
212+
'--uui-look-secondary-surface-hover': 'rgb(243, 239, 237)',
213+
'--uui-look-secondary-surface-disabled': 'rgb(207, 207, 207)',
214+
'--uui-look-secondary-surface-focus': '#E2DAD4',
215+
'--uui-look-secondary-contrast': '#1B264F',
216+
'--uui-look-secondary-contrast-hover': '#3544B1',
217+
'--uui-look-secondary-contrast-disabled': 'rgb(106, 117, 154)',
218+
'--uui-look-secondary-contrast-focus': '#1B264F',
219+
'--uui-look-secondary-border': '#E2DAD4',
220+
'--uui-look-secondary-border-hover': 'rgb(243, 239, 237)',
221+
'--uui-look-secondary-border-disabled': 'rgb(207, 207, 207)',
222+
'--uui-look-secondary-border-focus': '#E2DAD4',
223+
'--uui-look-secondary-font-weight': '500',
224+
'--uui-look-positive-surface': '#25aa60',
225+
'--uui-look-positive-surface-hover': 'rgb(43, 197, 112)',
226+
'--uui-look-positive-surface-disabled': 'rgb(89, 117, 102)',
227+
'--uui-look-positive-surface-focus': '#25aa60',
228+
'--uui-look-positive-contrast': '#FEFEFE',
229+
'--uui-look-positive-contrast-hover': '#FEFEFE',
230+
'--uui-look-positive-contrast-disabled': '#FEFEFE',
231+
'--uui-look-positive-contrast-focus': '#FEFEFE',
232+
'--uui-look-positive-border': '#25aa60',
233+
'--uui-look-positive-border-hover': 'rgb(43, 197, 112)',
234+
'--uui-look-positive-border-disabled': 'rgb(89, 117, 102)',
235+
'--uui-look-positive-border-focus': '#25aa60',
236+
'--uui-look-positive-font-weight': '700',
237+
'--uui-look-warning-surface': '#FAD634',
238+
'--uui-look-warning-surface-hover': 'rgb(251, 224, 101)',
239+
'--uui-look-warning-surface-disabled': 'rgb(166, 160, 133)',
240+
'--uui-look-warning-surface-focus': '#FAD634',
241+
'--uui-look-warning-contrast': '#060606',
242+
'--uui-look-warning-contrast-hover': '#060606',
243+
'--uui-look-warning-contrast-disabled': '#060606',
244+
'--uui-look-warning-contrast-focus': '#060606',
245+
'--uui-look-warning-border': '#FAD634',
246+
'--uui-look-warning-border-hover': 'rgb(251, 224, 101)',
247+
'--uui-look-warning-border-disabled': 'rgb(166, 160, 133)',
248+
'--uui-look-warning-border-focus': '#FAD634',
249+
'--uui-look-warning-font-weight': '700',
250+
'--uui-look-danger-surface': '#D42054',
251+
'--uui-look-danger-surface-hover': 'rgb(226, 60, 107)',
252+
'--uui-look-danger-surface-disabled': 'rgb(133, 107, 114)',
253+
'--uui-look-danger-surface-focus': '#D42054',
254+
'--uui-look-danger-contrast': '#FEFEFE',
255+
'--uui-look-danger-contrast-hover': '#FEFEFE',
256+
'--uui-look-danger-contrast-disabled': '#FEFEFE',
257+
'--uui-look-danger-contrast-focus': '#FEFEFE',
258+
'--uui-look-danger-border': '#D42054',
259+
'--uui-look-danger-border-hover': 'rgb(226, 60, 107)',
260+
'--uui-look-danger-border-disabled': 'rgb(133, 107, 114)',
261+
'--uui-look-danger-border-focus': '#D42054',
262+
'--uui-look-danger-font-weight': '700',
263+
'--uui-look-outline-surface': 'transparent',
264+
'--uui-look-outline-surface-hover': 'transparent',
265+
'--uui-look-outline-surface-disabled': 'transparent',
266+
'--uui-look-outline-surface-focus': 'transparent',
267+
'--uui-look-outline-contrast': '#1B264F',
268+
'--uui-look-outline-contrast-hover': '#3544B1',
269+
'--uui-look-outline-contrast-disabled': 'rgb(106, 117, 154)',
270+
'--uui-look-outline-contrast-focus': '#1B264F',
271+
'--uui-look-outline-border': '#1B264F',
272+
'--uui-look-outline-border-hover': '#3544B1',
273+
'--uui-look-outline-border-disabled': 'rgb(106, 117, 154)',
274+
'--uui-look-outline-border-focus': '#1B264F',
275+
'--uui-look-outline-font-weight': '700',
276+
'--uui-look-placeholder-surface': 'transparent',
277+
'--uui-look-placeholder-surface-hover': 'transparent',
278+
'--uui-look-placeholder-surface-disabled': 'transparent',
279+
'--uui-look-placeholder-surface-focus': 'transparent',
280+
'--uui-look-placeholder-contrast': '#1B264F',
281+
'--uui-look-placeholder-contrast-hover': '#3544B1',
282+
'--uui-look-placeholder-contrast-disabled': 'rgb(106, 117, 154)',
283+
'--uui-look-placeholder-contrast-focus': '#1B264F',
284+
'--uui-look-placeholder-border': '#1B264F',
285+
'--uui-look-placeholder-border-hover': '#3544B1',
286+
'--uui-look-placeholder-border-disabled': 'rgb(106, 117, 154)',
287+
'--uui-look-placeholder-border-focus': '#1B264F',
288+
'--uui-look-placeholder-font-weight': '400',
289+
'--uui-look-placeholder-border-style': 'dashed',
290+
},
291+
};

0 commit comments

Comments
 (0)