fix(@clayui/css): Update and add box-shadow variable to cadmin class

[HenriquePereiraa]

LPS Ticket

[pat270]

We shouldn't change to rem value here. How it works is if you change the font-size on the html element, the value will scale based on it. In cadmin, we are trying to make it hard to overwrite admin styles via site styles. This is why we use px values.

[pat270]

You are right about something wonky going on with clay-range-variant or clay-range-input-variant. Something might be off with the way we are merging here

clay/packages/clay-css/src/scss/mixins/_forms.scss

Lines 2287 to 2312 in dfe8e4d

	$focus: setter(map-deep-get($map, form-control-range, focus), ());
	$focus: map-merge(
	$focus,
	(
	outline:
	setter(
	map-get($map, focus-outline),
	map-get($focus, outline)
	),
	)
	);
	$focus-clay-range-thumb: setter(
	map-deep-get($map, focus, clay-range-thumb),
	()
	);
	$focus-clay-range-thumb: map-merge(
	$focus-clay-range-thumb,
	(
	box-shadow:
	setter(
	map-get($map, focus-thumb-box-shadow),
	map-get($focus-clay-range-thumb, box-shadow)
	),
	)
	);

.

clay/packages/clay-css/src/scss/variables/_range.scss

Lines 128 to 144 in dfe8e4d

	form-control-range: (
	appearance: none,
	background-color: transparent,
	height: if(variable-exists(input-height), $input-height, 2.375rem),
	margin: 0,
	padding: 0,
	position: relative,
	z-index: $zindex-clay-range-input-form-control,
	hover: (
	cursor: $link-cursor,
	),
	focus: (
	outline: 0,
	clay-range-thumb: (
	box-shadow: $component-focus-box-shadow,
	),
	),

works but

clay/packages/clay-css/src/scss/atlas/variables/_range.scss

Lines 29 to 32 in dfe8e4d

	focus: (
	clay-range-thumb: (
	box-shadow: $component-focus-inset-box-shadow,
	),

doesn't.

It's weird and convoluted because we are keeping backward compatibility with Clay 2.x.

[pat270]

@HenriquePereiraa This is working for me on cadmin. You probably need to restart the storybook / server to get the CSS to recompile.

Something that is curious to me here is that we seem to be circumventing a merge problem in the mixin by declaring it this way.

[pat270]

Closing this one in favor of #5682