tide-design-system 2.0.33 → 2.0.35
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/.storybook/main.ts +1 -1
- package/.storybook/preview.ts +2 -0
- package/dist/css/grid-layout.css +12 -10
- package/dist/css/reset.css +2 -2
- package/dist/css/utilities.css +277 -72
- package/dist/css/variables.css +9 -14
- package/dist/style.css +1 -1
- package/dist/tide-design-system.cjs +2 -2
- package/dist/tide-design-system.esm.d.ts +56 -11
- package/dist/tide-design-system.esm.js +291 -240
- package/dist/utilities/storybook.ts +11 -1
- package/package.json +4 -2
- package/src/assets/css/grid-layout.css +12 -10
- package/src/assets/css/reset.css +2 -2
- package/src/assets/css/utilities.css +277 -72
- package/src/assets/css/variables.css +9 -14
- package/src/components/TideImage.vue +2 -6
- package/src/stories/FoundationsGrid.stories.ts +309 -0
- package/src/stories/FoundationsTypography.stories.ts +39 -23
- package/src/stories/TideImage.stories.ts +38 -0
- package/src/types/Storybook.ts +55 -20
- package/src/types/Styles.ts +70 -3
- package/src/utilities/storybook.ts +11 -1
- /package/dist/css/realm/{equip.css → equipment.css} +0 -0
- /package/src/assets/css/realm/{equip.css → equipment.css} +0 -0
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import type { ArgTypes } from '@storybook/vue3';
|
|
2
2
|
|
|
3
|
-
import { BOOLEAN_UNREQUIRED } from '@/types/Storybook';
|
|
3
|
+
import { BOOLEAN, BOOLEAN_UNREQUIRED } from '@/types/Storybook';
|
|
4
4
|
import { CSS } from '@/types/Styles';
|
|
5
5
|
import { ELEMENT, ELEMENT_TEXT_AS_ICON } from '@/types/Element';
|
|
6
6
|
|
|
@@ -20,6 +20,16 @@ import { NoneAsEmpty, NoneAsUndefined } from '@/types/Storybook';
|
|
|
20
20
|
export const lineBreak = '\r';
|
|
21
21
|
export const tab = ' ';
|
|
22
22
|
|
|
23
|
+
export const argTypeBoolean = {
|
|
24
|
+
control: 'select',
|
|
25
|
+
description: 'Determines whether CSS utility is present',
|
|
26
|
+
options: BOOLEAN,
|
|
27
|
+
table: {
|
|
28
|
+
defaultValue: { summary: 'False' },
|
|
29
|
+
type: { summary: 'boolean' },
|
|
30
|
+
},
|
|
31
|
+
};
|
|
32
|
+
|
|
23
33
|
export const argTypeBooleanUnrequired = {
|
|
24
34
|
control: 'select',
|
|
25
35
|
description: 'True, False, or undefined<br />(for demonstration purposes)',
|
package/package.json
CHANGED
|
@@ -20,7 +20,7 @@
|
|
|
20
20
|
"@vue/tsconfig": "^0.4.0",
|
|
21
21
|
"eslint-plugin-storybook": "^0.8.0",
|
|
22
22
|
"eslint-plugin-vue": "^9.9.0",
|
|
23
|
-
"happy-dom": "^
|
|
23
|
+
"happy-dom": "^15.10.2",
|
|
24
24
|
"jsdom": "^21.1.0",
|
|
25
25
|
"npm-run-all": "^4.1.5",
|
|
26
26
|
"prettier": "^2.7.1",
|
|
@@ -41,8 +41,10 @@
|
|
|
41
41
|
"build-only": "vite build && cp -r src/assets/css/ dist/css/ && cp -r src/utilities/ dist/utilities/",
|
|
42
42
|
"build-storybook": "storybook build && cp -r src/assets/css/realm/ storybook-static/public/",
|
|
43
43
|
"coverage": "vitest run --coverage",
|
|
44
|
+
"dev": "vite",
|
|
44
45
|
"lint": "eslint . --ext .js,.ts,.vue --ignore-path .gitignore",
|
|
45
46
|
"lint:fix": "eslint . --ext .js,.ts,.vue --ignore-path .gitignore --fix",
|
|
47
|
+
"precommit": "npm run lint:fix && npm run type-check",
|
|
46
48
|
"preview": "npm run build-storybook && npx http-server -a localhost storybook-static/",
|
|
47
49
|
"storybook": "storybook dev -p 6006",
|
|
48
50
|
"test": "vitest run",
|
|
@@ -52,5 +54,5 @@
|
|
|
52
54
|
"main": "dist/tide-design-system.cjs",
|
|
53
55
|
"module": "dist/tide-design-system.esm.js",
|
|
54
56
|
"types": "dist/tide-design-system.esm.d.ts",
|
|
55
|
-
"version": "2.0.
|
|
57
|
+
"version": "2.0.35"
|
|
56
58
|
}
|
|
@@ -11,6 +11,14 @@
|
|
|
11
11
|
--tide-gap-width: var(--tide-spacing-1);
|
|
12
12
|
--tide-gutter-width: var(--tide-spacing-1);
|
|
13
13
|
--tide-gutter-width-offset: calc(var(--tide-gutter-width) - var(--tide-gap-width));
|
|
14
|
+
|
|
15
|
+
display: grid;
|
|
16
|
+
grid-auto-rows: min-content;
|
|
17
|
+
grid-template-columns:
|
|
18
|
+
minmax(var(--tide-gutter-width-offset), 1fr)
|
|
19
|
+
repeat(var(--tide-column-count), var(--tide-column-width))
|
|
20
|
+
minmax(var(--tide-gutter-width-offset), 1fr);
|
|
21
|
+
gap: var(--tide-spacing-1) var(--tide-gap-width);
|
|
14
22
|
}
|
|
15
23
|
|
|
16
24
|
@media (min-width: 768px) {
|
|
@@ -29,18 +37,12 @@
|
|
|
29
37
|
--tide-max-content-width: var(--tide-1920px);
|
|
30
38
|
}
|
|
31
39
|
|
|
32
|
-
.tide-grid-layout
|
|
33
|
-
|
|
34
|
-
grid-
|
|
35
|
-
grid-template-columns:
|
|
36
|
-
minmax(var(--tide-gutter-width-offset), 1fr)
|
|
37
|
-
repeat(12, var(--tide-column-width))
|
|
38
|
-
minmax(var(--tide-gutter-width-offset), 1fr);
|
|
39
|
-
gap: var(--tide-spacing-1) var(--tide-gap-width);
|
|
40
|
+
.tide-grid-layout > *,
|
|
41
|
+
.tide-grid-item {
|
|
42
|
+
grid-column: 2 / -2;
|
|
40
43
|
}
|
|
41
44
|
|
|
42
|
-
.tide-
|
|
43
|
-
.tide-fluid {grid-column: 1 / -1;}
|
|
45
|
+
.tide-fluid {grid-column: 1 / -1;}
|
|
44
46
|
|
|
45
47
|
.tide-start-0 {grid-column-start: 1;}
|
|
46
48
|
.tide-start-1 {grid-column-start: 2;}
|
package/src/assets/css/reset.css
CHANGED
|
@@ -12,7 +12,7 @@ body {
|
|
|
12
12
|
padding: 0;
|
|
13
13
|
color: inherit;
|
|
14
14
|
font-family: Montserrat;
|
|
15
|
-
font-weight:
|
|
15
|
+
font-weight: 400;
|
|
16
16
|
-webkit-font-smoothing: antialiased;
|
|
17
17
|
-moz-osx-font-smoothing: grayscale;
|
|
18
18
|
}
|
|
@@ -28,7 +28,7 @@ h2,
|
|
|
28
28
|
h3,
|
|
29
29
|
h4,
|
|
30
30
|
h5 {
|
|
31
|
-
font-weight:
|
|
31
|
+
font-weight: 700;
|
|
32
32
|
}
|
|
33
33
|
|
|
34
34
|
img,
|