@ganpatiinfo/gids-core-web 0.0.3 → 0.0.4

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.
Files changed (4) hide show
  1. package/dist/index.css +116 -0
  2. package/dist/index.css.map +1 -1
  3. package/dist/types/components/html/GidsDisplayTag/GidsDisplayTag.d.ts +4 -0
  4. package/package.json +8 -8
package/dist/index.css CHANGED
@@ -21,6 +21,122 @@ gids-global-styles-start {
21
21
  width: var(--gids-border-width-thin);
22
22
  }
23
23
 
24
+ .gids-display-tag {
25
+ color: var(--gids-color-text-inverse);
26
+ display: inline-flex;
27
+ flex-shrink: 0;
28
+ justify-content: center;
29
+ align-content: center;
30
+ align-items: center;
31
+ border-style: solid;
32
+ border-radius: var(--gids-border-radius-sm);
33
+ border-width: var(--gids-border-width-thin);
34
+ padding: 0 calc(var(--gids-padding-horizontal-edge-to-element-100) - var(--gids-border-width-thin));
35
+ min-height: var(--gids-size-320);
36
+ gap: var(--gids-gap-100);
37
+ font-family: var(--gids-typography-label-medium__font-family);
38
+ font-size: var(--gids-typography-label-medium__font-size);
39
+ font-weight: var(--gids-typography-label-medium__font-weight);
40
+ letter-spacing: var(--gids-typography-label-medium__letter-spacing);
41
+ line-height: var(--gids-typography-label-medium__line-height);
42
+ text-transform: var(--gids-typography-label-medium__text-transform, inherit);
43
+ font-variant: var(--gids-typography-label-medium__font-variant-caps, inherit);
44
+ }
45
+ .gids-display-tag .gids-icon {
46
+ --gidsIcon-color: currentColor;
47
+ --gidsIcon-height: var(--gids-size-240);
48
+ }
49
+ .gids-display-tag--xsmall {
50
+ font-family: var(--gids-typography-label-x-small__font-family);
51
+ font-size: var(--gids-typography-label-x-small__font-size);
52
+ font-weight: var(--gids-typography-label-x-small__font-weight);
53
+ letter-spacing: var(--gids-typography-label-x-small__letter-spacing);
54
+ line-height: var(--gids-typography-label-x-small__line-height);
55
+ text-transform: var(--gids-typography-label-x-small__text-transform, inherit);
56
+ font-variant: var(--gids-typography-label-x-small__font-variant-caps, inherit);
57
+ padding: 0 calc(var(--gids-padding-horizontal-edge-to-element-050) - var(--gids-border-width-thin));
58
+ min-height: var(--gids-size-200);
59
+ gap: var(--gids-gap-050);
60
+ }
61
+ .gids-display-tag--xsmall .gids-icon {
62
+ --gidsIcon-height: var(--gids-size-120);
63
+ }
64
+ .gids-display-tag--small {
65
+ font-family: var(--gids-typography-label-small__font-family);
66
+ font-size: var(--gids-typography-label-small__font-size);
67
+ font-weight: var(--gids-typography-label-small__font-weight);
68
+ letter-spacing: var(--gids-typography-label-small__letter-spacing);
69
+ line-height: var(--gids-typography-label-small__line-height);
70
+ text-transform: var(--gids-typography-label-small__text-transform, inherit);
71
+ font-variant: var(--gids-typography-label-small__font-variant-caps, inherit);
72
+ padding: 0 calc(var(--gids-padding-horizontal-edge-to-element-100) - var(--gids-border-width-thin));
73
+ min-height: var(--gids-size-240);
74
+ gap: var(--gids-gap-100);
75
+ }
76
+ .gids-display-tag--small .gids-icon {
77
+ --gidsIcon-height: var(--gids-size-160);
78
+ }
79
+ .gids-display-tag--large {
80
+ font-family: var(--gids-typography-label-large__font-family);
81
+ font-size: var(--gids-typography-label-large__font-size);
82
+ font-weight: var(--gids-typography-label-large__font-weight);
83
+ letter-spacing: var(--gids-typography-label-large__letter-spacing);
84
+ line-height: var(--gids-typography-label-large__line-height);
85
+ text-transform: var(--gids-typography-label-large__text-transform, inherit);
86
+ font-variant: var(--gids-typography-label-large__font-variant-caps, inherit);
87
+ padding: 0 calc(var(--gids-padding-horizontal-edge-to-element-150) - var(--gids-border-width-thin));
88
+ min-height: var(--gids-size-400);
89
+ gap: var(--gids-gap-150);
90
+ }
91
+ .gids-display-tag--large .gids-icon {
92
+ --gidsIcon-height: var(--gids-size-240);
93
+ }
94
+ .gids-display-tag--accent-1 {
95
+ color: var(--gids-color-text-accent-1);
96
+ border-color: var(--gids-color-border-accent-1);
97
+ background-color: var(--gids-color-background-accent-1-subtlest-default);
98
+ }
99
+ .gids-display-tag--accent-2 {
100
+ color: var(--gids-color-text-accent-2);
101
+ border-color: var(--gids-color-border-accent-2);
102
+ background-color: var(--gids-color-background-accent-2-subtlest-default);
103
+ }
104
+ .gids-display-tag--accent-3 {
105
+ color: var(--gids-color-text-accent-3);
106
+ border-color: var(--gids-color-border-accent-3);
107
+ background-color: var(--gids-color-background-accent-3-subtlest-default);
108
+ }
109
+ .gids-display-tag--accent-4 {
110
+ color: var(--gids-color-text-accent-4);
111
+ border-color: var(--gids-color-border-accent-4);
112
+ background-color: var(--gids-color-background-accent-4-subtlest-default);
113
+ }
114
+ .gids-display-tag--accent-5 {
115
+ color: var(--gids-color-text-accent-5);
116
+ border-color: var(--gids-color-border-accent-5);
117
+ background-color: var(--gids-color-background-accent-5-subtlest-default);
118
+ }
119
+ .gids-display-tag--bold-accent-1 {
120
+ border-color: var(--gids-color-border-accent-1);
121
+ background-color: var(--gids-color-background-accent-1-bolder-default);
122
+ }
123
+ .gids-display-tag--bold-accent-2 {
124
+ border-color: var(--gids-color-border-accent-2);
125
+ background-color: var(--gids-color-background-accent-2-bolder-default);
126
+ }
127
+ .gids-display-tag--bold-accent-3 {
128
+ border-color: var(--gids-color-border-accent-3);
129
+ background-color: var(--gids-color-background-accent-3-bolder-default);
130
+ }
131
+ .gids-display-tag--bold-accent-4 {
132
+ border-color: var(--gids-color-border-accent-4);
133
+ background-color: var(--gids-color-background-accent-4-bolder-default);
134
+ }
135
+ .gids-display-tag--bold-accent-5 {
136
+ border-color: var(--gids-color-border-accent-5);
137
+ background-color: var(--gids-color-background-accent-5-bolder-default);
138
+ }
139
+
24
140
  /*
25
141
  * End styles - any styles need to be above this
26
142
  */
package/dist/index.css.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"sourceRoot":"","sources":["../src/index.scss","../src/styles/start.scss","../src/components/html/GidsDivider/GidsDivider.scss","../src/styles/end.scss"],"names":[],"mappings":"AAAA;AAAA;AAAA;ACAA;EACC;;;ADID;AAAA;AAAA;AELA;EACC;EACA;EAEA;;AAEA;EACC;EACA;EAEA;EACA;EACA;;;AFFF;AAAA;AAAA;AGVA;EACC","file":"index.css"}
1
+ {"version":3,"sourceRoot":"","sources":["../src/index.scss","../src/styles/start.scss","../src/components/html/GidsDivider/GidsDivider.scss","../src/components/html/GidsDisplayTag/GidsDisplayTag.scss","../src/styles/2-tools/tags.scss","../src/styles/2-tools/typography.scss","../src/styles/end.scss"],"names":[],"mappings":"AAAA;AAAA;AAAA;ACAA;EACC;;;ADID;AAAA;AAAA;AELA;EACC;EACA;EAEA;;AAEA;EACC;EACA;EAEA;EACA;EACA;;;ACTF;EACC;ECAA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;EAKA;EACA;EChBA;EACA;EACA;EACA;EACA;EAGC;EAGD;;ADUA;EACC;EACA;;AAGD;ECzBA;EACA;EACA;EACA;EACA;EAGC;EAGD;EDiBC;EAKA;EACA;;AACA;EACC;;AAIF;ECvCA;EACA;EACA;EACA;EACA;EAGC;EAGD;ED+BC;EAKA;EACA;;AACA;EACC;;AAIF;ECrDA;EACA;EACA;EACA;EACA;EAGC;EAGD;ED6CC;EAKA;EACA;;AACA;EACC;;AD3DF;EACC;EACA;EACA;;AAGD;EACC;EACA;EACA;;AAGD;EACC;EACA;EACA;;AAGD;EACC;EACA;EACA;;AAGD;EACC;EACA;EACA;;AAGD;EACC;EACA;;AAGD;EACC;EACA;;AAGD;EACC;EACA;;AAGD;EACC;EACA;;AAGD;EACC;EACA;;;AHhDF;AAAA;AAAA;AMXA;EACC","file":"index.css"}
package/dist/types/components/html/GidsDisplayTag/GidsDisplayTag.d.ts ADDED
@@ -0,0 +1,4 @@
1
+ import type { FunctionalComponent, JSXBase, VNode } from '../../../stencil-public-runtime';
2
+ import { type GidsDisplayTagCommonProps } from '@ganpatiinfo/gids-core-shared';
3
+ export type GidsDisplayTagProps = GidsDisplayTagCommonProps<VNode> & JSXBase.IntrinsicElements['span'];
4
+ export declare const GidsDisplayTag: FunctionalComponent<GidsDisplayTagProps>;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@ganpatiinfo/gids-core-web",
3
- "version": "0.0.3",
3
+ "version": "0.0.4",
4
4
  "private": false,
5
5
  "description": "This is a core web package contains html components",
6
6
  "homepage": "https://ganpatiinfosystem.vercel.app/",
@@ -73,8 +73,8 @@
73
73
  },
74
74
  "dependencies": {
75
75
  "clsx": "2.1.1",
76
- "@ganpatiinfo/gids-core-shared": "0.0.3",
77
- "@ganpatiinfo/gids-web-shared": "0.0.3"
76
+ "@ganpatiinfo/gids-core-shared": "0.0.4",
77
+ "@ganpatiinfo/gids-web-shared": "0.0.4"
78
78
  },
79
79
  "devDependencies": {
80
80
  "@babel/preset-env": "7.27.2",
@@ -82,11 +82,11 @@
82
82
  "@custom-elements-manifest/analyzer": "0.10.4",
83
83
  "@fontsource/inter": "5.2.5",
84
84
  "@fontsource/libre-caslon-text": "5.2.5",
85
- "@ganpatiinfo/gids-liquid-renderer": "0.0.3",
86
- "@ganpatiinfo/gids-storybook-theme": "0.0.3",
87
- "@ganpatiinfo/gids-storybook-utilities": "0.0.3",
88
- "@ganpatiinfo/gids-web-dom-reference": "0.0.3",
89
- "@ganpatiinfo/gids-web-theme-ganpatiinfo": "0.0.3",
85
+ "@ganpatiinfo/gids-liquid-renderer": "0.0.4",
86
+ "@ganpatiinfo/gids-storybook-theme": "0.0.4",
87
+ "@ganpatiinfo/gids-storybook-utilities": "0.0.4",
88
+ "@ganpatiinfo/gids-web-dom-reference": "0.0.4",
89
+ "@ganpatiinfo/gids-web-theme-ganpatiinfo": "0.0.4",
90
90
  "@jest/globals": "29.7.0",
91
91
  "@stencil/core": "4.31.0",
92
92
  "@stencil/react-output-target": "1.0.2",