@k8slens/lds-form 0.6.4 → 0.7.0

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 (5) hide show
  1. package/lib/cjs/index.css +1 -1
  2. package/lib/cjs/index.d.ts +1 -0
  3. package/lib/es/index.css +1 -1
  4. package/lib/es/index.d.ts +1 -0
  5. package/package.json +4 -4
package/lib/cjs/index.css CHANGED
@@ -1 +1 @@
1
- .lds-form-label{color:var(--color-font-form-field-label);display:block;font-size:.875rem;font-size:var(--typography-heading-size-h3);font-weight:700;line-height:1.25rem;text-align:left;text-transform:uppercase}.lds-form-label--required-asterisk:after{color:var(--alias-color-text-accent);content:"*";display:inline-block}.lds-form-error-message{color:var(--color-font-form-field-error);display:block;font-size:.75rem;line-height:1rem}.lds-form-error-message>ul{list-style-type:none}.lds-form-field{min-height:var(--size-form-field-min-block-size)}.lds-form-field--label{margin-bottom:var(--spacing-form-field-label-margin-block-end);padding-left:var(--spacing-form-field-label-padding-inline-start)}.lds-form-field--error{margin-bottom:var(--spacing-form-field-error-margin-block-end);margin-top:var(--spacing-form-field-error-margin-block-start);padding-left:var(--spacing-form-field-error-padding-inline-start)}
1
+ :root{--size-form-field-min-block-size:6.5rem;--spacing-form-field-error-padding-inline-start:var(--spacing-base-xs);--spacing-form-field-error-margin-block-end:var(--spacing-base-sm);--spacing-form-field-error-margin-block-start:var(--spacing-base-xs);--spacing-form-field-label-padding-inline-start:var(--spacing-base-xxs);--spacing-form-field-label-margin-block-end:var(--spacing-base-sm);--color-font-form-field-error:var(--alias-color-danger);--color-font-form-field-label:var(--alias-color-text-primary)}.lds-form-label{color:var(--color-font-form-field-label);display:block;font-size:.875rem;font-size:var(--typography-heading-size-h3);font-weight:700;line-height:1.25rem;text-align:left;text-transform:uppercase}.lds-form-label--required-asterisk:after{color:var(--alias-color-text-accent);content:"*";display:inline-block}.lds-form-error-message{color:var(--color-font-form-field-error);display:block;font-size:.75rem;line-height:1rem}.lds-form-error-message>ul{list-style-type:none}.lds-form-field{min-height:var(--size-form-field-min-block-size)}.lds-form-field--label{margin-bottom:var(--spacing-form-field-label-margin-block-end);padding-left:var(--spacing-form-field-label-padding-inline-start)}.lds-form-field--error{margin-bottom:var(--spacing-form-field-error-margin-block-end);margin-top:var(--spacing-form-field-error-margin-block-start);padding-left:var(--spacing-form-field-error-padding-inline-start)}
package/lib/cjs/index.d.ts CHANGED
@@ -1,3 +1,4 @@
1
+ import "./tokens.css";
1
2
  import { useFieldIds } from "./common/useFieldIds";
2
3
  import { useInputErrorProps } from "./common/useInputErrorProps";
3
4
  import { useFormComponentData } from "./common/useFormComponentData";
package/lib/es/index.css CHANGED
@@ -1 +1 @@
1
- .lds-form-label{color:var(--color-font-form-field-label);display:block;font-size:.875rem;font-size:var(--typography-heading-size-h3);font-weight:700;line-height:1.25rem;text-align:left;text-transform:uppercase}.lds-form-label--required-asterisk:after{color:var(--alias-color-text-accent);content:"*";display:inline-block}.lds-form-error-message{color:var(--color-font-form-field-error);display:block;font-size:.75rem;line-height:1rem}.lds-form-error-message>ul{list-style-type:none}.lds-form-field{min-height:var(--size-form-field-min-block-size)}.lds-form-field--label{margin-bottom:var(--spacing-form-field-label-margin-block-end);padding-left:var(--spacing-form-field-label-padding-inline-start)}.lds-form-field--error{margin-bottom:var(--spacing-form-field-error-margin-block-end);margin-top:var(--spacing-form-field-error-margin-block-start);padding-left:var(--spacing-form-field-error-padding-inline-start)}
1
+ :root{--size-form-field-min-block-size:6.5rem;--spacing-form-field-error-padding-inline-start:var(--spacing-base-xs);--spacing-form-field-error-margin-block-end:var(--spacing-base-sm);--spacing-form-field-error-margin-block-start:var(--spacing-base-xs);--spacing-form-field-label-padding-inline-start:var(--spacing-base-xxs);--spacing-form-field-label-margin-block-end:var(--spacing-base-sm);--color-font-form-field-error:var(--alias-color-danger);--color-font-form-field-label:var(--alias-color-text-primary)}.lds-form-label{color:var(--color-font-form-field-label);display:block;font-size:.875rem;font-size:var(--typography-heading-size-h3);font-weight:700;line-height:1.25rem;text-align:left;text-transform:uppercase}.lds-form-label--required-asterisk:after{color:var(--alias-color-text-accent);content:"*";display:inline-block}.lds-form-error-message{color:var(--color-font-form-field-error);display:block;font-size:.75rem;line-height:1rem}.lds-form-error-message>ul{list-style-type:none}.lds-form-field{min-height:var(--size-form-field-min-block-size)}.lds-form-field--label{margin-bottom:var(--spacing-form-field-label-margin-block-end);padding-left:var(--spacing-form-field-label-padding-inline-start)}.lds-form-field--error{margin-bottom:var(--spacing-form-field-error-margin-block-end);margin-top:var(--spacing-form-field-error-margin-block-start);padding-left:var(--spacing-form-field-error-padding-inline-start)}
package/lib/es/index.d.ts CHANGED
@@ -1,3 +1,4 @@
1
+ import "./tokens.css";
1
2
  import { useFieldIds } from "./common/useFieldIds";
2
3
  import { useInputErrorProps } from "./common/useInputErrorProps";
3
4
  import { useFormComponentData } from "./common/useFormComponentData";
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@k8slens/lds-form",
3
- "version": "0.6.4",
3
+ "version": "0.7.0",
4
4
  "description": "Lens Design System – React Form components",
5
5
  "author": "Mirantis Inc",
6
6
  "license": "MIT",
@@ -28,10 +28,10 @@
28
28
  "format": "eslint --fix ."
29
29
  },
30
30
  "dependencies": {
31
- "@k8slens/lds": "^0.11.4"
31
+ "@k8slens/lds": "^0.12.0"
32
32
  },
33
33
  "devDependencies": {
34
- "@k8slens/lds-tokens": "^0.12.4",
34
+ "@k8slens/lds-tokens": "^0.13.0",
35
35
  "@rollup/plugin-node-resolve": "15.0.1",
36
36
  "@storybook/react": "6.5.13",
37
37
  "@testing-library/react": "13.4.0"
@@ -54,5 +54,5 @@
54
54
  "\\.svg": "<rootDir>/../../__mocks__/SVGStub.js"
55
55
  }
56
56
  },
57
- "gitHead": "bc565a20b240e8b15901d783ef980965b0611d5e"
57
+ "gitHead": "5d01d0a886aabda2662844fb52810630ad38a237"
58
58
  }